:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}.shell{display:grid;gap:20px;min-height:100svh;padding:max(18px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}.panel,.preview-area{width:min(100%);margin:0 auto}.preview-area{width:min(100%,300px)}.brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.mark{display:grid;width:48px;height:48px;place-items:center;border-radius:8px;background:#0f766e;color:#fff;font-weight:800}h1{margin:0;font-size:1.55rem;line-height:1.15}p{margin:0}.brand p{margin-top:4px;color:#5b6472;font-size:.93rem}.form{display:grid;gap:11px}.orders-panel{display:grid;gap:10px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #dbe4ee}.auth-panel{display:grid;gap:10px;margin-bottom:18px;padding:12px;border:1px solid #dbe4ee;border-radius:8px;background:#fff}.auth-panel p{margin-top:4px;color:#64748b;font-size:.9rem}.auth-form{display:grid;gap:10px}.auth-error{color:#b91c1c;font-size:.9rem}.auth-state-button.is-authenticated span[aria-hidden=true]{background:#dcfce7;color:#15803d}.auth-dialog-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#0f172a73}.auth-dialog{display:grid;gap:12px;width:min(100%,380px);border:1px solid #dbe4ee;border-radius:8px;background:#fff;padding:14px;box-shadow:0 24px 70px #0f172a3d}.auth-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-dialog .auth-panel{margin-bottom:0;padding:0;border:0}.orders-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.orders-head>div{display:inline-flex;align-items:center;min-width:0;gap:8px}.badge{display:inline-grid;min-width:28px;height:28px;place-items:center;border-radius:999px;background:#dc2626;color:#fff;font-size:.85rem;font-weight:800}.mini,.secondary.mini{min-height:30px;padding:4px 8px;font-size:.85rem}.print-only-button{justify-self:center;min-width:86px}.sync-orders{display:inline-grid;width:34px;padding:0;place-items:center}.orders-list{display:grid;gap:8px}.order-row{display:grid;grid-template-columns:1fr auto;align-items:stretch;overflow:hidden;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.order-row.is-printed{opacity:.72}.order-open{display:grid;width:100%;gap:3px;border:0;background:#fff;color:#111827;padding:10px;text-align:left;cursor:pointer}.order-actions{display:inline-flex;align-items:center;align-self:center;gap:8px;margin-right:10px}.order-print,.order-skip{align-self:center;white-space:nowrap}.order-open:hover,.order-open:focus-visible{background:#f8fafc}.order-open span,.order-open small,.empty-log{color:#64748b}.order-history summary{cursor:pointer;color:#334155;font-weight:700}.history-list{margin-top:10px}.empty-log{padding:8px 0;font-size:.9rem}label{display:grid;gap:7px;color:#334155;font-weight:650}input{width:100%;min-height:48px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#111827;padding:12px 14px;outline:none}.input-shell{position:relative}.input-shell input{padding-right:44px}.clear-input{position:absolute;top:50%;right:8px;display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:999px;background:transparent;color:#64748b;font-size:1.35rem;line-height:1;cursor:pointer;transform:translateY(-50%)}.clear-input:hover,.clear-input:focus-visible{background:#f1f5f9;color:#0f172a}.clear-input[hidden]{display:none}input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e29}select{min-height:42px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#111827;padding:8px 34px 8px 10px;outline:none}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:32px;border:1px solid #99f6e4;border-radius:999px;background:#f0fdfa;color:#0f766e;padding:5px 10px;font-size:.9rem;cursor:pointer}.chip:hover,.chip:focus-visible{border-color:#0f766e;background:#ccfbf1}.suggestions{position:absolute;z-index:10;top:calc(100% + 6px);right:0;left:0;display:grid;overflow:hidden;border:1px solid #cbd5e1;border-radius:8px;background:#fff;box-shadow:0 16px 34px #0f172a24}.suggestions[hidden]{display:none}.suggestion{min-height:42px;border:0;background:#fff;color:#111827;padding:10px 14px;text-align:left;cursor:pointer}.suggestion:hover,.suggestion:focus-visible{background:#ecfdf5}.uppercase-input{text-transform:uppercase}.primary{min-height:52px;border:0;border-radius:8px;background:#0f766e;color:#fff;font-weight:800;cursor:pointer}.primary:disabled{cursor:progress;opacity:.72}.page-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding-top:2px}.secondary{min-height:42px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#475569;padding:9px 14px;font-weight:700;cursor:pointer}a.secondary{text-decoration:none}.secondary:hover,.secondary:focus-visible{border-color:#94a3b8;background:#f8fafc;color:#0f172a}.secondary:disabled{cursor:progress;opacity:.7}.cache-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;border-color:#dbe4ee;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 8px 22px #0f172a14;color:#334155;font-size:.92rem}.cache-button span[aria-hidden=true]{display:grid;width:24px;height:24px;place-items:center;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:1rem;line-height:1}.cache-button:hover,.cache-button:focus-visible{border-color:#7dd3fc;background:#f0f9ff;color:#0f172a;box-shadow:0 10px 26px #0ea5e929}.cache-button:disabled span[aria-hidden=true]{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status{min-height:22px;margin-top:14px;color:#475569;font-size:.95rem}@media (max-width: 759px){.shell{gap:14px;padding-top:max(12px,env(safe-area-inset-top))}.shell .brand{margin-bottom:16px}.shell .form label{gap:5px;font-size:.94rem}.shell .chips{gap:6px}.shell .form input{min-height:40px;padding-block:7px}.shell .form .primary{min-height:42px}.shell .form .secondary{min-height:34px;padding:5px 10px}.shell .status{margin-top:8px}}.preview-area{display:grid;place-items:center}.ticket{width:min(100%,390px);overflow:hidden;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 18px 45px #0f172a1a}.ticket-head{display:grid;gap:6px;padding:18px 18px 0;color:#000;text-align:center}.ticket-head p{font-size:1.8rem;opacity:.9}.ticket-head span{font-size:1.72rem;opacity:.9}.shop-name{font-size:43px;line-height:1.1;letter-spacing:0}.ticket-body{display:grid;gap:16px;padding:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:5px;min-width:0}.field span{color:#000;font-size:20px}.field .field-value{overflow-wrap:anywhere;color:#111827;font-size:26px;font-weight:400}.field .field-value.unit{font-size:28px;text-transform:uppercase}.qr{width:min(100%,200px);aspect-ratio:1;justify-self:center;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden}.qr:empty{background:linear-gradient(45deg,#f1f5f9 25%,transparent 25%),linear-gradient(-45deg,#f1f5f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f5f9 75%),linear-gradient(-45deg,transparent 75%,#f1f5f9 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.qr svg{display:block;width:100%;height:100%}.bank-line,.date{color:#475569;font-size:1.84rem}.bank-info{font-size:18px}.bank-line{display:flex;justify-content:space-between;gap:12px}.date{text-align:center}@media (min-width: 900px){.shell{grid-template-columns:minmax(320px,420px) minmax(390px,1fr);align-items:center;max-width:1080px;margin:0 auto;padding-inline:32px}.panel,.preview-area{width:100%}.page-actions{grid-column:1 / -1}}.text-center{text-align:center}.admin-shell{width:min(100%,980px);min-height:100svh;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 14px calc(92px + env(safe-area-inset-bottom))}.admin-login-shell{display:grid;place-items:center}.admin-login{display:grid;width:min(100%,420px);gap:14px}.admin-login>p,.admin-section-head p{color:#64748b}.admin-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -14px 14px;padding:max(12px,env(safe-area-inset-top)) 14px 12px;border-bottom:1px solid #e2e8f0;background:#f8fafcf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.admin-header-menu{position:relative}.admin-header-dropdown{min-width:180px}.admin-back{display:inline-block;margin-bottom:5px;color:#0f766e;font-weight:800;text-decoration:none}.admin-stack{display:grid;gap:14px}.admin-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi-card,.compare-card,.admin-section{border:1px solid #dbe4ee;border-radius:8px;background:#fff}.kpi-card{display:grid;min-height:112px;align-content:space-between;gap:12px;padding:14px}.kpi-card span,.compare-card span,.debt-row small,.admin-order-main span,.admin-order-meta small{color:#64748b}.kpi-card strong{font-size:1.75rem;line-height:1}.kpi-change{font-weight:700}.kpi-change.is-up{color:#15803d}.kpi-change.is-down{color:#dc2626}.admin-section{display:grid;gap:12px;padding:14px}.admin-section h2,.admin-day-group h3{margin:0}.admin-section h2{font-size:1.05rem}.compare-grid{display:grid;gap:10px}.compare-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.compare-card strong{color:#15803d;font-size:1.18rem}.compare-card.is-down strong{color:#dc2626}.debt-list,.admin-order-groups,.admin-order-list,.admin-day-group{display:grid;gap:10px}.debt-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.debt-row div{display:grid;min-width:0;gap:3px}.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-section-head h2{margin:0}.order-filter-head{align-items:flex-start}.order-filter-actions{display:inline-flex;flex-wrap:wrap;min-width:0;gap:8px}.filter-button{display:inline-flex;align-items:center;gap:6px}.admin-select.mini{min-height:30px;padding-block:4px;font-size:.85rem}.debt-filter-form{display:inline-flex;align-items:center;gap:6px}.debt-filter-form input{width:min(34vw,148px);min-height:34px;padding:6px 10px}.icon-submit{display:inline-grid;width:34px;min-height:34px;padding:0;place-items:center}.pager{display:inline-flex;gap:8px}.admin-day-group h3{color:#334155;font-size:.92rem;text-transform:capitalize}.admin-order-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto repeat(2,40px);align-items:center;gap:10px;padding:11px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.admin-order-row:not(:has(>.icon-menu)){grid-template-columns:minmax(0,1fr) auto 40px}.print-render-target{position:fixed;top:0;left:-10000px;width:390px;pointer-events:none}.today-orders{align-self:start}.is-spinning{animation:spin .9s linear infinite}.admin-order-main,.admin-order-meta{display:grid;min-width:0;gap:4px}.admin-order-main strong,.admin-order-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-order-meta{justify-items:end}.paid{color:#15803d!important}.unpaid{color:#dc2626!important}.order-menu-shell{position:relative}.icon-menu{display:grid;width:36px;height:36px;place-items:center;border:1px solid #dbe4ee;border-radius:8px;background:#fff;color:#334155;cursor:pointer;font-size:1.25rem;line-height:1}.order-menu{position:absolute;z-index:30;top:calc(100% + 6px);right:0;display:grid;min-width:168px;overflow:hidden;border:1px solid #cbd5e1;border-radius:8px;background:#fff;box-shadow:0 18px 38px #0f172a2e}.order-menu button,.order-menu a{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:0;background:#fff;color:#111827;padding:9px 12px;text-align:left;cursor:pointer;text-decoration:none}.order-menu button:hover,.order-menu button:focus-visible,.order-menu a:hover,.order-menu a:focus-visible{background:#ecfdf5}.order-menu-paid{color:#15803d!important}.order-menu-unpaid,.order-menu-danger{color:#dc2626!important}.admin-dialog-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#0f172a73}.admin-dialog{gap:14px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;padding:14px;box-shadow:0 24px 70px #0f172a3d;width:90%}.admin-dialog-head,.dialog-actions,.filter-date-grid{display:flex;gap:10px}.admin-dialog-head{align-items:center;justify-content:space-between}.admin-dialog h2{margin:0;font-size:1.1rem}.filter-date-grid{align-items:start}.filter-date-grid label{flex:1 1 0}.dialog-actions{justify-content:flex-end}.dialog-actions .primary,.dialog-actions .secondary{min-height:42px}.debt-customer{display:grid;gap:8px}.debt-toggle{width:100%;border-color:#e2e8f0;color:#111827;text-align:left;cursor:pointer}.debt-toggle>span:not(.debt-caret){display:grid;min-width:0;gap:3px;margin-right:auto}.debt-caret{display:grid;width:24px;place-items:center;color:#64748b}.debt-order-list{display:grid;gap:8px;padding-left:15px}.admin-notice{margin-bottom:12px;padding:10px 12px;border-radius:8px;background:#f0f9ff;color:#075985}.admin-error{background:#fef2f2;color:#991b1b}.admin-bottom-nav{position:fixed;z-index:40;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid #dbe4ee;background:#fffffff5;box-shadow:0 -10px 30px #0f172a1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-bottom-nav a{display:grid;min-height:54px;place-items:center;border:0;border-radius:8px;background:transparent;color:#64748b;cursor:pointer;text-decoration:none}.admin-bottom-nav a span{font-size:1.2rem;line-height:1}.admin-bottom-nav a.is-active{background:#ecfdf5;color:#0f766e}@media (min-width: 760px){.admin-shell{padding-inline:24px}.admin-header{margin-inline:-24px;padding-inline:24px}.admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-bottom-nav{right:50%;left:50%;width:min(100%,520px);transform:translate(-50%);border:1px solid #dbe4ee;border-bottom:0;border-radius:14px 14px 0 0}}.flex{display:flex}.flex-col{flex-direction:column}.gap-4{gap:1rem}.border-t{border-top:1px solid #dbe4ee}.mb-3{margin-bottom:1rem}.gap-3{gap:.75rem}.product-form{display:grid;gap:12px}.product-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px}.product-list{display:grid;gap:10px}.product-row{display:grid;grid-template-columns:minmax(0,1fr) 36px 36px;align-items:center;gap:10px;padding:11px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.product-row div{display:grid;min-width:0;gap:3px}.product-row strong,.product-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-row span{color:#64748b}.sales-v2-shell{display:grid;gap:16px;width:min(100%,1120px);min-height:100svh;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))}.sales-v2-main,.bill-panel{display:grid;align-self:start;gap:14px}.sales-v2-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sales-v2-head .brand{margin-bottom:0}.sales-v2-links{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.product-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.sale-product{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;overflow:hidden;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer}.sale-product.is-selected{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e1f}.sale-product:focus-visible{outline:2px solid #0f766e;outline-offset:2px}.sale-product-info{display:grid;min-width:0;min-height:68px;align-content:center;gap:3px;border:0;background:transparent;color:#111827;padding:10px 12px 8px;text-align:left}.sale-product-info strong{overflow-wrap:anywhere}.sale-product-info span{color:#64748b}.sale-product-quantity{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:42px;padding:0 8px 8px}.sale-product-quantity button{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;cursor:pointer;border:none}.sale-product-quantity button:disabled{cursor:not-allowed;opacity:.45}.sale-product-quantity span{min-width:24px;color:#64748b;font-size:1rem;text-align:center}@media (max-width: 520px){.product-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sale-product-info{min-height:64px;padding-inline:8px;font-size:.86rem}.sale-product-quantity{gap:2px;padding:0 4px 8px}.sale-product-quantity button{width:28px;height:30px}.sale-product-quantity strong{min-width:22px}}.bill-panel{border:1px solid #dbe4ee;border-radius:8px;background:#fff;padding:14px}.bill-panel h2{margin:0}.bill-lines{display:grid;gap:8px}.bill-line,.bill-total,.transfer-preview{display:flex;justify-content:space-between;gap:12px}.bill-line span,.transfer-preview span{color:#64748b}.bill-line strong,.bill-total strong,.transfer-preview strong{text-align:right}.bill-total{align-items:center;padding-top:12px;border-top:1px solid #e2e8f0}.bill-total strong{color:#0f766e;font-size:1.35rem}.transfer-preview{display:grid;gap:4px;padding:10px;border-radius:8px;background:#f8fafc}.transfer-preview strong{overflow-wrap:anywhere;text-align:left}.sales-v2-total{display:grid;min-height:48px;align-content:center;gap:4px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:9px 14px}.sales-v2-total strong{color:#0f766e;font-size:1.25rem}.sales-v2-total small{overflow-wrap:anywhere;color:#64748b}@media (min-width: 840px){.product-form{grid-template-columns:minmax(0,1.4fr) minmax(160px,.6fr) auto;align-items:end}.sales-v2-shell{grid-template-columns:minmax(0,1fr) minmax(320px,380px);padding-inline:24px}.bill-panel{position:sticky;top:16px}}