*{box-sizing:border-box}:root{--page-bg:#f3f4f6;--panel-bg:#fff;--soft-bg:#f9fafb;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--accent:#ff3b30;--accent-2:#ff9800;--accent-soft:#fff1f0;--shadow:0 8px 20px #0f172a17;color:#111827;font-synthesis:none;text-rendering:geometricprecision;background:#f3f4f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.35}:root[data-theme=emerald]{--accent:#059669;--accent-2:#10b981;--accent-soft:#ecfdf5}:root[data-theme=sapphire]{--accent:#2563eb;--accent-2:#06b6d4;--accent-soft:#eff6ff}:root[data-theme=violet]{--accent:#7c3aed;--accent-2:#d946ef;--accent-soft:#f5f3ff}:root[data-theme=graphite]{--accent:#111827;--accent-2:#64748b;--accent-soft:#f1f5f9}:root[data-theme=rose]{--accent:#e11d48;--accent-2:#fb7185;--accent-soft:#fff1f2}:root[data-theme=teal]{--accent:#0f766e;--accent-2:#14b8a6;--accent-soft:#f0fdfa}:root[data-theme=amber]{--accent:#d97706;--accent-2:#f59e0b;--accent-soft:#fffbeb}:root[data-theme=indigo]{--accent:#4f46e5;--accent-2:#818cf8;--accent-soft:#eef2ff}:root[data-theme=mono]{--accent:#27272a;--accent-2:#a1a1aa;--accent-soft:#f4f4f5}:root[data-mode=dark]{--page-bg:#0b1018;--panel-bg:#121a26;--soft-bg:#172131;--text:#f8fafc;--muted:#94a3b8;--border:#243244;--accent-soft:#ffffff12;--shadow:0 12px 30px #00000057;color:var(--text);background:var(--page-bg)}body{background:var(--page-bg);min-width:320px;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}.loginScreen{min-height:100vh;color:var(--text);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 34%), radial-gradient(circle at 78% 12%, color-mix(in srgb, var(--accent-2) 14%, transparent), transparent 28%), var(--page-bg);align-content:center;place-items:center;gap:28px;padding:24px;display:grid}.loginBrand{color:var(--text);align-items:center;gap:14px;font-size:32px;font-weight:850;display:flex}.loginBrand span,.brand strong span{color:var(--accent-2);display:inline}.loginBox{background:var(--panel-bg);border:1px solid var(--border);width:min(580px,100%);box-shadow:var(--shadow);text-align:center;border-radius:20px;padding:42px 34px}.loginBox h1{color:var(--text);margin:0 0 12px;font-size:30px}.loginBox p{color:var(--muted);margin:0;font-size:18px}.loginBox span{color:var(--accent);margin-top:18px;display:block}.loginField{text-align:left;gap:7px;margin-top:18px;display:grid}.loginField span{color:var(--muted);margin:0;font-size:13px;font-weight:850}.loginField input{border:1px solid var(--border);min-height:50px;color:var(--text);background:var(--soft-bg);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 5%, transparent);border-radius:12px;outline:none;padding:0 14px}.loginField input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent)}.loginPasswordControl{display:block;position:relative}.loginPasswordControl input{width:100%;padding-right:50px}.loginPasswordControl button{width:38px;height:38px;min-height:0;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.loginPasswordControl button:hover{color:var(--accent);background:var(--accent-soft)}.loginHints{gap:8px;margin-top:14px;display:flex}.loginHints button{border:1px solid var(--border);min-height:36px;color:var(--text);background:var(--soft-bg);border-radius:8px;flex:1;font-weight:850}.loginHints button.active{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 10px 22px color-mix(in srgb, var(--accent) 24%, transparent);border-color:#0000}.loginSubmit{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);width:100%;min-height:54px;box-shadow:0 14px 26px color-mix(in srgb, var(--accent) 22%, transparent);border:0;border-radius:12px;margin-top:18px;font-size:17px;font-weight:900}.loginSubmit:disabled{opacity:.7;cursor:wait}.landingShell{color:#111827;background:#f5f6f8;min-height:100vh}.landingNav{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 40px);min-height:76px;margin:0 auto;display:flex}.landingLinks{justify-content:flex-end;align-items:center;gap:8px;display:flex}.landingLinks a{color:#374151;border-radius:8px;align-items:center;min-height:36px;padding:8px 12px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.landingLinks a:last-child{color:#fff;background:linear-gradient(135deg,#ff3b30 0%,#ff9800 100%);box-shadow:0 10px 20px #ff52262e}.landingHero,.landingSection,.landingBand{width:min(1180px,100% - 40px);margin:0 auto}.landingHero{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:center;gap:34px;min-height:calc(100vh - 76px);padding:34px 0 72px;display:grid}.landingHeroText{gap:18px;display:grid}.landingEyebrow,.landingSectionTitle span,.landingBand span{color:#ff3b30;text-transform:uppercase;font-size:13px;font-weight:850}.landingHero h1{max-width:760px;font-size:clamp(38px,5vw,64px);line-height:.98}.landingHero p,.landingBand p,.landingFeatureGrid p{color:#6b7280;margin:0}.landingHero p{max-width:680px;font-size:18px}.landingProof{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.landingProof span{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;min-height:32px;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.landingActions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.landingButton{color:#fff;background:linear-gradient(135deg,#ff3b30 0%,#ff9800 100%);border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:12px 18px;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:0 14px 26px #ff522633}.landingButton--ghost{color:#111827;box-shadow:none;background:#fff;border:1px solid #e5e7eb}.landingPreview{background:#fff;border:1px solid #e9edf2;border-radius:12px;gap:16px;padding:20px;display:grid;box-shadow:0 24px 50px #0f172a24}.landingPreviewTop{color:#fff;background:linear-gradient(135deg,#111827 0%,#ff3b30 52%,#ff9800 100%);border-radius:10px;flex-direction:column;justify-content:center;min-height:112px;padding:20px;display:flex}.landingPreviewTop span{opacity:.85;font-size:13px;font-weight:750}.landingPreviewTop strong{margin-top:8px;font-size:42px;line-height:1}.landingPreviewTop small{opacity:.85;margin-top:10px;font-size:13px;display:block}.landingPreviewGrid,.landingFeatureGrid{gap:14px;display:grid}.landingPreviewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.landingPreviewGrid div,.landingFeatureGrid article{background:#fbfcfe;border:1px solid #eef1f5;border-radius:8px;gap:8px;min-width:0;padding:16px;display:grid}.landingPreviewGrid svg,.landingFeatureGrid svg{color:#ff3b30}.landingPreviewGrid span{color:#6b7280;font-size:12px;font-weight:750}.landingPreviewGrid b{color:#111827;font-size:18px}.landingPreviewGrid small,.landingReceipt small,.landingDomainGrid small{color:#6b7280;font-size:12px}.landingReceipt{background:#f0fdf4;border:1px solid #dcfce7;border-radius:8px;gap:5px;padding:14px 16px;display:grid}.landingReceipt span{color:#15803d;font-size:12px;font-weight:850}.landingReceipt strong{color:#111827}.landingSection{gap:22px;padding:42px 0;display:grid}.landingSectionTitle{gap:8px;display:grid}.landingSectionTitle h2,.landingBand h2{font-size:clamp(26px,3vw,38px)}.landingFeatureGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.landingOutcomeGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.landingOutcomeGrid article{background:#fff;border:1px solid #e9edf2;border-radius:10px;align-content:center;gap:10px;min-height:148px;padding:20px;display:grid;box-shadow:0 8px 20px #0f172a12}.landingOutcomeGrid strong{color:#ff3b30;font-size:34px;line-height:1}.landingOutcomeGrid span{color:#374151;font-size:13px;font-weight:750}.landingFeatureGrid article{background:#fff;min-height:170px;box-shadow:0 8px 20px #0f172a12}.landingFeatureGrid strong{font-size:17px}.landingFeatureGrid p{font-size:13px}.landingBand{background:#fff;border:1px solid #e9edf2;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:46px;padding:28px;display:flex;box-shadow:0 12px 26px #0f172a14}.landingBand div{gap:8px;max-width:760px;display:grid}.landingWorkflow{gap:22px;width:min(1180px,100% - 40px);margin:0 auto;padding:42px 0;display:grid}.landingSteps{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.landingSteps article{background:#fff;border:1px solid #eef1f5;border-radius:10px;align-content:start;gap:10px;min-height:166px;padding:18px;display:grid;box-shadow:0 8px 20px #0f172a0f}.landingSteps b{color:#fff;background:linear-gradient(135deg,#ff3b30 0%,#ff9800 100%);border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.landingSteps strong{font-size:16px}.landingSteps span{color:#6b7280;font-size:13px}.landingPricingGrid,.landingLaunchList{gap:14px;display:grid}.landingPricingGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.landingPricingGrid article{background:#fff;border:1px solid #e9edf2;border-radius:10px;align-content:start;gap:12px;min-height:210px;padding:22px;display:grid;box-shadow:0 10px 24px #0f172a12}.landingPricingGrid article.featured{color:#fff;background:linear-gradient(135deg,#111827 0%,#ff3b30 55%,#ff9800 100%);border-color:#0000;box-shadow:0 18px 38px #ff522633}.landingPricingGrid span{color:#ff3b30;text-transform:uppercase;font-size:12px;font-weight:900}.landingPricingGrid strong{color:#111827;font-size:22px;line-height:1.12}.landingPricingGrid p{color:#6b7280;margin:0;font-size:14px}.landingPricingGrid a{color:#ff3b30;background:#fff1ed;border-radius:8px;justify-content:center;align-self:end;align-items:center;width:fit-content;min-height:38px;margin-top:4px;padding:9px 13px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.landingPricingGrid article.featured span,.landingPricingGrid article.featured strong,.landingPricingGrid article.featured p,.landingPricingGrid article.featured a{color:#fff}.landingPricingGrid article.featured a{background:#ffffff29;border:1px solid #ffffff47}.landingLaunchList{grid-template-columns:repeat(4,minmax(0,1fr))}.landingLaunchList div{background:#fff;border:1px solid #eef1f5;border-radius:10px;align-content:start;gap:12px;min-height:132px;padding:18px;display:grid;box-shadow:0 8px 20px #0f172a0f}.landingLaunchList b{color:#ff3b30;font-size:26px;line-height:1}.landingLaunchList span{color:#374151;font-size:13px;font-weight:760}.landingUseCaseGrid,.landingFaqGrid{gap:14px;display:grid}.landingUseCaseGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.landingUseCaseGrid article{background:#fff;border:1px solid #e9edf2;border-radius:10px;align-content:start;gap:10px;min-height:150px;padding:18px;display:grid;box-shadow:0 8px 20px #0f172a0f}.landingUseCaseGrid svg{color:#ff3b30}.landingUseCaseGrid strong{font-size:16px}.landingUseCaseGrid span{color:#5b6472;font-size:13px;line-height:1.5}.landingFaqGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.landingFaqGrid details{background:#fff;border:1px solid #e9edf2;border-radius:10px;min-height:112px;padding:18px;box-shadow:0 8px 20px #0f172a0f}.landingFaqGrid summary{cursor:pointer;color:#111827;font-size:16px;font-weight:900}.landingFaqGrid p{color:#5b6472;margin:10px 0 0;font-size:14px;line-height:1.55}.landingSaas{padding-top:10px}.landingDomainGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.landingDomainGrid div{color:#fff;background:#111827;border:1px solid #e5e7eb;border-radius:10px;gap:7px;padding:18px;display:grid}.landingDomainGrid span{color:#ffb24a;font-size:12px;font-weight:850}.landingDomainGrid strong{font-size:17px}.landingDomainGrid small{color:#cbd5e1}.landingFinal{color:#fff;text-align:left;background:linear-gradient(135deg,#111827 0%,#ff3b30 56%,#ff9800 100%);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:center;gap:24px;width:min(1180px,100% - 40px);margin:0 auto 52px;padding:32px;display:grid;box-shadow:0 18px 42px #0f172a29}.landingFinalText{gap:14px;display:grid}.landingFinal span{opacity:.85;text-transform:uppercase;font-size:12px;font-weight:850}.landingFinal h2{max-width:820px;font-size:clamp(28px,4vw,44px)}.landingFinal p{opacity:.88;max-width:740px;margin:0}.landingFinalText .landingButton{color:#111827;box-shadow:none;background:#fff}.landingFinalActions{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:6px;display:flex}.landingFinalActions .landingButton--ghost{color:#fff;background:#ffffff24;border-color:#ffffff57}.landingLeadForm{color:#111827;background:#fffffff5;border:1px solid #ffffff3d;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;display:grid;box-shadow:0 18px 36px #0f172a2e}.landingLeadForm>strong,.landingLeadFormWide,.landingLeadForm button,.landingLeadForm small{grid-column:1/-1}.landingLeadForm>strong{font-size:20px}.landingLeadForm label{gap:6px;display:grid}.landingLeadForm label span{color:#4b5563;font-size:12px;font-weight:850}.landingLeadForm input,.landingLeadForm textarea{color:#111827;width:100%;font:inherit;background:#fff;border:1px solid #d8e0ec;border-radius:8px;padding:11px 12px;font-weight:750}.landingLeadForm textarea{resize:vertical;min-height:88px}.landingLeadForm input:focus,.landingLeadForm textarea:focus{border-color:#ff3b30;outline:0;box-shadow:0 0 0 3px #ff3d2e1f}.landingLeadForm .landingButton{cursor:pointer;border:0;width:100%}.landingLeadForm small{color:#667085;font-size:12px;line-height:1.45}.landingFooter{color:#667085;justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 40px);margin:-20px auto 34px;padding:16px 0;font-size:13px;display:flex}.landingFooter strong{color:#111827;font-size:18px}.landingFooter a{color:#ff3b30;font-weight:900;text-decoration:none}.appShell{grid-template-columns:226px minmax(0,1fr);min-height:100vh;display:grid}.mobileMenuButton,.mobileNavClose,.mobileNavOverlay{display:none}.sidebar{color:#374151;overscroll-behavior:contain;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;gap:24px;height:100vh;padding:22px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.brand,.sidebarPanel,.panelHeader,.topbar,.topActions,.searchBox,.cartRow,.productRow{align-items:center;display:flex}.brand{gap:10px;min-height:34px}.brandMark{color:#fff;background:linear-gradient(135deg,#111827 0%,#ef233c 52%,#ff8a00 100%);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid;position:relative;box-shadow:0 8px 18px #ef233c3d}.brandMark svg{width:18px;height:18px}.brand strong{color:#111827;font-size:14px;font-weight:850;display:block}.brand span,.sidebarPanel span,.topbar p,.topbar span,.panelHeader p,.stat span,.productRow span,.cartRow span,.financeBlock span{color:#6b7280;font-size:12px}nav{gap:8px;display:grid}.navItem{color:#4b5563;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;min-width:0;min-height:46px;padding:11px 14px;font-size:13px;font-weight:650;transition:background .15s,box-shadow .15s,color .15s;display:flex}.navItem span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.navItem svg{color:#4b5563;flex:none;width:17px;height:17px}.navItem.active{color:#fff;background:linear-gradient(135deg,#ff3b30 0%,#ff9800 100%);box-shadow:0 12px 22px #ff522640}.navItem.active svg{color:#fff}.navItem:hover:not(.active){background:#f3f4f6}.sidebarPanel{background:#fafafa;border:1px solid #edf0f3;border-radius:10px;gap:10px;margin-top:auto;padding:13px}.cashierModeButton{color:#fff;background:linear-gradient(135deg,#ff3b30 0%,#ff9800 100%);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 12px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 10px 20px #ff522638}.sidebarPanel strong,.sidebarPanel span,.productRow strong,.productRow span,.cartRow strong,.cartRow span{display:block}.workspace{background:#f3f4f6;min-width:0;padding:0}.scrollTopLogoButton{z-index:120;color:#fff;background:linear-gradient(135deg, #111827 0%, var(--accent) 52%, var(--accent-2) 100%);min-height:46px;box-shadow:0 18px 34px #1118273d, 0 8px 18px color-mix(in srgb, var(--accent) 30%, transparent);cursor:pointer;border:1px solid #ffffff52;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:7px 15px 7px 7px;font-size:13px;font-weight:900;line-height:1;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;position:fixed;bottom:22px;right:22px}.scrollTopLogoButton:hover{filter:saturate(1.04);box-shadow:0 22px 42px #11182747, 0 10px 22px color-mix(in srgb, var(--accent) 36%, transparent);transform:translateY(-2px)}.scrollTopLogoButton:active{transform:translateY(0)}.scrollTopLogoButton span{color:#fff}.scrollTopLogoMark{background:#ffffff2e;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 0 0 1px #ffffff42}.scrollTopLogoMark svg{color:#fff}.cashierTopbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:0 18px;display:flex}.cashierTopActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.cashierTopActions button{color:#fff;background:linear-gradient(135deg,#ff3b30 0%,#ff9800 100%);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 14px;font-size:12px;font-weight:800;display:inline-flex}.cashierTopActions .ghostButton{color:#374151;box-shadow:none;background:#fff;border:1px solid #e5e7eb}.topActions .ghostButton,.logoutButton{color:#374151;min-height:36px;box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.logoutButton{color:#ef4444}.cashierBody{width:min(1680px,100% - 36px);margin:0 auto;padding:18px 0 30px}.cashierContext{grid-template-columns:1fr 220px 240px;gap:16px;margin-bottom:18px;display:grid}.cashierContext>div{background:#fff;border:1px solid #e9edf2;border-radius:10px;min-height:86px;padding:18px;box-shadow:0 8px 20px #0f172a17}.cashierContext p{color:#6b7280;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.cashierContext h1,.cashierContext strong{color:#111827}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:20px;min-height:68px;padding:0 18px}.topbarTitle{align-items:center;gap:12px;min-width:0;display:flex}.topbarTitle>div{min-width:0}.topbar p{text-transform:uppercase;margin:0 0 3px;font-weight:700}h1,h2,h3{letter-spacing:0;margin:0}h1{max-width:760px;font-size:24px;line-height:1.08}h2{font-size:18px}h3{font-size:15px}.topActions{flex-wrap:wrap;justify-content:flex-end;gap:12px}.scanTop,.panelActions button{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#ff3b30 0%,#ff9800 100%);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:9px 14px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 10px 20px #ff522638}.scanTop:hover,.panelActions button:hover{filter:brightness(.98)}.userBadge{color:#374151;align-items:center;min-height:34px;padding:0 4px;font-size:12px;font-weight:650;display:inline-flex}.statGrid,.contentGrid{width:min(1600px,100% - 36px);min-width:0;margin-left:auto;margin-right:auto}.contentGrid>*,.adminGrid>*,.barcodeLabelLayout>*,.cashierGrid>*{min-width:0}.mobileAdminSnapshot{display:none}.statGrid{grid-template-columns:repeat(5,minmax(140px,1fr));gap:16px;margin-top:22px;margin-bottom:20px;display:grid}.stat,.panel,.chartBlock,.financeBlock,.cartBox,.payBox,.securityCard{background:#fff;border:1px solid #e9edf2;border-radius:10px;box-shadow:0 8px 20px #0f172a17}.stat{min-height:112px;padding:22px 18px;position:relative;overflow:hidden}.statIcon{border-radius:8px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:28px;right:18px}.stat svg{width:19px}.stat strong{color:#111827;margin-top:10px;font-size:25px;line-height:1;display:block}.blue .statIcon{color:#2563eb;background:#eff6ff}.orange .statIcon{color:#f97316;background:#fff7ed}.green .statIcon{color:#16a34a;background:#f0fdf4}.purple .statIcon{color:#9333ea;background:#faf5ff}.ink .statIcon{color:#475569;background:#f1f5f9}.contentGrid{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:36px;display:grid}.panel{min-width:0;padding:22px}.panelHeader{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px}.panelHeader p{text-transform:uppercase;margin:0 0 4px;font-weight:700}.panelHeader.compact svg{color:#9ca3af}.sectionTabs{border:1px solid var(--border);background:var(--soft-bg);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;margin-left:auto;padding:4px;display:inline-flex}.sectionTabs button{min-height:34px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:850}.sectionTabs button.active{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 8px 16px color-mix(in srgb, var(--accent) 22%, transparent)}.panelActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}button:disabled{cursor:not-allowed;opacity:.56}.status{color:#16a34a;white-space:nowrap;background:#f0fdf4;border:1px solid #dcfce7;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px}.status.muted{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.status.danger{color:#ef4444;background:#fff1f2;border-color:#ffe4e6}.adminGrid{grid-template-columns:1.25fr .75fr;gap:20px;display:grid}.barcodeLabelLayout{grid-template-columns:minmax(360px,.78fr) minmax(540px,1.22fr);align-items:start;gap:18px;display:grid}.barcodeLabelPicker{min-width:0}.barcodeLabelProductList{gap:10px;max-height:calc(100vh - 285px);padding-right:4px;display:grid;overflow:auto}.barcodeLabelProductRow{color:#111827;text-align:left;background:#fff;border:1px solid #e7ebf1;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-width:0;min-height:64px;padding:12px 14px;display:grid;box-shadow:0 1px #0f172a08}.barcodeLabelProductRow:hover,.barcodeLabelProductRow:focus-visible{border-color:color-mix(in srgb, var(--accent) 42%, #e7ebf1);background:color-mix(in srgb, var(--accent) 5%, #fff)}.barcodeLabelProductRow>div{min-width:0}.barcodeLabelProductRow strong,.barcodeLabelProductRow span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.barcodeLabelProductRow strong{color:var(--text);font-size:14px;line-height:1.2}.barcodeLabelProductRow span{color:var(--muted);margin-top:4px;font-size:12px}.barcodeLabelProductRow b{color:#fff;background:linear-gradient(135deg, var(--accent), #ff8a00);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;min-width:74px;min-height:34px;padding:6px 10px;font-size:12px;line-height:1.05;display:inline-flex}.chartBlock,.financeBlock,.cartBox,.payBox,.securityCard{padding:22px}.barChart{border-bottom:1px solid #edf0f3;align-items:end;gap:10px;min-height:162px;padding:20px 0 4px;display:flex}.barChart i{background:#ff3b30;border-radius:999px 999px 2px 2px;flex:1;min-width:14px}.chartHeader{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.chartHeader span,.chartHeader small{color:#6b7280;text-transform:uppercase;font-size:12px;font-weight:800}.chartHeader strong{color:#111827;margin-top:6px;font-size:28px;line-height:1;display:block}.periodChart{border-bottom:1px solid #edf0f3;align-items:end;gap:12px;min-height:190px;padding:18px 0 10px;display:flex;overflow-x:auto}.periodChartEmpty{color:#6b7280;text-align:center;place-content:center;gap:6px;width:100%;min-height:148px;display:grid}.periodChartEmpty strong{color:#111827;font-size:15px}.periodChartEmpty span{font-size:12px;font-weight:700}.periodChartGroup{flex:1;gap:8px;min-width:74px;display:grid}.periodChartBars{justify-content:center;align-items:end;gap:5px;height:138px;display:flex}.periodChartBars i{border-radius:999px 999px 3px 3px;width:14px;min-height:8px;transition:height .18s,filter .16s}.periodChartGroup:hover .periodChartBars i{filter:brightness(1.08)}.periodChartGroup>span{color:#6b7280;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.periodChartBars .sales,.chartLegend .sales{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-2) 100%)}.periodChartBars .refunds,.chartLegend .refunds{background:#ef4444}.periodChartBars .profit,.chartLegend .profit{background:#16a34a}.chartLegend,.financeBlock div{justify-content:space-between;gap:12px;margin-top:12px;display:flex}.chartLegend--multi{flex-wrap:wrap;justify-content:flex-start;gap:10px 16px}.chartLegend--multi span{color:#6b7280;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.chartLegend--multi i{border-radius:999px;width:10px;height:10px}.financeBlock div{border-bottom:1px solid #edf0f3;padding:11px 0}.financeBlock div:first-child{padding-top:0}.financeBlock div:last-of-type{border-bottom:0}.financeBlock p,.payBox p{color:#6b7280;margin:16px 0 0;font-size:13px}table{border-collapse:collapse;background:#fff;grid-column:1/-1;width:100%;overflow:hidden}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf0f3;padding:13px 12px}th{color:#6b7280;text-transform:uppercase;background:#fafbfc;font-size:11px;font-weight:800}td{color:#374151;font-size:13px;font-weight:550}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fafafa}.productList,.auditList,.cartBox,.payBox{gap:12px;display:grid}.productRow{border-bottom:1px solid #edf0f3;justify-content:space-between;gap:10px;padding:10px 0}.productRow:first-child{padding-top:0}.productRow:last-child{border-bottom:0;padding-bottom:0}.productRow b{color:#ef4444;background:#fff1f2;border-radius:8px;place-items:center;width:32px;height:32px;font-size:13px;display:grid}.cashierGrid{grid-template-columns:minmax(260px,.82fr) minmax(420px,1.32fr) minmax(330px,.86fr);align-items:start;gap:16px;display:grid}.cashierScanPanel{background:#fff;border:1px solid #e9edf2;border-radius:12px;grid-column:1/-1;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;min-height:92px;padding:18px;display:grid;box-shadow:0 8px 20px #0f172a17}.cashierStep{color:#fff;background:linear-gradient(135deg,#ff3b30 0%,#ff9800 100%);border-radius:10px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:900;display:grid}.cashierScanMain{gap:8px;min-width:0;display:grid}.cashierScanMain>span,.miniKicker{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:850}.cashierScanInput,.searchBox{background:#fff;border:1px solid #dfe3e8;border-radius:8px;gap:12px;min-height:48px;padding:0 14px}.cashierScanInput{align-items:center;min-height:54px;display:flex}.searchBox svg,.cashierScanInput svg{color:#9ca3af}.searchBox input,.cashierScanInput input{background:0 0;border:0;outline:0;flex:1;min-width:80px;font-size:15px}.searchBox button,.cashierScanInput button,.payButton{color:#fff;background:linear-gradient(135deg,#ff3b30 0%,#ff9800 100%);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex}.cashierScanInput button{min-width:124px;min-height:40px}.cartRow{border-bottom:1px solid #edf0f3;justify-content:space-between;gap:12px;padding:11px 0}.cartRow:last-child{border-bottom:0}.cartRow b{color:#111827}.productPicker{background:#fff;border:1px solid #e9edf2;border-radius:10px;min-width:0;min-height:420px;padding:22px;box-shadow:0 8px 20px #0f172a17}.miniHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.miniHeader>div{gap:3px;min-width:0;display:grid}.miniHeader input{border:1px solid #dfe3e8;border-radius:8px;outline:0;width:160px;min-height:34px;padding:0 10px}.miniHeader .clearCartButton{color:#ef4444;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:32px;padding:0 10px;font-size:12px;font-weight:800}.pickerList{gap:10px;max-height:520px;padding-right:2px;display:grid;overflow:auto}.pickerList button{color:#111827;text-align:left;background:#fff;border:1px solid #edf0f3;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:54px;padding:10px 12px;display:flex}.pickerList b{white-space:nowrap}.pickerList button:hover{background:#fafafa}.pickerList span,.pickerList small{display:block}.pickerList small{color:#6b7280;margin-top:3px;font-size:11px}.emptyState{color:#6b7280;margin:0;font-size:13px}.customerStrip{border-bottom:1px solid #edf0f3;grid-template-columns:minmax(0,1fr) 130px;gap:10px;padding-bottom:12px;display:grid}.customerStrip select,.customerStrip input{background:#fff;border:1px solid #dfe3e8;border-radius:8px;outline:0;width:100%;min-height:36px;padding:0 10px}.customerStrip label{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:800}.qtyControl{border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:28px 42px 28px;align-items:center;display:inline-grid;overflow:hidden}.qtyControl button,.removeLine{background:#f9fafb;border:0;min-height:30px;font-weight:800}.qtyControl input{text-align:center;border:0;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;outline:0;width:42px;min-height:30px}.removeLine{color:#ef4444;border-radius:8px;width:30px}.payBox>button{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:40px;font-weight:700}.payBox strong{color:#111827;margin-top:2px;font-size:30px;line-height:1}.totalBox{background:#f9fafb;border:1px solid #e9edf2;border-radius:10px;gap:4px;padding:16px;display:grid}.totalBox span{color:#6b7280;font-size:12px}.totalBox strong{font-size:30px}.payBox .payButton{color:#fff;min-height:56px;font-size:14px}.paymentTabs{background:#f9fafb;border:1px solid #e9edf2;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;display:grid}.paymentTabs button{color:#6b7280;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;font-size:12px;font-weight:850;display:inline-flex}.paymentTabs button.active{color:#fff;background:linear-gradient(135deg,#ff3b30 0%,#ff9800 100%);box-shadow:0 8px 18px #ff3b3038}.cashTenderBox,.mixedTenderBox{background:#fff;border:1px solid #e9edf2;border-radius:10px;gap:10px;padding:12px;display:grid}.cashTenderBox{grid-template-columns:minmax(0,1fr) auto minmax(110px,.55fr);align-items:end}.mixedTenderBox{grid-template-columns:repeat(2,minmax(0,1fr))}.cashTenderBox label,.mixedTenderBox label{color:#6b7280;text-transform:uppercase;gap:5px;font-size:11px;font-weight:850;display:grid}.cashTenderBox input,.mixedTenderBox input{color:#111827;border:1px solid #dfe3e8;border-radius:8px;outline:0;width:100%;min-height:40px;padding:0 10px;font-size:15px;font-weight:800}.cashTenderBox>button{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-height:40px;padding:0 10px;font-size:12px;font-weight:850}.cashTenderBox>div{background:#f9fafb;border-radius:8px;gap:4px;padding:8px 10px;display:grid}.cashTenderBox>div span{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:850}.cashTenderBox>div strong{font-size:18px}.bankTenderBox{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:0 12px;font-size:13px;font-weight:850;display:flex}.mixedTenderBox small{grid-column:1/-1;font-size:12px;font-weight:850}.mixedTenderBox small.ok{color:#16a34a}.mixedTenderBox small.warn{color:#ef4444}.payButton--primary{width:100%;min-height:64px!important;font-size:15px!important}.receiptPreview{background:#fff;border:1px solid #e9edf2;border-radius:10px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.receiptPreviewIcon{color:#ff3b30;background:#fff1f0;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.receiptPreview span,.receiptPreview small{display:block}.receiptPreview span{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:850}.receiptPreview strong{color:#111827;margin-top:2px;font-size:15px;line-height:1.2;display:block}.receiptPreview small{color:#6b7280;margin-top:2px;font-size:12px}.receiptPreview button{color:#fff;background:linear-gradient(135deg,#ff3b30 0%,#ff9800 100%);border:0;border-radius:8px;min-height:36px;padding:0 12px;font-size:12px;font-weight:850}.receiptPreview button:disabled{cursor:not-allowed;color:#9ca3af;background:#f3f4f6}.cashierOps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cashierOps button{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;font-size:12px;font-weight:850;display:inline-flex}.cashierOps button:disabled{cursor:not-allowed;color:#9ca3af;background:#f9fafb}.payButton--bank{background:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%)}.payButton--mixed{background:linear-gradient(135deg,#111827 0%,#64748b 100%)}.cashierHelp{color:#6b7280;margin:0;font-size:12px}.cashierNotice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;font-size:13px;font-weight:800;display:flex}.cashierNotice button{color:#fff;background:linear-gradient(135deg,#ff3b30 0%,#ff9800 100%);border:0;border-radius:8px;min-height:34px;margin-left:auto;padding:7px 12px;font-size:12px;font-weight:850}.shiftCashInput,.shiftCloseStrip label{color:#6b7280;text-transform:uppercase;gap:4px;min-width:130px;font-size:11px;font-weight:850;display:grid}.shiftCashInput input,.shiftCloseStrip input{color:#111827;background:#fff;border:1px solid #dfe3e8;border-radius:8px;outline:0;width:100%;min-height:34px;padding:0 10px;font-size:13px;font-weight:850}.shiftCloseStrip{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;font-size:13px;font-weight:800;display:flex}.shiftCloseStrip>span{margin-right:auto}.shiftCloseStrip button{color:#fff;background:#1d4ed8;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:12px;font-weight:850;display:inline-flex}.shiftModalContent{gap:16px;display:grid}.shiftModalHero{border:1px solid var(--border);color:var(--text);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, var(--panel-bg)) 0%, var(--panel-bg) 100%);border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.shiftModalHero>svg{color:var(--accent);flex:none}.shiftModalHero strong,.shiftModalSummary strong,.shiftModalGrid strong{color:var(--text);font-size:16px;font-weight:900;display:block}.shiftModalHero span,.shiftModalSummary span,.shiftModalGrid span,.shiftModalField span{color:var(--muted);font-size:12px;font-weight:760;display:block}.shiftModalField{gap:7px;display:grid}.shiftModalField input,.shiftModalField select,.shiftModalField textarea{border:1px solid var(--border);width:100%;min-height:48px;color:var(--text);background:var(--panel-bg);border-radius:10px;outline:0;padding:0 14px;font-size:18px;font-weight:900}.shiftModalField textarea{resize:vertical;min-height:92px;padding-top:12px;font-size:14px;line-height:1.45}.shiftModalField select{font-size:14px}.shiftModalField input:focus,.shiftModalField select:focus,.shiftModalField textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.shiftModalGrid,.expenseModalGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.expenseModalContent{gap:16px;display:grid}.shiftModalGrid>div,.shiftModalSummary{border:1px solid var(--border);background:var(--soft-bg);border-radius:10px;gap:5px;padding:12px;display:grid}.securityGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.securityCard{min-height:142px}.securityCard svg{color:#ff3b30;margin-bottom:12px}.securityCard strong{margin-bottom:8px;display:block}.securityCard p{color:#6b7280;margin:0;font-size:13px}.auditRow{border-bottom:1px solid #edf0f3;padding:11px 0}.auditRow:first-child{padding-top:0}.auditRow:last-child{border-bottom:0;padding-bottom:0}.auditRow span,.auditRow small{color:#6b7280;font-size:11px}.auditRow strong,.auditRow p{display:block}.auditRow p{color:#374151;margin:4px 0;font-size:13px}@media (width<=1180px){.landingHero{grid-template-columns:1fr;min-height:auto;padding-top:28px}.landingPreview{max-width:760px}.landingFeatureGrid,.landingOutcomeGrid,.landingSteps,.landingDomainGrid,.landingPricingGrid,.landingLaunchList,.landingUseCaseGrid,.landingFaqGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.landingFinal,.appShell{grid-template-columns:1fr}.sidebar{z-index:20;border-bottom:1px solid #e5e7eb;border-right:0;gap:14px;height:auto;max-height:44vh;padding:16px 18px;position:sticky;box-shadow:0 10px 24px #0f172a14}nav{grid-template-columns:repeat(5,minmax(132px,1fr));gap:8px}.navItem{min-height:40px;padding:9px 11px}.sidebarPanel{margin-top:0}.statGrid,.cashierContext,.cashierGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cashierScanPanel,.payBox{grid-column:1/-1}.contentGrid,.adminGrid,.barcodeLabelLayout{grid-template-columns:1fr}}@media (width<=900px){nav{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.navItem{gap:9px;font-size:12px}.cashierContext,.cashierGrid{grid-template-columns:1fr}.cashierScanPanel,.payBox{grid-column:auto}}@media (width<=760px){.landingNav{flex-direction:column;align-items:flex-start;width:calc(100% - 32px);padding:14px 0}.landingLinks{flex-wrap:wrap;justify-content:flex-start;gap:6px;width:100%}.landingLinks a{flex:calc(50% - 6px);justify-content:center;padding:0 10px}.landingLinks a:last-child{flex-basis:100%}.landingHero,.landingSection,.landingBand,.landingWorkflow,.landingFinal{width:calc(100% - 32px)}.landingHero{gap:22px;padding:22px 0 42px}.landingHero h1{font-size:38px}.landingHero p{font-size:16px}.landingActions,.landingBand{flex-direction:column;align-items:stretch}.landingButton{width:100%}.landingPreviewGrid,.landingFeatureGrid,.landingOutcomeGrid,.landingSteps,.landingDomainGrid,.landingPricingGrid,.landingLaunchList,.landingUseCaseGrid,.landingFaqGrid,.landingLeadForm{grid-template-columns:1fr}.landingFinal{text-align:left;padding:24px}.landingFinalActions{width:100%}.landingLeadForm>strong,.landingLeadFormWide,.landingLeadForm button,.landingLeadForm small{grid-column:auto}.landingFooter{flex-direction:column;align-items:flex-start;width:calc(100% - 32px)}.sidebar,.topbar,.cashierTopbar{padding-left:16px;padding-right:16px}.sidebar{z-index:70;will-change:transform;border-bottom:0;border-right:1px solid #e5e7eb;gap:16px;width:min(84vw,320px);height:100dvh;max-height:none;padding-top:16px;padding-bottom:16px;transition:transform .18s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:24px 0 50px #0f172a3d}.mobileNavOpen .sidebar{transform:translate(0)}.mobileNavOpen .mobileNavOverlay{z-index:60;cursor:pointer;background:#0f172a80;border:0;padding:0;display:block;position:fixed;inset:0}.mobileMenuButton,.mobileNavClose{border:1px solid var(--border);width:42px;height:42px;color:var(--text);background:var(--panel-bg);box-shadow:var(--shadow);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.mobileNavClose{width:38px;height:38px;box-shadow:none;margin-left:auto}.brand{min-height:30px}.brandMark{width:30px;height:30px}.scrollTopLogoButton{border-radius:50%;width:52px;height:52px;min-height:52px;padding:0;bottom:16px;right:16px;box-shadow:0 16px 30px #11182747}.scrollTopLogoButton>span:last-child{display:none}.scrollTopLogoMark{width:38px;height:38px}.topbar,.topActions,.cashierTopbar,.cashierTopActions,.cashierContext,.adminGrid,.barcodeLabelLayout,.cashierGrid,.contentGrid,.statGrid,.securityGrid{grid-template-columns:1fr}.topbar,.cashierTopbar{flex-direction:column;align-items:stretch;gap:12px;min-height:auto;padding-top:14px;padding-bottom:14px}.topbar>div:first-child,.cashierTopbar .brand{min-width:0}.topActions,.cashierTopActions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;align-items:stretch;gap:8px;width:100%;display:grid}.topActions>*,.cashierTopActions>*,.cashierTopActions button,.cashierTopActions .status,.cashierTopActions .themeControl,.cashierTopActions .localeControl,.topActions .themeControl,.topActions .localeControl,.logoutButton{width:100%}.cashierTopActions .themeControl,.cashierTopActions .localeControl,.topActions .themeControl,.topActions .localeControl{grid-column:1/-1;justify-content:space-between}.cashierScanPanel,.payBox{grid-column:auto}.cashierScanInput{flex-wrap:wrap;padding:10px}.cashierScanInput input,.cashierScanInput button{width:100%}.cashierNotice{flex-direction:column;align-items:stretch}.cashierNotice button{width:100%;margin-left:0}.statGrid,.contentGrid,.cashierBody{width:calc(100% - 32px)}.mobileAdminSnapshot{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:calc(100% - 32px);margin:14px auto 16px;display:grid}.mobileAdminSnapshot+.statGrid{display:none}nav{scrollbar-width:thin;gap:8px;margin:0;padding:0 2px 12px 0;display:grid;overflow:hidden auto}.navItem{white-space:normal;justify-content:flex-start;width:100%;min-height:44px;padding:10px 12px}.navItem svg{width:16px;height:16px}.sidebarPanel{min-height:50px;padding:10px 12px}.cashierContext{gap:10px}.cashierContext>div{min-height:76px;padding:14px}.cashierScanPanel{grid-template-columns:1fr;gap:12px;padding:14px}.cashierStep{width:38px;height:38px}.productPicker,.cartBox,.payBox,.panel,.chartBlock,.financeBlock{padding:16px}.productPicker{min-height:auto}.pickerList{max-height:360px}.pickerList button,.cartRow,.productRow,.miniHeader,.chartHeader,.shiftCloseStrip{flex-direction:column;align-items:stretch}.miniHeader input,.shiftCloseStrip label,.shiftCloseStrip button,.shiftCashInput{width:100%}.shiftModalGrid,.expenseModalGrid,.customerStrip,.cashTenderBox,.mixedTenderBox,.paymentTabs{grid-template-columns:1fr}.periodChart{scroll-snap-type:x proximity;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.periodChartGroup{scroll-snap-align:start;flex:0 0 68px;min-width:68px}.chartLegend--multi{gap:8px 12px}.cashierModeButton{width:100%;min-height:40px}.cashierGrid{flex-direction:column;display:flex}.cashierGrid>*{width:100%}.cashierScanPanel{order:1}.productPicker{order:2}.cartBox{order:3}.payBox{order:4}h1{font-size:22px}.panelHeader{flex-direction:column}.sectionTabs{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.sectionTabs button{flex:none}.panelActions,.panelActions button,.searchBox button{width:100%}.searchBox{flex-wrap:wrap;padding:10px}table{display:block;overflow-x:auto}}@media (width<=520px){.loginScreen{padding:16px}.loginBrand{font-size:27px}.loginBox{padding:20px}.sidebar,.topbar,.cashierTopbar{padding-left:12px;padding-right:12px}.brand{max-width:100%}.brand strong,.brand span,.topbar h1,.topbar p,.cashierTopbar span{overflow-wrap:anywhere}nav{margin:0;padding-left:0;padding-right:2px}.navItem{justify-content:flex-start;min-width:0}.sidebarPanel{display:flex}.statGrid,.contentGrid,.cashierBody{width:calc(100% - 24px)}.mobileAdminSnapshot{grid-template-columns:1fr;width:calc(100% - 24px)}.statGrid{gap:10px;margin-top:14px}.stat{min-height:96px;padding:16px 14px}.statIcon{width:38px;height:38px;top:18px;right:14px}.topActions,.cashierTopActions{grid-template-columns:1fr}.topActions button,.cashierTopActions button,.scanTop,.panelActions button,.searchBox button,.cashierScanInput button,.payButton,.modalButton{min-height:44px}.cashierScanInput,.searchBox{border-radius:10px}.cartRow>div,.productRow>div,.pickerList button>div{min-width:0}.cartRow strong,.cartRow b,.productRow strong,.pickerList b,.pickerList span,.pickerList small{overflow-wrap:anywhere;white-space:normal}.qtyControl{grid-template-columns:44px 1fr 44px;width:100%}.qtyControl input{width:100%}.removeLine{width:100%;min-height:36px}.totalBox strong,.payBox strong,.chartHeader strong{font-size:24px}.modalOverlay{align-items:end;padding:10px}.modalWindow{border-radius:14px 14px 10px 10px;width:100%;max-height:calc(100dvh - 20px)}.modalHeader,.modalBody,.modalFooter{padding:14px}.modalFooter{grid-template-columns:1fr;display:grid}}body,.workspace,.cashierShell{color:var(--text);background:var(--page-bg)}.sidebar,.topbar,.cashierTopbar,.loginBox,.panel,.stat,.chartBlock,.financeBlock,.cartBox,.payBox,.productPicker,.cashierScanPanel,.cashierContext>div,.receiptPreview,.cashTenderBox,.mixedTenderBox,.modalWindow{color:var(--text);background:var(--panel-bg);border-color:var(--border);box-shadow:var(--shadow)}.navItem.active,.scanTop,.panelActions button,.cashierTopActions button,.cashierNotice button,.searchBox button,.cashierScanInput button,.payButton,.paymentTabs button.active,.receiptPreview button,.modalButton{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%)}.brandMark,.cashierStep{background:linear-gradient(135deg, #111827 0%, var(--accent) 52%, var(--accent-2) 100%)}.workspace span,.cashierShell span,.miniKicker,.cashierHelp,.receiptPreview small,.emptyState,.topbar p,.topbar span,.panelHeader p,.stat span,.cartRow span,.productPicker small{color:var(--muted)}.paymentTabs,.totalBox,.bankTenderBox,.cashTenderBox>div,.qtyControl button,.removeLine,.cashierOps button,.pickerList button:hover{background:var(--soft-bg);border-color:var(--border)}.themeControl{border:1px solid var(--border);min-height:36px;color:var(--muted);background:var(--panel-bg);border-radius:9px;align-items:center;gap:7px;padding:4px;display:inline-flex}.themeControl select{min-height:28px;color:var(--text);background:0 0;border:0;outline:0;font-size:12px;font-weight:800}.themeControl button{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.localeControl{border:1px solid var(--border);min-height:36px;color:var(--text);background:var(--panel-bg);border-radius:9px;justify-content:center;align-items:center;padding:4px 9px;display:inline-flex}.localeControl select{min-height:28px;color:var(--text);background:0 0;border:0;outline:0;font-size:12px;font-weight:900}.loginLocaleRow{justify-content:flex-end;margin:-4px 0 8px;display:flex}.loginLocaleRow .localeControl{background:#f8fafc;min-height:34px}.modalOverlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a75;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:hidden}.modalWindow{border:1px solid var(--border);border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;width:min(720px,100%);min-height:0;max-height:calc(100dvh - 36px);display:grid;overflow:hidden}.modalWindow--product{grid-template-rows:minmax(0,1fr);width:min(940px,100%);max-height:calc(100dvh - 36px)}.modalWindow--product .modalBody{padding:0}.modalHeader,.modalFooter{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.modalHeader button{border:1px solid var(--border);width:34px;height:34px;color:var(--text);background:var(--soft-bg);border-radius:8px;place-items:center;display:grid}.modalBody{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 50%, var(--border)) transparent;min-height:0;padding:18px;overflow:hidden auto}.modalBody::-webkit-scrollbar{width:10px}.modalBody::-webkit-scrollbar-track{background:0 0}.modalBody::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 54%, var(--border)) padding-box;border:3px solid #0000;border-radius:999px}.modalFooter{border-top:1px solid var(--border);border-bottom:0;justify-content:flex-end}.modalButton{color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:13px;font-weight:850;display:inline-flex}.modalButton--ghost{color:var(--text);background:var(--soft-bg);border:1px solid var(--border)}.modalBody .retail-ext__panel{box-shadow:none;border:0}.modalBody .retail-ext__header{padding-top:0}.modalBody .retail-ext__stock-adjustment{padding-bottom:0}.paymentSummary{gap:14px;display:grid}.paymentSummaryHero{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);border-radius:10px;gap:4px;padding:16px;display:grid}.paymentSummaryHero span,.paymentSummaryHero small{color:#ffffffdb;text-transform:uppercase;font-size:12px;font-weight:850}.paymentSummaryHero strong{font-size:32px;line-height:1}.paymentSummaryRows,.paymentModalItems{gap:8px;display:grid}.paymentSummaryRows div,.paymentModalItems div{border-bottom:1px solid var(--border);justify-content:space-between;gap:14px;padding:10px 0;display:flex}.paymentSummaryRows div:last-child,.paymentModalItems div:last-child{border-bottom:0}.paymentSummaryRows span,.paymentModalItems span{color:var(--muted)}.cashierProfileModal{gap:10px;display:grid}.cashierProfileModal>div{border:1px solid var(--border);background:var(--soft-bg);border-radius:10px;gap:4px;padding:12px;display:grid}.cashierProfileModal span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:850}.cashierProfileModal strong{color:var(--text);font-size:16px}.retail-ext__settings-form{gap:14px;display:grid}:root[data-mode=dark] input,:root[data-mode=dark] select,:root[data-mode=dark] textarea,:root[data-mode=dark] table,:root[data-mode=dark] th,:root[data-mode=dark] td,:root[data-mode=dark] .searchBox,:root[data-mode=dark] .cashierScanInput,:root[data-mode=dark] .miniHeader input,:root[data-mode=dark] .customerStrip select,:root[data-mode=dark] .customerStrip input,:root[data-mode=dark] .shiftCashInput input,:root[data-mode=dark] .shiftCloseStrip input,:root[data-mode=dark] .cashTenderBox input,:root[data-mode=dark] .mixedTenderBox input,:root[data-mode=dark] .pickerList button,:root[data-mode=dark] .payBox>button,:root[data-mode=dark] .ghostButton,:root[data-mode=dark] .cashTenderBox>button,:root[data-mode=dark] .cashierOps button,:root[data-mode=dark] .miniHeader .clearCartButton,:root[data-mode=dark] .receiptPreview button:disabled,:root[data-mode=dark] .cashierOps button:disabled{color:var(--text);background:var(--panel-bg);border-color:var(--border)}:root[data-mode=dark] .workspace h1,:root[data-mode=dark] .workspace h2,:root[data-mode=dark] .workspace h3,:root[data-mode=dark] .workspace strong,:root[data-mode=dark] .workspace b,:root[data-mode=dark] .cashierShell h1,:root[data-mode=dark] .cashierShell h2,:root[data-mode=dark] .cashierShell h3,:root[data-mode=dark] .cashierShell strong,:root[data-mode=dark] .cashierShell b,:root[data-mode=dark] .modalWindow h1,:root[data-mode=dark] .modalWindow h2,:root[data-mode=dark] .modalWindow h3,:root[data-mode=dark] .modalWindow strong,:root[data-mode=dark] .brand strong,:root[data-mode=dark] .cashierContext h1,:root[data-mode=dark] .cashierContext strong,:root[data-mode=dark] .cartRow b,:root[data-mode=dark] .payBox strong,:root[data-mode=dark] .receiptPreview strong,:root[data-mode=dark] .pickerList button{color:var(--text)}:root[data-mode=dark] .brand span,:root[data-mode=dark] .sidebarPanel span,:root[data-mode=dark] .navItem,:root[data-mode=dark] .navItem svg,:root[data-mode=dark] .userBadge,:root[data-mode=dark] .cashierContext p,:root[data-mode=dark] .cashierScanMain>span,:root[data-mode=dark] .customerStrip label,:root[data-mode=dark] .cashTenderBox label,:root[data-mode=dark] .mixedTenderBox label,:root[data-mode=dark] .cashTenderBox>div span,:root[data-mode=dark] .shiftCashInput,:root[data-mode=dark] .shiftCloseStrip label,:root[data-mode=dark] .auditRow span,:root[data-mode=dark] .auditRow small,:root[data-mode=dark] .auditRow p,:root[data-mode=dark] th,:root[data-mode=dark] td,:root[data-mode=dark] .paymentTabs button,:root[data-mode=dark] .ghostButton,:root[data-mode=dark] .searchBox svg,:root[data-mode=dark] .cashierScanInput svg{color:var(--muted)}:root[data-mode=dark] .navItem:hover:not(.active),:root[data-mode=dark] tbody tr:hover td,:root[data-mode=dark] .pickerList button:hover,:root[data-mode=dark] .paymentTabs,:root[data-mode=dark] .totalBox,:root[data-mode=dark] .cashTenderBox>div,:root[data-mode=dark] .qtyControl button,:root[data-mode=dark] .removeLine,:root[data-mode=dark] .cashierOps button:disabled,:root[data-mode=dark] .receiptPreview button:disabled{background:var(--soft-bg)}:root[data-mode=dark] .sidebarPanel,:root[data-mode=dark] .customerStrip,:root[data-mode=dark] .cartRow,:root[data-mode=dark] .productRow,:root[data-mode=dark] .barcodeLabelProductRow,:root[data-mode=dark] .auditRow,:root[data-mode=dark] .barChart,:root[data-mode=dark] .periodChart,:root[data-mode=dark] .financeBlock div,:root[data-mode=dark] th,:root[data-mode=dark] td,:root[data-mode=dark] .qtyControl,:root[data-mode=dark] .qtyControl input,:root[data-mode=dark] .paymentTabs,:root[data-mode=dark] .totalBox,:root[data-mode=dark] .cashTenderBox,:root[data-mode=dark] .mixedTenderBox,:root[data-mode=dark] .receiptPreview,:root[data-mode=dark] .cashierOps button{border-color:var(--border)}:root[data-mode=dark] .sidebarPanel,:root[data-mode=dark] .bankTenderBox,:root[data-mode=dark] .shiftCloseStrip,:root[data-mode=dark] .cashierNotice,:root[data-mode=dark] .status,:root[data-mode=dark] .status.muted,:root[data-mode=dark] .status.danger,:root[data-mode=dark] .productRow b,:root[data-mode=dark] .receiptPreviewIcon,:root[data-mode=dark] .blue .statIcon,:root[data-mode=dark] .orange .statIcon,:root[data-mode=dark] .green .statIcon,:root[data-mode=dark] .purple .statIcon,:root[data-mode=dark] .ink .statIcon{background:var(--soft-bg);border-color:var(--border)}:root[data-mode=dark] .barcodeLabelProductRow{background:var(--panel-bg);color:var(--text)}:root[data-mode=dark] .barcodeLabelProductRow:hover,:root[data-mode=dark] .barcodeLabelProductRow:focus-visible{background:color-mix(in srgb, var(--accent) 11%, var(--panel-bg))}:root[data-mode=dark] .cashierNotice,:root[data-mode=dark] .shiftCloseStrip,:root[data-mode=dark] .bankTenderBox{color:var(--text)}:root[data-mode=dark] .searchBox input,:root[data-mode=dark] .cashierScanInput input,:root[data-mode=dark] .qtyControl input{color:var(--text);background:0 0}:root[data-mode=dark] .modalOverlay{background:#020617ad}:root[data-mode=dark] button,:root[data-mode=dark] button span,:root[data-mode=dark] button svg{color:#fff}:root[data-mode=dark] .retail-ext,:root[data-mode=dark] .retail-ext__panel,:root[data-mode=dark] .retail-ext__body,:root[data-mode=dark] .retail-ext__table,:root[data-mode=dark] .retail-ext__table th,:root[data-mode=dark] .retail-ext__table td,:root[data-mode=dark] .retail-ext__form,:root[data-mode=dark] .retail-ext__inventory-row,:root[data-mode=dark] .retail-ext__promotion-card,:root[data-mode=dark] .retail-ext__promotion-form,:root[data-mode=dark] .retail-ext__device-card,:root[data-mode=dark] .retail-ext__device-row,:root[data-mode=dark] .retail-ext__metric-card,:root[data-mode=dark] .retail-ext__mini-chart,:root[data-mode=dark] .retail-ext__status-tile,:root[data-mode=dark] .retail-ext__permission-item,:root[data-mode=dark] .retail-ext__hardware-item,:root[data-mode=dark] .retail-ext__saas-hero,:root[data-mode=dark] .retail-ext__readiness-hero,:root[data-mode=dark] .retail-ext__mode-card,:root[data-mode=dark] .retail-ext__agent-hero,:root[data-mode=dark] .retail-ext__agent-health div,:root[data-mode=dark] .retail-ext__job-result,:root[data-mode=dark] .retail-ext__runbook-item,:root[data-mode=dark] .retail-ext__empty,:root[data-mode=dark] .retail-ext__notice{color:var(--text);background:var(--panel-bg);border-color:var(--border)}:root[data-mode=dark] .retail-ext__header,:root[data-mode=dark] .retail-ext__table th,:root[data-mode=dark] .retail-ext__table td,:root[data-mode=dark] .retail-ext__stock-event,:root[data-mode=dark] .retail-ext__customer-row,:root[data-mode=dark] .retail-ext__supplier-row{border-color:var(--border)}:root[data-mode=dark] .retail-ext__title,:root[data-mode=dark] .retail-ext__product-name,:root[data-mode=dark] .retail-ext__status-tile strong,:root[data-mode=dark] .retail-ext__permission-item strong,:root[data-mode=dark] .retail-ext__saas-hero strong,:root[data-mode=dark] .retail-ext__hardware-item strong,:root[data-mode=dark] .retail-ext__readiness-hero strong,:root[data-mode=dark] .retail-ext__readiness-grid dd,:root[data-mode=dark] .retail-ext__mode-card strong,:root[data-mode=dark] .retail-ext__agent-hero strong,:root[data-mode=dark] .retail-ext__agent-health dd,:root[data-mode=dark] .retail-ext__job-result strong,:root[data-mode=dark] .retail-ext__job-result p,:root[data-mode=dark] .retail-ext__runbook-item strong{color:var(--text)}:root[data-mode=dark] .retail-ext__subtitle,:root[data-mode=dark] .retail-ext__label,:root[data-mode=dark] .retail-ext__meta,:root[data-mode=dark] .retail-ext__table th,:root[data-mode=dark] .retail-ext__mini-bar span,:root[data-mode=dark] .retail-ext__status-tile span,:root[data-mode=dark] .retail-ext__status-tile small,:root[data-mode=dark] .retail-ext__permission-item p,:root[data-mode=dark] .retail-ext__saas-hero p,:root[data-mode=dark] .retail-ext__saas-hero span,:root[data-mode=dark] .retail-ext__readiness-hero p,:root[data-mode=dark] .retail-ext__readiness-grid dt,:root[data-mode=dark] .retail-ext__mode-card span,:root[data-mode=dark] .retail-ext__runbook-item small,:root[data-mode=dark] .retail-ext__agent-hero span,:root[data-mode=dark] .retail-ext__agent-hero p,:root[data-mode=dark] .retail-ext__agent-health dt,:root[data-mode=dark] .retail-ext__job-result small,:root[data-mode=dark] .retail-ext__hardware-item small{color:color-mix(in srgb, #fff 82%, var(--accent) 18%)}:root[data-mode=dark] .retail-ext__input,:root[data-mode=dark] .retail-ext__select,:root[data-mode=dark] .retail-ext__textarea{color:var(--text);background:var(--soft-bg);border-color:var(--border)}:root[data-mode=dark] .retail-ext__input:focus,:root[data-mode=dark] .retail-ext__select:focus,:root[data-mode=dark] .retail-ext__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}:root[data-mode=dark] .retail-ext__button,:root[data-mode=dark] .retail-ext__period-tab--active,:root[data-mode=dark] .retail-ext__mode-card--active{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 10px 20px color-mix(in srgb, var(--accent) 24%, transparent);border-color:#0000}:root[data-mode=dark] .retail-ext__button--secondary,:root[data-mode=dark] .retail-ext__period-tab,:root[data-mode=dark] .retail-ext__runbook-item em{color:#fff;background:color-mix(in srgb, var(--accent) 22%, var(--soft-bg));border-color:color-mix(in srgb, var(--accent) 34%, var(--border));box-shadow:none}:root[data-mode=dark] .retail-ext__button:disabled,:root[data-mode=dark] button:disabled,:root[data-mode=dark] button:disabled span,:root[data-mode=dark] button:disabled svg{color:#ffffff94}:root[data-mode=dark] .retail-ext__metric-icon,:root[data-mode=dark] .retail-ext__permission-icon,:root[data-mode=dark] .retail-ext__hardware-icon,:root[data-mode=dark] .retail-ext__job-result>span,:root[data-mode=dark] .retail-ext__runbook-item span,:root[data-mode=dark] .statIcon,:root[data-mode=dark] .receiptPreviewIcon{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%)}:root[data-mode=dark] .retail-ext svg,:root[data-mode=dark] .workspace svg,:root[data-mode=dark] .cashierShell svg{color:currentColor}:root[data-mode=dark] .retail-ext__badge,:root[data-mode=dark] .status,:root[data-mode=dark] .status.muted,:root[data-mode=dark] .status.danger,:root[data-mode=dark] .retail-ext__notice--warning,:root[data-mode=dark] .retail-ext__notice--success,:root[data-mode=dark] .retail-ext__badge--shift-open,:root[data-mode=dark] .retail-ext__badge--permission-allowed,:root[data-mode=dark] .retail-ext__badge--return-eligible,:root[data-mode=dark] .retail-ext__badge--saas-ok,:root[data-mode=dark] .retail-ext__badge--hardware-ready,:root[data-mode=dark] .retail-ext__badge--shift-opening,:root[data-mode=dark] .retail-ext__badge--shift-closing,:root[data-mode=dark] .retail-ext__badge--shift-paused,:root[data-mode=dark] .retail-ext__badge--permission-manager,:root[data-mode=dark] .retail-ext__badge--return-manager,:root[data-mode=dark] .retail-ext__badge--saas-warning,:root[data-mode=dark] .retail-ext__badge--hardware-warning,:root[data-mode=dark] .retail-ext__badge--hardware-testing,:root[data-mode=dark] .retail-ext__badge--shift-closed,:root[data-mode=dark] .retail-ext__badge--permission-blocked,:root[data-mode=dark] .retail-ext__badge--return-blocked,:root[data-mode=dark] .retail-ext__badge--saas-blocked,:root[data-mode=dark] .retail-ext__badge--hardware-offline,:root[data-mode=dark] .retail-ext__badge--readiness-success,:root[data-mode=dark] .retail-ext__badge--readiness-warning,:root[data-mode=dark] .retail-ext__badge--readiness-danger{color:#fff;background:color-mix(in srgb, var(--accent) 22%, var(--soft-bg));border-color:color-mix(in srgb, var(--accent) 34%, var(--border))}:root[data-mode=dark] .navItem{color:#fff;background:color-mix(in srgb, var(--accent) 16%, var(--panel-bg))}:root[data-mode=dark] .navItem:hover:not(.active){background:color-mix(in srgb, var(--accent) 22%, var(--soft-bg))}:root[data-mode=dark] .navItem.active{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 12px 22px color-mix(in srgb, var(--accent) 26%, transparent)}:root[data-mode=dark] button,:root[data-mode=dark] button *,:root[data-mode=dark] .navItem,:root[data-mode=dark] .navItem *,:root[data-mode=dark] .ghostButton,:root[data-mode=dark] .ghostButton *,:root[data-mode=dark] .logoutButton,:root[data-mode=dark] .logoutButton *{color:#fff!important}:root[data-mode=dark] .ghostButton,:root[data-mode=dark] .logoutButton{background:color-mix(in srgb, var(--accent) 18%, var(--panel-bg));border-color:color-mix(in srgb, var(--accent) 32%, var(--border))}:root[data-mode=dark] .sidebar :is(span,p,small,label),:root[data-mode=dark] .workspace :is(span,p,small,label,th,td,dt,dd),:root[data-mode=dark] .cashierShell :is(span,p,small,label,th,td,dt,dd),:root[data-mode=dark] .retail-ext :is(span,p,small,label,th,td,dt,dd),:root[data-mode=dark] .themeControl,:root[data-mode=dark] .themeControl select,:root[data-mode=dark] .userBadge{color:#fff!important}:root[data-mode=dark] .chartHeader strong{color:#fff}:root:not([data-mode=dark]) .scanTop,:root:not([data-mode=dark]) .panelActions button,:root:not([data-mode=dark]) .cashierTopActions button:not(.ghostButton),:root:not([data-mode=dark]) .cashierNotice button,:root:not([data-mode=dark]) .searchBox button,:root:not([data-mode=dark]) .cashierScanInput button,:root:not([data-mode=dark]) .payButton,:root:not([data-mode=dark]) .paymentTabs button.active,:root:not([data-mode=dark]) .receiptPreview button,:root:not([data-mode=dark]) .modalButton,:root:not([data-mode=dark]) .loginHints button.active,:root:not([data-mode=dark]) .loginSubmit{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 10px 20px color-mix(in srgb, var(--accent) 22%, transparent);border-color:#0000}:root:not([data-mode=dark]) .ghostButton,:root:not([data-mode=dark]) .logoutButton,:root:not([data-mode=dark]) .payBox>button,:root:not([data-mode=dark]) .cashTenderBox>button,:root:not([data-mode=dark]) .cashierOps button,:root:not([data-mode=dark]) .paymentTabs button,:root:not([data-mode=dark]) .miniHeader .clearCartButton,:root:not([data-mode=dark]) .qtyControl button,:root:not([data-mode=dark]) .removeLine,:root:not([data-mode=dark]) .modalButton--ghost{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--panel-bg));border-color:color-mix(in srgb, var(--accent) 24%, var(--border));box-shadow:none}:root:not([data-mode=dark]) .themeControl button,:root:not([data-mode=dark]) .statIcon,:root:not([data-mode=dark]) .cashierStep,:root:not([data-mode=dark]) .receiptPreviewIcon,:root:not([data-mode=dark]) .productRow b{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%)}:root[data-mode=dark] body,:root[data-mode=dark] .loginScreen,:root[data-mode=dark] .workspace,:root[data-mode=dark] .cashierShell{color:var(--text);background:var(--page-bg)}:root[data-mode=dark] .sidebar,:root[data-mode=dark] .topbar,:root[data-mode=dark] .cashierTopbar,:root[data-mode=dark] .loginBox,:root[data-mode=dark] .panel,:root[data-mode=dark] .stat,:root[data-mode=dark] .chartBlock,:root[data-mode=dark] .financeBlock,:root[data-mode=dark] .cartBox,:root[data-mode=dark] .payBox,:root[data-mode=dark] .productPicker,:root[data-mode=dark] .cashierScanPanel,:root[data-mode=dark] .cashierContext>div,:root[data-mode=dark] .receiptPreview,:root[data-mode=dark] .cashTenderBox,:root[data-mode=dark] .mixedTenderBox,:root[data-mode=dark] .modalWindow,:root[data-mode=dark] .paymentSummaryHero,:root[data-mode=dark] .cashierProfileModal>div,:root[data-mode=dark] .sidebarPanel,:root[data-mode=dark] .customerStrip,:root[data-mode=dark] .cartRow,:root[data-mode=dark] .productRow,:root[data-mode=dark] .totalBox,:root[data-mode=dark] .paymentTabs,:root[data-mode=dark] .bankTenderBox,:root[data-mode=dark] .shiftCloseStrip,:root[data-mode=dark] .cashierNotice,:root[data-mode=dark] .qtyControl,:root[data-mode=dark] .securityCard{color:var(--text);background:var(--panel-bg);border-color:var(--border);box-shadow:var(--shadow)}:root[data-mode=dark] input,:root[data-mode=dark] select,:root[data-mode=dark] textarea,:root[data-mode=dark] .searchBox,:root[data-mode=dark] .cashierScanInput,:root[data-mode=dark] .miniHeader input,:root[data-mode=dark] .qtyControl input{color:var(--text);background:var(--soft-bg);border-color:var(--border)}:root[data-mode=dark] input::placeholder,:root[data-mode=dark] textarea::placeholder{color:color-mix(in srgb, var(--muted) 78%, transparent)}:root[data-mode=dark] :is(h1,h2,h3,strong,b,.brand strong,.chartHeader strong,.totalBox strong,.payBox strong){color:var(--text)}:root[data-mode=dark] :is(p,small,label,th,.miniKicker,.cashierHelp,.receiptPreview small,.emptyState,.paymentSummaryRows span,.paymentModalItems span,.securityCard p){color:var(--muted)}:root[data-mode=dark] :is(.scanTop,.panelActions button,.cashierTopActions button:not(.ghostButton),.cashierNotice button,.searchBox button,.cashierScanInput button,.payButton,.paymentTabs button.active,.receiptPreview button,.modalButton,.loginHints button.active,.loginSubmit,.cashierModeButton){color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);border-color:#0000}:root[data-mode=dark] :is(.scanTop,.panelActions button,.cashierTopActions button,.cashierNotice button,.searchBox button,.cashierScanInput button,.payButton,.receiptPreview button,.modalButton,.loginSubmit,.ghostButton,.logoutButton,.cashierModeButton),:root[data-mode=dark] :is(.scanTop,.panelActions button,.cashierTopActions button,.cashierNotice button,.searchBox button,.cashierScanInput button,.payButton,.receiptPreview button,.modalButton,.loginSubmit,.ghostButton,.logoutButton,.cashierModeButton) *{color:#fff}:root[data-mode=dark] :is(.ghostButton,.logoutButton,.modalButton--ghost,.cashierOps button,.paymentTabs button:not(.active),.miniHeader .clearCartButton,.qtyControl button,.removeLine,.loginHints button:not(.active)){color:#fff;background:color-mix(in srgb, var(--accent) 18%, var(--soft-bg));border-color:color-mix(in srgb, var(--accent) 28%, var(--border))}:root[data-mode=dark] :is(.navItem,.navItem svg,.themeControl,.themeControl select,.userBadge){color:#fff}:root[data-mode=dark] .navItem:not(.active){background:color-mix(in srgb, var(--accent) 14%, var(--panel-bg))}:root[data-mode=dark] :is(.statIcon,.receiptPreviewIcon,.brandMark,.cashierStep){color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%)}:root[data-mode=dark] :is(table,th,td){color:var(--text);background:var(--panel-bg);border-color:var(--border)}:root[data-mode=dark] tbody tr:hover td{background:var(--soft-bg)}:root[data-mode=dark] button:disabled,:root[data-mode=dark] button:disabled *{color:#ffffff8f!important}.consoleShell{color:#111827;background:#f3f5f8;grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.consoleShell--login{justify-content:center;align-items:center;padding:28px;display:flex}.consoleLoginPanel{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:28px;width:min(980px,100%);display:grid}.consoleLoginPanel>.consoleBrand{color:#fff;background:linear-gradient(135deg,#111827,#dc2626 58%,#f97316);border-radius:22px;align-items:flex-start;padding:34px}.consoleLoginPanel>.consoleBrand .brandMark{box-shadow:none;background:#ffffff29}.consoleLoginPanel>.consoleBrand strong{color:#fff;font-size:28px}.consoleLoginPanel>.consoleBrand span{color:#ffffffc2}.consoleLoginBox{background:#fff;border:1px solid #e5e7eb;border-radius:22px;gap:16px;padding:34px;display:grid;box-shadow:0 18px 55px #0f172a1f}.consoleLoginBox h1{margin:0;font-size:30px}.consoleLoginBox p{color:#64748b;margin:0}.consoleSidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;gap:24px;padding:22px 16px;display:flex}.consoleBrand{align-items:center;gap:11px;display:flex}.consoleBrand strong{font-size:18px;display:block}.consoleBrand span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:800}.consoleNav{gap:8px;display:grid}.consoleNav button{color:#475569;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:12px 13px;font-weight:900;display:flex}.consoleNav button.active,.consoleNav button:hover{color:#fff;background:linear-gradient(135deg,#ff3b30,#ff9500);box-shadow:0 14px 26px #ff522940}.consoleNav button:focus-visible,.consoleUser button:focus-visible,.consolePanelHeader button:focus-visible,.consoleTableAction:focus-visible,.consoleInlineAction:focus-visible{outline-offset:2px;outline:3px solid #f9731657}.consoleNavText{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.consoleNavBadge{color:#334155;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:11px;font-weight:950;display:inline-flex}.consoleNav button.active .consoleNavBadge,.consoleNav button:hover .consoleNavBadge{color:#fff;background:#ffffff3d}.consoleMain{align-content:start;gap:18px;min-width:0;padding:24px;display:grid}.consoleTopbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.consoleTopbar h1{margin:4px 0 0;font-size:30px}.consoleUser{align-items:center;gap:10px;display:flex}.consoleUser span{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;font-weight:900}.consoleUser button,.consolePanelHeader button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:12px;align-items:center;gap:8px;padding:11px 14px;font-weight:900;display:inline-flex}.consoleStats{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.consolePanel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 14px 35px #0f172a12}.consolePanelHeader{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.consolePanelHeader h2{margin:0 0 4px}.consolePanelHeader p{color:#64748b;margin:0}.consoleTableWrap{overflow:auto}.consoleTable{border-collapse:collapse;width:100%;min-width:760px}.consoleTable th,.consoleTable td{text-align:left;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:14px 18px}.consoleTable th{color:#64748b;text-transform:uppercase;font-size:12px}.consoleTable td strong,.consoleTable td span{display:block}.consoleTable td span{color:#64748b;margin-top:3px;font-size:12px}.consoleTable a{color:#ef4444;font-weight:900;text-decoration:none}.consoleStatus{background:#ffedd5;border-radius:999px;width:fit-content;padding:6px 10px;font-weight:900;color:#c2410c!important}.consoleStatus.active,.consoleStatus--success{background:#dcfce7;color:#15803d!important}.consoleStatus--warning{background:#fef3c7;color:#b45309!important}.consoleStatus--danger{background:#fee2e2;color:#b91c1c!important}.consoleStatus--muted{background:#e2e8f0;color:#475569!important}.consoleError{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:10px 12px;font-weight:800;color:#b91c1c!important}.consoleError--wide{margin:0}.consoleTableAction{color:#c2410c;cursor:pointer;background:#fff7ed;border:1px solid #fecaca;border-radius:10px;padding:8px 10px;font-weight:900}.consoleTableAction--primary{color:#fff;background:linear-gradient(135deg,#ff3b30,#ff9500);border-color:#0000}.consoleTableAction--danger{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.consoleInlineAction{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:12px;padding:10px 14px;font-weight:900}.consoleTableActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.consolePager{color:#64748b;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px 0;font-size:13px;font-weight:800;display:flex}.consolePager button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff3b30,#ff9500);border:1px solid #fed7aa;border-radius:12px;padding:10px 14px;font-weight:900;box-shadow:0 14px 28px #ff63002e}.consolePager button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.consoleDashboardGrid,.consoleAiGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.consoleList{gap:10px;padding:16px;display:grid}.consoleListItem{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;padding:13px 14px}.consoleListItem--wide{justify-content:space-between;align-items:center;gap:14px;display:flex}.consoleListItem strong{color:#111827;font-size:15px;display:block}.consoleListItem span{color:#64748b;margin-top:4px;font-size:12px;font-weight:800;display:block}.consoleListTitleRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.consolePriority{text-transform:uppercase;border-radius:999px;width:fit-content;padding:4px 8px;font-size:10px;font-weight:950}.consolePriority--low{color:#0369a1;background:#e0f2fe}.consolePriority--medium{color:#b45309;background:#fef3c7}.consolePriority--high{color:#b91c1c;background:#fee2e2}.consoleEmptyState{color:#475569;text-align:center;background:linear-gradient(135deg,#f8fafc,#fff);border:1px dashed #cbd5e1;border-radius:16px;align-content:center;place-items:center;gap:8px;min-height:120px;padding:18px;display:grid}.consoleEmptyState strong{color:#111827;font-size:16px}.consoleEmptyState span{color:#64748b;max-width:460px;font-size:13px;font-weight:800;line-height:1.45}.consoleQuickGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.consoleQuickGrid div{background:#fff7ed;border:1px solid #eef2f7;border-radius:16px;padding:16px}.consoleQuickGrid span{color:#64748b;margin-bottom:8px;font-weight:900;display:block}.consoleQuickGrid strong{font-size:24px}.consoleChart{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:12px;height:260px;padding:18px;display:grid}.consoleBar{text-align:center;color:#64748b;grid-template-rows:auto 1fr auto;gap:8px;min-width:0;height:100%;font-size:11px;font-weight:900;display:grid}.consoleBar i{height:var(--bar-height);background:linear-gradient(#ff3b30,#ff9500);border-radius:8px 8px 3px 3px;align-self:end;min-height:8px;display:block;box-shadow:0 12px 25px #ff522938}.consoleBar small{color:#111827;font-weight:900}.consoleAiCard{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;box-shadow:0 14px 35px #0f172a12}.consoleAiCard h2{margin:8px 0}.consoleAiCard p{color:#334155;margin:0;font-weight:800;line-height:1.55}.consoleAiHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.consoleSeverity{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:950}.consoleSeverity--ok{color:#15803d;background:#dcfce7}.consoleSeverity--warning{color:#b45309;background:#fef3c7}.consoleSeverity--critical{color:#b91c1c;background:#fee2e2}.consoleAiCard.warning{background:#fff7ed;border-color:#fed7aa}.consoleAiCard.critical{background:#fef2f2;border-color:#fecaca}.supportSessionBanner{color:#111827;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 10px 28px #ff52291f}.supportSessionBanner svg{color:#ea580c;flex:none}.supportSessionBanner div{flex:1;min-width:0}.supportSessionBanner strong,.supportSessionBanner span{display:block}.supportSessionBanner span{color:#9a3412;margin-top:2px;font-size:12px;font-weight:800}.supportSessionBanner button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:10px;align-items:center;gap:7px;padding:9px 11px;font-weight:900;display:inline-flex}.consoleTableAction:disabled{opacity:.6;cursor:wait}.consoleTariffGrid,.consoleSystemGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.consoleTariffGrid--inside{padding:16px}.consoleTariffCard,.consoleSystemCard{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;box-shadow:0 14px 35px #0f172a12}.consoleTariffTop{justify-content:space-between;align-items:center;gap:10px;display:flex}.consoleTariffCode{color:#64748b;background:#f8fafc;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.consoleTariffCard h2{margin:10px 0 6px;font-size:24px}.consoleTariffCard>strong{color:#ef4444;font-size:22px;display:block}.consoleTariffCard p{color:#64748b;margin:8px 0 12px;font-weight:800}.consoleTariffCard ul{color:#334155;margin:0;padding-left:18px;font-weight:700}.consoleTariffActions{justify-content:flex-start;margin-top:8px}.consoleSystemGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.consoleSystemCard{gap:8px;display:grid}.consoleSystemCard svg{color:#ef4444}.consoleSystemCard span{color:#64748b;font-weight:900}.consoleSystemCard strong{font-size:24px}.consoleShopForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.consoleShopForm label{color:#64748b;gap:7px;font-weight:900;display:grid}.consoleShopForm input,.consoleShopForm select,.consoleShopForm textarea{color:#111827;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #dbe3ef;border-radius:12px;padding:12px}.consoleShopForm textarea{resize:vertical;min-height:120px;font-weight:800}.consoleShopForm input:disabled,.consoleShopForm select:disabled{color:#64748b;cursor:not-allowed;background:#f8fafc}.consolePasswordControl{width:100%;position:relative}.consolePasswordControl input{padding-right:46px}.consolePasswordControl button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.consolePasswordControl button:hover{color:#111827;background:#f1f5f9}.consoleFormWide{grid-column:1/-1}.consoleCheckRow{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;grid-column:1/-1;align-items:center;gap:10px;padding:12px 14px;flex-direction:row!important;display:flex!important}.consoleCheckRow input{accent-color:#ff3b30;width:18px;height:18px}:root[data-mode=dark] .consoleShell{color:#f8fafc;background:#0f172a}:root[data-mode=dark] .consoleSidebar,:root[data-mode=dark] .consolePanel,:root[data-mode=dark] .consoleLoginBox,:root[data-mode=dark] .consoleTariffCard,:root[data-mode=dark] .consoleSystemCard,:root[data-mode=dark] .consoleAiCard,:root[data-mode=dark] .consoleUser span{color:#f8fafc;background:#111827;border-color:#94a3b833}:root[data-mode=dark] .consoleTable th,:root[data-mode=dark] .consoleTable td,:root[data-mode=dark] .consolePanelHeader{border-color:#94a3b82e}:root[data-mode=dark] .consoleNav button{color:#cbd5e1}:root[data-mode=dark] .consoleNavBadge,:root[data-mode=dark] .consoleListItem,:root[data-mode=dark] .consoleQuickGrid div,:root[data-mode=dark] .consoleEmptyState{color:#cbd5e1;background:#0f172a;border-color:#94a3b833}:root[data-mode=dark] .consolePanelHeader p,:root[data-mode=dark] .consoleBrand span,:root[data-mode=dark] .consoleTable th,:root[data-mode=dark] .consoleTable td span,:root[data-mode=dark] .consoleListItem span,:root[data-mode=dark] .consoleQuickGrid span,:root[data-mode=dark] .consoleTariffCard p,:root[data-mode=dark] .consoleTariffCard ul,:root[data-mode=dark] .consoleSystemCard span,:root[data-mode=dark] .consoleEmptyState span,:root[data-mode=dark] .consoleLoginBox p{color:#94a3b8}:root[data-mode=dark] .consoleTopbar h1,:root[data-mode=dark] .consolePanelHeader h2,:root[data-mode=dark] .consoleTable td strong,:root[data-mode=dark] .consoleListItem strong,:root[data-mode=dark] .consoleBar small,:root[data-mode=dark] .consoleAiCard h2,:root[data-mode=dark] .consoleAiCard p,:root[data-mode=dark] .consoleEmptyState strong,:root[data-mode=dark] .consoleBrand strong{color:#f8fafc}:root[data-mode=dark] .consoleShopForm input,:root[data-mode=dark] .consoleShopForm select,:root[data-mode=dark] .consoleShopForm textarea{color:#f8fafc;background:#0f172a;border-color:#94a3b847}:root[data-mode=dark] .consoleCheckRow,:root[data-mode=dark] .consoleTariffCode{color:#cbd5e1;background:#0f172a;border-color:#94a3b838}:root[data-mode=dark] .consolePager{color:#cbd5e1}:root[data-mode=dark] .consolePager button{color:#fff}:root[data-mode=dark] .consolePasswordControl button{color:#cbd5e1}:root[data-mode=dark] .consolePasswordControl button:hover{color:#fff;background:#94a3b829}@media (width<=900px){.consoleShell{grid-template-columns:1fr}.consoleSidebar{z-index:4;border-bottom:1px solid #e5e7eb;border-right:0;gap:14px;padding:14px;position:sticky;top:0}.consoleNav{scroll-snap-type:x proximity;grid-template-columns:repeat(10,max-content);padding-bottom:4px;overflow-x:auto}.consoleNav button{scroll-snap-align:start;white-space:nowrap;min-width:126px}.consoleMain{padding:16px}.consoleTopbar{flex-direction:column;align-items:flex-start}.consoleUser{justify-content:space-between;width:100%}.consoleStats,.consoleLoginPanel,.consoleDashboardGrid,.consoleAiGrid,.consoleTariffGrid,.consoleSystemGrid,.consoleShopForm{grid-template-columns:1fr}.consoleTableActions{justify-content:flex-start}}@media (width<=560px){.consoleBrand strong{font-size:16px}.consoleNav button{justify-content:center;min-width:96px;padding:10px;position:relative}.consoleNavText{display:none}.consoleNavBadge{position:absolute;transform:translate(18px,-14px)}.consolePanelHeader,.consoleListItem--wide,.consoleAiHeader{flex-direction:column;align-items:flex-start}.consoleQuickGrid{grid-template-columns:1fr}.consoleChart{grid-template-columns:repeat(6,64px);overflow-x:auto}}:root[data-mode=dark] .periodChartEmpty{color:#e2e8f0ad}:root[data-mode=dark] .periodChartEmpty strong{color:#f8fafc}.cashierGrid--modern{grid-template-columns:minmax(420px,1.35fr) minmax(360px,.95fr) minmax(320px,.72fr);align-items:stretch;gap:16px;width:100%;display:grid}.cashierProductsPanel,.cartBox--modern,.payBox--modern{min-width:0}.cashierProductsPanel{grid-template-rows:auto 1fr;gap:14px;display:grid}.cashierScanPanel--hero{background:radial-gradient(circle at 100% 0,#ff851b29,#0000 34%),linear-gradient(135deg,#fffffffa,#fff9f6f0);border:1px solid #ff57332e;padding:18px;position:relative;overflow:hidden;box-shadow:0 18px 44px #ff5b281f}.cashierScanPanel--hero:after{content:"";background:#ff78181c;border-radius:50%;width:170px;height:170px;position:absolute;inset:auto -42px -70px auto}.cashierSectionHeader{align-items:flex-start;gap:12px}.cashierSectionHeader h3{margin:3px 0 0;font-size:20px;line-height:1.1}.cashierSectionHeader input{border:1px solid var(--line);background:var(--surface);min-width:210px;height:42px;color:var(--text);border-radius:10px;padding:0 13px;font-weight:800}.productPicker--modern,.cartBox--modern,.payBox--modern{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:18px}.cashierCategoryTabs{scrollbar-width:thin;gap:8px;padding:6px 0 12px;display:flex;overflow-x:auto}.cashierCategoryTabs button{border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:999px;flex:none;padding:8px 13px;font-weight:900}.pickerList--cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:340px;max-height:calc(100vh - 310px);padding-right:3px;display:grid;overflow:auto}.cashierProductCard{min-height:118px;color:var(--text);text-align:left;background:linear-gradient(#fff,#fbfdff);border:1px solid #94a3b838;border-radius:14px;grid-template-rows:1fr auto;grid-template-columns:44px minmax(0,1fr);gap:9px 11px;padding:12px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.cashierProductCard:disabled{opacity:.52;cursor:not-allowed}.cashierProductThumb{width:44px;height:44px;color:var(--accent);background:linear-gradient(135deg,#ff483424,#ff90162e);border-radius:13px;grid-row:1/span 2;place-items:center;font-weight:950;display:grid}.cashierProductInfo{gap:3px;min-width:0;display:grid}.cashierProductInfo strong,.cartLineMain strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cashierProductInfo small,.cashierProductInfo em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;font-weight:750;overflow:hidden}.cashierProductCard b{color:var(--accent);grid-column:2;place-self:end;font-size:17px}.cartBox--modern{flex-direction:column;padding:16px;display:flex}.customerStrip--modern{grid-template-columns:minmax(0,1fr) 112px;gap:10px;margin:12px 0;display:grid}.customerStrip--modern label{color:var(--muted);gap:6px;font-size:12px;font-weight:900;display:grid}.customerStrip--modern select,.customerStrip--modern input{border:1px solid var(--line);background:var(--surface);height:42px;color:var(--text);border-radius:10px;padding:0 12px;font-weight:900}.cashierCartList{flex-direction:column;flex:1;gap:10px;min-height:360px;max-height:calc(100vh - 270px);padding-right:2px;display:flex;overflow:auto}.cartRow--modern{background:linear-gradient(#fff,#fbfdff);border:1px solid #94a3b838;border-radius:14px;grid-template-columns:minmax(0,1fr) 106px auto 34px;align-items:center;gap:10px;padding:11px;display:grid}.cartLineMain{gap:4px;min-width:0;display:grid}.cartLineMain span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.cartRow--modern>b{white-space:nowrap;font-size:15px}.payBox--modern{flex-direction:column;gap:14px;max-height:calc(100vh - 112px);padding:16px;display:flex;position:sticky;top:88px;overflow:auto}.cashierShiftPill{color:#ef4444;background:#ef444414;border:1px solid #ef44442e;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:950}.cashierShiftPill--open{color:#16a34a;background:#22c55e1a;border-color:#22c55e33}.totalBox--modern{color:#fff;background:linear-gradient(135deg,#111827,#1f2937);border:0;border-radius:18px;padding:18px}.totalBox--modern span,.totalBox--modern small{color:#ffffffb8;font-weight:850}.totalBox--modern strong{color:#fff;margin-top:7px;font-size:34px;line-height:1;display:block}.paymentTabs--modern{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.paymentTabs--modern button{border-radius:12px;justify-content:center;min-height:46px;font-size:12px}.cashTenderBox--modern,.payBox--modern .bankTenderBox,.payBox--modern .mixedTenderBox{border:1px solid var(--line);background:var(--soft);border-radius:14px;padding:12px}.cashTenderBox--modern{gap:10px;display:grid}.cashTenderBox--modern label,.payBox--modern .mixedTenderBox label{color:var(--muted);gap:6px;font-size:12px;font-weight:900;display:grid}.cashTenderBox--modern input,.payBox--modern .mixedTenderBox input{border:1px solid var(--line);background:var(--surface);height:42px;color:var(--text);border-radius:10px;padding:0 12px;font-size:16px;font-weight:950}.cashTenderBox--modern>button{height:40px;color:var(--accent);background:#ff5b281a;border:0;border-radius:10px;font-weight:950}.cashTenderBox--modern>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.receiptPreview--modern{background:linear-gradient(#f8fafcf5,#fffffff5);border-radius:14px}.cashierOps--modern{grid-template-columns:repeat(3,minmax(0,1fr))}.cashierOps--modern button{justify-content:center;min-height:42px;font-size:12px}:root[data-mode=dark] .cashierScanPanel--hero{background:radial-gradient(circle at 100% 0,#ff851b1f,#0000 34%),linear-gradient(135deg,#0f172afa,#1e293bf5);border-color:#ff78183d}:root[data-mode=dark] .cashierProductCard,:root[data-mode=dark] .cartRow--modern,:root[data-mode=dark] .receiptPreview--modern{background:linear-gradient(#0f172af5,#1e293beb);border-color:#94a3b82e}:root[data-mode=dark] .totalBox--modern{background:linear-gradient(135deg,#020617fa,#0f172afa)}@media (width<=1280px){.cashierGrid--modern{grid-template-columns:minmax(360px,1.2fr) minmax(340px,.95fr)}.payBox--modern{grid-column:1/-1;max-height:none;position:static}}@media (width<=860px){.cashierGrid--modern{grid-template-columns:1fr}.pickerList--cards,.cashierCartList{min-height:0;max-height:none}.pickerList--cards,.cashierSectionHeader,.customerStrip--modern,.cartRow--modern{grid-template-columns:1fr}.cashierSectionHeader input,.customerStrip--modern label,.customerStrip--modern select,.customerStrip--modern input{width:100%;min-width:0}.paymentTabs--modern,.cashierOps--modern{grid-template-columns:1fr}}.cashierShell{background:#f6f8fb}.cashierTopbar--pos{background:#fffffff5;border-bottom:1px solid #e8edf5;border-radius:0;grid-template-columns:minmax(260px,1fr) auto minmax(390px,auto);align-items:center;gap:22px;min-height:74px;display:grid;box-shadow:0 10px 34px #0f172a0d}.cashierBrand{gap:16px}.cashierLogoMark{color:#e43b2f;letter-spacing:-1px;place-items:center;width:44px;height:44px;font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1;display:grid}.cashierBrand strong{letter-spacing:0;text-transform:uppercase;font-size:22px}.cashierOperatorBox{border-left:1px solid #e5eaf2;border-right:1px solid #e5eaf2;align-items:center;gap:12px;min-width:230px;padding:0 28px;display:flex}.cashierOperatorBox svg{color:#101828}.cashierOperatorBox span{color:#667085;font-size:12px;font-weight:800;display:block}.cashierOperatorBox strong{color:#101828;font-size:14px;font-weight:950;display:block}.cashierTopActions--pos{justify-content:flex-end;align-items:center;gap:14px;display:flex}.cashierSyncStatus{color:#334155;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.cashierSyncStatus--online{color:#15803d;background:#22c55e1f;border-color:#16a34a40}.cashierSyncStatus--offline{color:#dc2626;background:#ef44441a;border-color:#ef44443d}.cashierSyncStatus--blocked{color:#b45309;background:#f59e0b24;border-color:#f59e0b5c}.cashierOfflineJournal{background:#fff;border:1px solid #e8edf5;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:8px 20px 0;padding:9px 14px;display:flex;box-shadow:0 10px 24px #0f172a0a}.cashierOfflineJournal>div{gap:3px;min-width:0;display:grid}.cashierOfflineJournal__eyebrow{color:#667085;text-transform:uppercase;font-size:11px;font-weight:950}.cashierOfflineJournal strong{color:#101828;font-size:15px;font-weight:950}.cashierOfflineJournal small{color:#667085;font-size:12px;font-weight:800}.cashierOfflineJournal__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.cashierOfflineJournal>.cashierOfflineJournal__actions{display:inline-flex}.cashierOfflineJournal--success{background:#f6fef9;border-color:#22c55e40}.cashierOfflineJournal--error{background:#fff7f7;border-color:#ef44443d}.cashierOfflineJournal--syncing{background:#fff8ed;border-color:#f9731647}.cashierOfflineJournal__button{color:#fff;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#ff3b30,#ff8a00);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:950;display:inline-flex}.cashierOfflineJournal__button:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.cashierOfflineJournal__button--ghost{color:#1f2937;box-shadow:none;background:#fff;border:1px solid #d9e2ef}.syncJournalModal{gap:14px;min-width:min(680px,100vw - 48px);max-height:min(68vh,680px);padding-right:4px;display:grid;overflow:auto}.syncJournalStatus,.syncJournalEmpty,.syncJournalError,.syncJournalItem{background:#fff;border:1px solid #e4eaf3;border-radius:12px}.syncJournalStatus{gap:5px;padding:14px 16px;display:grid}.syncJournalStatus strong,.syncJournalEmpty strong,.syncJournalItem strong,.syncJournalError strong{color:#101828;font-weight:950}.syncJournalStatus span,.syncJournalStatus small,.syncJournalEmpty span,.syncJournalItem span,.syncJournalItem small,.syncJournalItem em,.syncJournalError span{color:#667085;font-size:13px;font-weight:800}.syncJournalItem em{color:#344054;font-style:normal;line-height:1.35;display:block}.syncJournalStatus--success{background:#f6fef9;border-color:#22c55e40}.syncJournalStatus--error{background:#fff7f7;border-color:#ef44443d}.syncJournalStatus--syncing{background:#fff8ed;border-color:#f9731647}.syncJournalEmpty{text-align:center;align-content:center;place-items:center;gap:8px;min-height:180px;padding:24px;display:grid}.syncJournalEmpty svg{color:#ff4a2f}.syncJournalList{gap:10px;display:grid}.syncJournalItem{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.syncJournalItem__index{color:#ff3b30;background:#fff1ed;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:950;display:inline-flex}.syncJournalItem>div:nth-child(2){gap:3px;min-width:0;display:grid}.syncJournalItem__meta{text-align:right;justify-items:end;gap:3px;display:grid}.syncJournalItem__meta strong{color:#f97316}.syncJournalError{background:#fff7f7;border-color:#ef44443d;gap:5px;padding:12px 14px;display:grid}.cashierShiftHeader{color:#667085;background:#fff;border:1px solid #e8edf5;border-radius:11px;min-height:40px;padding:0 17px;font-weight:950}.cashierShiftHeader--open{color:#139548;background:#effdf4;border-color:#cbf4dc}.cashierShiftHeader--open:before{content:"";background:#22c55e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #22c55e24}.cashierClock{color:#475467;background:#fff;border:1px solid #e8edf5;border-radius:11px;justify-content:center;align-items:center;min-height:40px;padding:0 15px;font-weight:900;line-height:1;display:inline-flex}.cashierTopActions--pos .themeControl,.cashierTopActions--pos .localeControl,.cashierTopActions--pos .ghostButton,.cashierTopActions--pos>button{color:#ef3e2f;min-height:40px;box-shadow:none;background:#fff;border:1px solid #e8edf5;border-radius:11px}.cashierTopActions--pos .localeControl{min-width:58px;padding:4px 9px}.cashierTopActions--pos .localeControl select{color:#111827;width:42px}.cashierGrid--reference{grid-template-columns:minmax(430px,.98fr) minmax(420px,.84fr) minmax(320px,.54fr);gap:10px}.cashierGrid--reference>*{box-shadow:none}.cashierScanPanel--hero{box-shadow:none;background:#fff;border-color:#e8edf5;border-radius:12px}.cashierScanPanel--hero:after{display:none}.cashierScanPanel--hero .cashierScanInput{background:#fff;border-color:#d8e0ec;border-radius:10px;min-height:46px}.cashierScanPanel--hero .cashierScanInput input{color:#101828;font-size:15px;font-weight:800}.cashierScanPanel--hero .cashierScanInput button{color:#667085;background:#fff;border-radius:8px}.productPicker--modern,.cartBox--modern,.payBox--modern,.cashierRecentReceipts{box-shadow:none;background:#fff;border-color:#e8edf5;border-radius:12px}.productPicker--modern{padding:16px}.cashierSectionHeader{grid-template-columns:auto 1fr auto;align-items:center;display:grid}.cashierSectionHeader input{grid-column:1/-1;width:100%;margin-top:8px}.cashierSectionHeader h3{font-size:15px}.cashierProductCount{color:#475467;justify-self:end;font-size:12px;font-weight:950}.cashierCategoryTabs{padding:8px 0 18px}.cashierCategoryTabs button{color:#667085;background:#f8fafc;border-radius:8px;min-height:34px;padding:0 15px}.cashierCategoryTabs button.active,.cashierCategoryTabs button:hover{color:#ff3b30;background:#fff1ed;border-color:#ffd4cc}.pickerList--cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:475px;max-height:475px}.cashierProductCard{background:#fff;border-color:#e8edf5;border-radius:10px;flex-direction:column;min-height:184px;padding:0;display:flex;overflow:hidden}.cashierProductCard:hover:not(:disabled){border-color:#ffb5aa;transform:none;box-shadow:0 10px 24px #ef44441a}.cashierProductVisual,.cartLineThumb{background:linear-gradient(135deg,#f6f7f9,#e8edf4);display:block;position:relative;overflow:hidden}.cashierProductVisual{width:100%;height:108px}.cashierProductVisual:before,.cartLineThumb:before{content:"";background:#fff9;border-radius:12px;position:absolute;inset:18%;box-shadow:inset 0 -10px 18px #0f172a14}.cashierProductVisual--photo{background:#f8fafc}.cashierProductVisual--photo:before{display:none!important}.cashierProductVisual--photo img,.cartLineThumb img{object-fit:cover;width:100%;height:100%;display:block}.cartLineThumb.cashierProductVisual--photo{background:#f8fafc}.cashierProductVisual--hoodie:before{background:linear-gradient(#d9c7ad,#c7ae8c);border-radius:16px 16px 8px 8px;inset:12% 22%}.cashierProductVisual--sneaker:before{background:linear-gradient(#fff,#dfe5ee);border-radius:50% 44% 28% 28%;inset:40% 12% 24%}.cashierProductVisual--jeans:before{background:linear-gradient(90deg,#86a8c8 0 45%,#6f93b5 45% 55%,#86a8c8 55%);border-radius:8px;inset:10% 35% 8%}.cashierProductVisual--dress:before{clip-path:polygon(40% 0,60% 0,72% 28%,94% 100%,6% 100%,28% 28%);background:linear-gradient(#e6d0b7,#d8b993);inset:10% 28% 8%}.cashierProductVisual--bag:before{background:linear-gradient(#c59663,#a8733f);border-radius:40% 40% 12px 12px;inset:32% 20% 16%}.cashierProductVisual--belt:before{background:linear-gradient(90deg,#111827,#0f172a);border-radius:999px;inset:42% 12%}.cashierProductVisual--glasses:before{background:linear-gradient(90deg,#111827 0 42%,#0000 42% 58%,#111827 58%);border-radius:999px;inset:39% 14% 33%}.cashierProductVisual--shirt:before{clip-path:polygon(25% 0,40% 10%,60% 10%,75% 0,100% 25%,82% 42%,82% 100%,18% 100%,18% 42%,0 25%);background:linear-gradient(#fff,#e8edf4);inset:18% 20% 12%}.cashierProductInfo strong{color:#101828;font-size:13px}.cashierProductCard b{color:#101828;justify-content:space-between;align-self:stretch;align-items:center;margin-top:auto;padding:8px 10px 10px;font-size:14px;display:flex}.cashierProductCard b:after{content:"+";color:#667085;border:1px solid #d8e0ec;border-radius:8px;place-items:center;width:28px;height:28px;font-size:20px;line-height:1;display:grid}.cartBox--modern{padding:18px}.cartBox--modern .cashierSectionHeader{justify-content:space-between;display:flex}.cartBox--modern h3{padding-left:48px;font-size:20px;position:relative}.cartBox--modern h3:before{content:"";background:linear-gradient(135deg,#fff1ed,#ffe5dc);border-radius:8px;width:36px;height:36px;position:absolute;top:-7px;left:0}.clearCartButton{color:#ff3b30}.cashierCartHead{color:#667085;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;grid-template-columns:minmax(0,1fr) 108px 72px 92px 22px;gap:10px;padding:12px 0;font-size:11px;font-weight:950;display:grid}.cashierCartHead span:first-child{padding-left:66px}.cashierCartList{min-height:360px;max-height:420px}.cartRow--modern{background:0 0;border:0;border-bottom:1px solid #eef2f7;border-radius:0;grid-template-columns:54px minmax(0,1fr) 108px 72px 92px 22px;padding:15px 0}.cartLineMain strong{color:#101828}.cartLineDiscount{color:#ff3b30;text-align:center;font-size:13px;font-weight:950}.cartRow--modern>b{color:#101828;text-align:right}.removeLine{color:#667085}.cartTotalsFooter{border:1px solid #e8edf5;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.cartTotalsFooter div{gap:6px;display:grid}.cartTotalsFooter span{color:#667085;font-size:12px;font-weight:850}.cartTotalsFooter strong{color:#101828;font-size:16px}.cartTotalsPay{border-top:1px solid #eef2f7;grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;padding-top:12px}.cartTotalsPay strong{font-size:22px}.payBox--modern{border-radius:12px;padding:28px 22px;top:90px}.payBox--modern .miniKicker{color:#101828;font-size:13px}.payBox--modern h3{color:#ff4b24;margin-top:10px;font-size:32px}.paymentTabs--modern button{color:#475467;background:#fff;border:1px solid #d8e0ec;border-radius:10px;min-height:48px}.customerStrip--payment{grid-template-columns:1fr;margin:0}.cashTenderBox--modern,.payBox--modern .bankTenderBox,.payBox--modern .mixedTenderBox{background:0 0;border:0;padding:0}.cashTenderBox--modern>div{border:0;padding-top:0}.cashTenderBox--modern>div strong{color:#16a34a}.payMethods{gap:12px;display:grid}.payMethods .payButton{border-radius:10px;width:100%;min-height:54px;font-size:16px}.payButton--soft{color:#ff4b24;background:#fff0ea;border:0}.payButton--muted{color:#344054;background:#f3f6fa;border:0}.payBox--modern .receiptPreview,.payBox--modern .cashierOps,.payBox--modern .cashierHelp{display:none}.cashierRecentReceipts{margin-top:10px;padding:18px}.cashierRecentReceipts .miniHeader{justify-content:space-between;display:flex}.cashierRecentReceipts .miniHeader h3{margin:0;font-size:16px}.cashierRecentReceipts .miniHeader button{color:#ff3b30;background:0 0;border:0;font-weight:950}.cashierReceiptCards{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.cashierReceiptCard{background:#fff;border:1px solid #e8edf5;border-radius:10px;grid-template-columns:1fr auto;gap:7px;padding:12px;display:grid}.cashierReceiptCard strong{color:#101828}.cashierReceiptCard span,.cashierReceiptCard small,.cashierReceiptCard em{color:#667085;font-size:12px;font-style:normal;font-weight:800}.cashierReceiptCard b{color:#16a34a;font-size:13px}:root[data-mode=dark] .cashierShell{background:#0f172a}:root[data-mode=dark] .cashierTopbar--pos,:root[data-mode=dark] .productPicker--modern,:root[data-mode=dark] .cartBox--modern,:root[data-mode=dark] .payBox--modern,:root[data-mode=dark] .cashierRecentReceipts,:root[data-mode=dark] .cashierReceiptCard{background:#111827;border-color:#94a3b82e}:root[data-mode=dark] .cashierBrand strong,:root[data-mode=dark] .cashierOperatorBox strong,:root[data-mode=dark] .cartLineMain strong,:root[data-mode=dark] .cartTotalsFooter strong,:root[data-mode=dark] .cashierReceiptCard strong{color:#f8fafc}:root[data-mode=dark] .cashierSyncStatus{background:#0f172ab8;border-color:#94a3b847}:root[data-mode=dark] .cashierSyncStatus--online{color:#86efac;border-color:#22c55e52}:root[data-mode=dark] .cashierSyncStatus--offline{color:#fca5a5;border-color:#f8717157}:root[data-mode=dark] .cashierSyncStatus--blocked{color:#fde68a;background:#78350f52;border-color:#fbbf2461}:root[data-mode=dark] .cashierOfflineJournal{box-shadow:none;background:#0f172ac7;border-color:#94a3b833}:root[data-mode=dark] .cashierOfflineJournal strong{color:#f8fafc}:root[data-mode=dark] .cashierOfflineJournal small,:root[data-mode=dark] .cashierOfflineJournal__eyebrow{color:#cbd5e1}:root[data-mode=dark] .cashierOfflineJournal--success{background:#14532d42;border-color:#22c55e57}:root[data-mode=dark] .cashierOfflineJournal--error{background:#7f1d1d3d;border-color:#f871715c}:root[data-mode=dark] .cashierOfflineJournal--syncing{background:#7c2d123d;border-color:#fb923c5c}:root[data-mode=dark] .cashierOfflineJournal__button:disabled{color:#94a3b8;background:#94a3b829}:root[data-mode=dark] .cashierOfflineJournal__button--ghost{color:#f8fafc;background:#0f172ad1;border-color:#94a3b847}:root[data-mode=dark] .syncJournalStatus,:root[data-mode=dark] .syncJournalEmpty,:root[data-mode=dark] .syncJournalError,:root[data-mode=dark] .syncJournalItem{background:#0f172adb;border-color:#94a3b838}:root[data-mode=dark] .syncJournalStatus strong,:root[data-mode=dark] .syncJournalEmpty strong,:root[data-mode=dark] .syncJournalItem strong,:root[data-mode=dark] .syncJournalError strong{color:#f8fafc}:root[data-mode=dark] .syncJournalStatus span,:root[data-mode=dark] .syncJournalStatus small,:root[data-mode=dark] .syncJournalEmpty span,:root[data-mode=dark] .syncJournalItem span,:root[data-mode=dark] .syncJournalItem small,:root[data-mode=dark] .syncJournalItem em,:root[data-mode=dark] .syncJournalError span{color:#cbd5e1}:root[data-mode=dark] .syncJournalStatus--success{background:#14532d38;border-color:#22c55e47}:root[data-mode=dark] .syncJournalStatus--error,:root[data-mode=dark] .syncJournalError{background:#7f1d1d38;border-color:#f8717147}:root[data-mode=dark] .syncJournalStatus--syncing{background:#7c2d1238;border-color:#fb923c4d}:root[data-mode=dark] .syncJournalItem__index{color:#fb923c;background:#ff4c3029}:root[data-mode=dark] .syncJournalItem__meta strong{color:#fb923c}@media (width<=1440px){.pickerList--cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1180px){.cashierTopbar--pos,.cashierGrid--reference{grid-template-columns:1fr}.cashierReceiptCards{grid-template-columns:repeat(2,minmax(0,1fr))}}.cashierShell{background:#f7f9fc;min-height:100vh}.cashierTopbar--pos{min-height:82px;padding:0 30px}.cashierBody{padding:10px 22px 14px}.cashierGrid--reference{grid-template-columns:minmax(520px,1.02fr) minmax(440px,.88fr) minmax(330px,.56fr);align-items:start;gap:10px}.cashierProductsPanel{background:#fff;border:1px solid #e8edf5;border-radius:12px;min-height:708px;padding:20px;display:block}.cashierProductsPanel .cashierScanPanel--hero,.cashierProductsPanel .productPicker--modern{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.cashierProductsPanel .cashierScanPanel--hero{margin-bottom:16px}.cashierProductsPanel .cashierScanInput{min-height:48px}.cashierProductsPanel .cashierScanInput>svg:first-child{color:#344054;border:1px solid #e8edf5;border-radius:9px;width:46px;height:46px;padding:12px}.cashierProductsPanel .cashierScanInput button{color:#0000;width:44px;min-width:44px;padding:0;position:relative}.cashierProductsPanel .cashierScanInput button:before{content:"";border:2px solid #344054;border-radius:4px;position:absolute;inset:11px}.cashierCategoryTabs{gap:10px;padding:0 0 26px}.cashierCategoryTabs button{border-radius:9px;min-height:36px;padding:0 16px;font-size:13px}.cashierProductsPanel .cashierSectionHeader{grid-template-columns:1fr auto auto;margin-bottom:16px;display:grid}.cashierProductsPanel .miniKicker{color:#475467;text-transform:none;font-size:13px}.cashierProductCount{align-self:center;padding-right:6px}.cashierProductCount:after{content:"";vertical-align:middle;background:linear-gradient(#667085 0 0) 10px 10px/6px 6px no-repeat,linear-gradient(#667085 0 0) 20px 10px/6px 6px no-repeat,linear-gradient(#667085 0 0) 10px 20px/6px 6px no-repeat,linear-gradient(#667085 0 0) 20px 20px/6px 6px no-repeat;border:1px solid #d8e0ec;border-radius:9px;width:36px;height:36px;margin-left:12px;display:inline-block}.pickerList--cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-height:462px;max-height:462px;overflow:hidden}.cashierProductCard{border-radius:10px;min-height:222px}.cashierProductInfo{padding:13px 10px 0}.cashierProductInfo strong{font-size:13px;line-height:1.1}.cashierProductInfo small{margin-top:5px;font-size:12px}.cashierProductInfo em{display:none}.cashierProductCard b{padding:9px 10px 10px;font-size:15px}.cartBox--modern{min-height:708px;padding:20px 18px 18px}.cartBox--modern h3{font-size:20px}.cashierCartHead{grid-template-columns:minmax(0,1fr) 108px 82px 104px 22px;margin:14px -18px 0;padding:13px 18px}.cashierCartList{gap:0;min-height:444px;max-height:444px;margin:0 -18px;padding:0 18px}.cartRow--modern{grid-template-columns:58px minmax(0,1fr) 108px 82px 104px 22px;gap:10px;min-height:86px}.cartLineThumb{width:58px;height:58px}.cashierProductPager{grid-column:1/-1;justify-items:center;gap:8px;padding:10px 0 2px;display:grid}.cashierProductPager span{color:#ef4444;text-align:center;font-size:12px;font-weight:800}.cashierProductPager button{color:#ff3b30;background:#fff1ed;border:1px solid #ffd4ca;border-radius:10px;min-height:38px;padding:0 16px;font-weight:950}.cashierProductPager button:disabled{opacity:.62;cursor:not-allowed}.qtyControl input{width:36px;font-size:15px}.cartTotalsFooter{margin-top:auto;padding:13px}.payBox--modern{min-height:616px;padding:28px 22px 22px}.payBox--modern h3{letter-spacing:0;font-size:38px}.customerStrip--payment{gap:19px}.customerStrip--payment label{color:#1f2937;font-size:14px}.customerStrip--payment select,.customerStrip--payment input,.cashTenderBox--modern input{height:42px}.cashTenderBox--modern{flex:none;gap:12px;min-height:112px;overflow:visible!important}.cashTenderBox--modern label{color:#1f2937;font-size:14px}.cashTenderBox--modern>div{margin:2px 0 0}.payMethods .payButton{min-height:55px;font-size:17px}.cashierRecentReceipts{width:calc(100% - 366px);margin-top:10px;padding:17px 18px 22px}.cashierReceiptCards{grid-template-columns:repeat(5,minmax(0,1fr))}.cashierReceiptCard{min-height:72px}@media (width<=1500px){.cashierGrid--reference{grid-template-columns:minmax(500px,1fr) minmax(420px,.86fr) minmax(320px,.56fr)}.cashierRecentReceipts{width:calc(100% - 350px)}}@media (width<=1280px){.cashierRecentReceipts{width:100%}.cashierGrid--reference{grid-template-columns:minmax(480px,1fr) minmax(390px,.86fr) minmax(280px,.56fr)}.cashierGrid--reference .payBox--modern{grid-column:auto;max-height:calc(100vh - 112px)}.cashierGrid--reference .pickerList--cards{grid-template-columns:repeat(4,minmax(0,1fr))}.cashierGrid--reference+.cashierRecentReceipts{width:calc(100% - 300px)}}body:has(.cashierShell){overflow:hidden}.cashierShell{height:100vh;overflow:hidden}.cashierBody{grid-template-rows:minmax(0,1fr) 144px;gap:10px;height:calc(100vh - 82px);display:grid;overflow:hidden}.cashierGrid--reference{height:100%;min-height:0}.cashierProductsPanel,.cartBox--modern,.payBox--modern{height:100%;min-height:0;overflow:hidden}.cashierProductsPanel{flex-direction:column;display:flex}.productPicker--modern{flex-direction:column;flex:1;min-height:0;display:flex}.pickerList--cards,.cashierCartList,.payBox--modern{overscroll-behavior:contain;overflow-y:auto}.pickerList--cards,.cashierCartList{flex:1;min-height:0;max-height:none}.cashierRecentReceipts{align-self:end;height:144px;overflow:hidden}.cashierReceiptCards{padding-bottom:2px;overflow:auto hidden}.cashierTopActions--pos .themeControl{border-radius:999px;width:54px;min-width:54px;box-shadow:none!important;background:0 0!important;border:0!important}.cashierTopActions--pos .themeControl button{color:#fff;background:linear-gradient(135deg,#ff3030,#ff8a00);border:0;border-radius:999px;place-items:center;width:42px;min-width:42px;height:42px;display:grid;box-shadow:0 10px 18px #ff57222e}.cashierTopActions--pos .logoutButton{color:#ff3b30;gap:8px;min-width:96px}.cashierScanInput{background:0 0;border:0;grid-template-columns:46px minmax(0,1fr) 44px;gap:8px;padding:0;display:grid}.cashierProductsPanel .cashierScanInput input{border:1px solid #d8e0ec;border-radius:9px;height:46px;padding:0 14px}.cashierScanFrameButton{place-items:center;display:grid}.cashierProductsPanel .cashierScanInput button.cashierScanFrameButton{color:#344054}.cashierProductsPanel .cashierScanInput button.cashierScanFrameButton:before{display:none}.cashierGridButton{color:#344054;background:#fff;border:1px solid #d8e0ec;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.cashierProductsPanel .cashierSectionHeader{grid-template-columns:1fr auto 36px}.cashierCategoryTabs button{box-shadow:inset 0 -1px #0f172a05}.cashierCategoryTabs button.active{background:#fff1ed;border-color:#ffbeb5;box-shadow:0 8px 18px #ff3b301a}.cartBox--modern .cashierSectionHeader>div{align-items:center;gap:12px;display:flex}.cashierCartIcon{color:#ff3b30;background:#fff1ed;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.cartBox--modern h3{padding-left:0}.cartBox--modern h3:before{display:none}.clearCartButton{background:0 0;border:0;align-items:center;gap:7px;font-size:13px;font-weight:950;display:inline-flex}.cashierCartHead{grid-template-columns:minmax(0,1fr) 108px 82px 104px 22px}.cartLineDiscount{color:#667085}.cartRow--modern:has(.cartLineDiscount:not(:empty)) .cartLineDiscount{font-weight:900}.payBox--modern{max-height:none}.payBox--modern .cashierSectionHeader h3{color:#ff4b24;font-size:38px;line-height:1}.customerStrip--payment label>span:first-child,.cashTenderBox--modern label>span:first-child{color:#1f2937;align-items:center;gap:8px;font-weight:950;display:inline-flex}.cashierSelectWithButton{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.cashierSelectWithButton button{color:#111827;background:#fff;border:1px solid #d8e0ec;border-radius:9px;place-items:center;display:grid}.cashierInputSuffix{grid-template-columns:minmax(0,1fr) 48px;display:grid}.cashierInputSuffix input{border-radius:9px 0 0 9px!important}.cashierInputSuffix b{color:#475467;background:#f8fafc;border:1px solid #d8e0ec;border-left:0;border-radius:0 9px 9px 0;place-items:center;height:42px;font-size:12px;font-weight:950;display:grid}.payButton--primary{color:#fff;background:linear-gradient(135deg,#ff3030,#ff8a00);box-shadow:0 14px 24px #ff57223d}.payButton--soft{background:#fff1ed}.payButton--muted{background:#f2f5f9}@media (width<=1180px){body:has(.cashierShell){overflow:auto}.cashierShell{height:auto;min-height:100vh;overflow:visible}.cashierBody{height:auto;overflow:visible}}body:has(.cashierShell){background:#f7f9fc;width:100%;height:100vh;overflow:hidden!important}.cashierShell{background:#f7f9fc;grid-template-rows:76px auto minmax(0,1fr);width:100%;height:100vh;min-height:0;display:grid;overflow:hidden!important}.cashierTopbar--pos{background:#fff;border-bottom:1px solid #e8edf5;grid-template-columns:minmax(300px,1fr) auto auto;height:76px;min-height:76px;padding:0 30px;display:grid}.cashierBody{grid-template-rows:minmax(0,1fr) 132px;gap:8px;height:auto;min-height:0;padding:8px 20px 10px;display:grid!important;overflow:hidden!important}.cashierGrid--reference{grid-template-columns:minmax(455px,1.04fr) minmax(395px,.88fr) minmax(285px,.56fr);align-items:stretch;gap:8px;height:100%;min-height:0;display:grid;overflow:hidden}.cashierProductsPanel,.cartBox--modern,.payBox--modern,.cashierRecentReceipts{background:#fff;border:1px solid #e8edf5;border-radius:10px;box-shadow:0 14px 34px #0f172a08}.cashierProductsPanel{flex-direction:column;height:100%;padding:16px;min-height:0!important;display:flex!important;overflow:hidden!important}.cashierProductsPanel .cashierScanPanel--hero,.cashierProductsPanel .productPicker--modern{box-shadow:none;background:0 0;border:0}.cashierProductsPanel .cashierScanPanel--hero{flex:none;margin:0 0 14px;padding:0}.cashierScanInput{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;display:grid}.cashierProductsPanel .cashierScanInput>svg:first-child,.cashierProductsPanel .cashierScanInput button,.cashierGridButton,.cashierSelectWithButton button{color:#344054;background:#fff;border:1px solid #d8e0ec;border-radius:8px;place-items:center;width:42px;min-width:42px;height:42px;display:grid}.cashierProductsPanel .cashierScanInput input,.customerStrip--payment select,.customerStrip--payment input,.cashTenderBox--modern input{color:#101828;background:#fff;border:1px solid #d8e0ec;border-radius:8px;height:42px;font-weight:800}.productPicker--modern{flex-direction:column;flex:auto;min-height:0;padding:0;display:flex;overflow:hidden}.cashierProductsPanel .cashierSectionHeader{flex:none;grid-template-columns:1fr auto 36px;align-items:center;gap:8px;margin:0 0 10px;display:grid}.cashierProductsPanel .cashierSectionHeader input,.cashierProductsPanel .cashierSectionHeader h3{display:none}.cashierProductsPanel .miniKicker{color:#475467;text-transform:none;font-size:13px;font-weight:950}.cashierProductCount{color:#475467;padding:0;font-size:13px;font-weight:950}.cashierProductCount:after{display:none!important}.cashierCategoryTabs{flex:none;gap:8px;padding:0 0 14px;display:flex;overflow:auto hidden}.cashierCategoryTabs button,.paymentTabs--modern button,.payButton,.clearCartButton,.ghostButton.logoutButton{letter-spacing:0;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:950;display:inline-flex}.cashierCategoryTabs button{color:#667085;background:#f8fafc;border:1px solid #e8edf5;min-height:34px;padding:0 14px;font-size:13px}.cashierCategoryTabs button.active{color:#ff3b30;background:#fff1ed;border-color:#ffb6aa;box-shadow:0 8px 18px #ff3b3014}.pickerList--cards{flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:2px 6px 8px 2px;display:grid;overflow-x:hidden;min-height:0!important;max-height:none!important;overflow-y:auto!important}.cashierProductCard{background:#fff;border:1px solid #e8edf5;border-radius:9px;grid-template-rows:1fr auto auto;height:182px;min-height:0;display:grid;overflow:hidden}.cashierProductVisual{height:96px}.cashierProductInfo{min-width:0;padding:12px 12px 0}.cashierProductInfo strong{color:#101828;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:950;line-height:1.2;display:block;overflow:hidden}.cashierProductInfo small{color:#667085;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;font-weight:800;display:block;overflow:hidden}.cashierProductCard b{color:#101828;padding:8px 12px 10px;font-size:14px;font-weight:950}.cartBox--modern{flex-direction:column;height:100%;padding:16px 14px 14px;display:flex;min-height:0!important;overflow:hidden!important}.cartBox--modern .cashierSectionHeader{flex:none;justify-content:space-between;margin:0;display:flex}.cashierCartIcon{color:#ff3b30;background:#fff1ed;border-radius:8px;width:40px;height:40px}.cartBox--modern h3{color:#101828;font-size:20px;font-weight:950}.clearCartButton{color:#ff3b30;background:0 0;border:0;font-size:12px}.cashierCartHead{background:#f8fafc;flex:none;grid-template-columns:minmax(0,1fr) 92px 70px 90px 18px;margin:12px -14px 0;padding:11px 14px}.cashierCartList{flex:auto;margin:0 -14px;padding:0 14px;overflow-x:hidden;min-height:0!important;max-height:none!important;overflow-y:auto!important}.cartRow--modern{border-bottom:1px solid #eef2f7;grid-template-columns:52px minmax(0,1fr) 92px 70px 90px 18px;gap:8px;min-height:78px}.cartLineThumb{border-radius:8px;width:50px;height:50px}.cartLineMain strong,.cartLineMain span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qtyControl{border-radius:8px;height:32px}.qtyControl button,.qtyControl input{width:30px;height:30px}.cartTotalsFooter{border:1px solid #e8edf5;border-radius:10px;flex:none;margin-top:12px;padding:12px}.payBox--modern{flex-direction:column;height:100%;padding:22px 18px 16px;display:flex;overflow-x:hidden;min-height:0!important;overflow-y:auto!important}.payBox--modern .cashierSectionHeader{text-align:center;display:block}.payBox--modern .miniKicker{color:#344054;text-transform:none;font-size:13px}.payBox--modern .cashierSectionHeader h3{color:#ff4b24;margin-top:10px;font-size:34px;font-weight:950;line-height:1}.paymentTabs--modern{background:#fff;border:1px solid #eef2f7;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:18px 0 14px;padding:6px;display:grid}.paymentTabs--modern button{color:#344054;white-space:normal;background:#fff;border:1px solid #e8edf5;min-height:44px;padding:0 8px;font-size:12px;line-height:1.1}.paymentTabs--modern button.active{color:#fff;background:linear-gradient(135deg,#ff3030,#ff8a00);border-color:#ff4b24;box-shadow:0 12px 24px #ff572238}.customerStrip--payment,.cashTenderBox--modern{gap:16px;display:grid}.customerStrip--payment label>span:first-child,.cashTenderBox--modern label>span:first-child{color:#1f2937;margin-bottom:9px;font-size:13px}.cashierSelectWithButton{grid-template-columns:minmax(0,1fr) 42px}.cashierInputSuffix{grid-template-columns:minmax(0,1fr) 48px}.cashierInputSuffix b{color:#475467;background:#f8fafc;border:1px solid #d8e0ec;border-left:0;border-radius:0 8px 8px 0;height:42px}.cashTenderBox--modern>button{display:none}.cashTenderBox--modern>div{justify-content:space-between;align-items:center;margin:0;display:flex}.cashTenderBox--modern label{min-width:0}.cashTenderBox--modern label>span:first-child{min-width:0;margin-bottom:7px;line-height:1.15;display:flex}.cashTenderBox--modern .cashierInputSuffix{grid-template-columns:minmax(0,1fr) 46px;display:grid}.cashTenderBox--modern .cashierInputSuffix input{min-width:0;padding:0 10px;font-size:13px}.cashTenderBox--modern>div span{color:#344054;font-weight:950}.cashTenderBox--modern>div strong{color:#16a34a;font-size:20px}.payMethods{flex:none;gap:12px;width:100%;min-width:0;margin-top:18px;display:grid;overflow:visible}.payMethods .payButton{box-sizing:border-box;white-space:normal;border:0;width:100%;min-width:0;min-height:50px;padding-inline:10px;font-size:16px;line-height:1.15}.payButton--primary{color:#fff!important;background:linear-gradient(135deg,#ff3030,#ff8a00)!important}.payButton--soft{color:#ff4b24!important;background:#fff1ed!important}.payButton--muted{color:#344054!important;background:#f2f5f9!important}.receiptPreview--modern,.cashierOps--modern,.cashierHelp{display:none!important}.cashierRecentReceipts{min-height:0;margin:0;padding:10px 16px;overflow:hidden;width:calc(100% - 309px)!important;height:136px!important}.cashierRecentReceipts .miniHeader{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cashierRecentReceipts .miniHeader h3{color:#101828;font-size:15px;font-weight:950}.cashierRecentReceipts .miniHeader button{color:#ff3b30;background:0 0;border:0;font-size:12px;font-weight:950}.cashierReceiptCards{grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;gap:10px;height:82px;min-height:0;display:grid;overflow:auto hidden!important}.cashierReceiptCard{box-sizing:border-box;border-radius:8px;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;height:76px;min-height:0;padding:9px 12px;display:grid;overflow:hidden}.cashierReceiptCard strong{grid-column:1}.cashierReceiptCard span{grid-column:2;justify-self:end}.cashierReceiptCard b{grid-column:1}.cashierReceiptCard small{grid-column:2;justify-self:end}.cashierReceiptCard em{grid-column:1/-1}@media (width>=1400px){.cashierGrid--reference{grid-template-columns:minmax(560px,1.06fr) minmax(465px,.9fr) minmax(330px,.56fr)}.cashierProductCard{height:208px}.cashierProductVisual{height:118px}}@media (width<=1180px){.cashierShell{height:100vh;overflow:hidden!important}body:has(.cashierShell){height:100vh;overflow:hidden!important}.cashierShell{grid-template-rows:auto auto minmax(0,1fr)}.cashierTopbar--pos{grid-template-columns:1fr auto;height:auto;min-height:76px}.cashierOperatorBox{display:none}.cashierBody{grid-template-rows:minmax(0,1fr) 126px;height:calc(100vh - 76px)}.cashierGrid--reference{grid-template-columns:minmax(0,1fr);overflow-y:auto}.cashierProductsPanel,.cartBox--modern,.payBox--modern{min-height:520px!important}.cashierRecentReceipts{width:100%!important;height:126px!important}}@media (width<=760px){.cashierShell{grid-template-rows:136px auto minmax(0,1fr)}.cashierTopbar--pos{align-content:start;gap:10px;grid-template-rows:auto auto!important;grid-template-columns:minmax(0,1fr)!important;height:136px!important;min-height:136px!important;padding:10px 14px!important;display:grid!important;overflow:hidden!important}.cashierTopbar--pos .cashierBrand{grid-column:1!important;width:100%!important;min-width:0!important;height:42px!important;overflow:hidden!important}.cashierLogoMark{flex:none;font-size:22px!important}.cashierBrand strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden;font-size:18px!important}.cashierTopActions--pos{grid-column:1!important;grid-template-columns:minmax(0,1fr) 54px 44px 64px 72px!important;gap:6px!important;width:100%!important;min-width:0!important;display:grid!important}.cashierTopActions--pos .cashierShiftHeader{min-width:0!important;padding:0 8px!important;font-size:11px!important}.cashierClock{min-width:0!important;padding:0 6px!important;font-size:12px!important}.cashierTopActions--pos .themeControl{grid-column:auto!important;width:44px!important;min-width:44px!important;height:40px!important;min-height:40px!important}.cashierTopActions--pos .themeControl button{width:34px!important;min-width:34px!important;height:34px!important}.cashierTopActions--pos .localeControl{grid-column:auto!important;width:52px!important;min-width:52px!important;height:40px!important;min-height:40px!important;padding:3px 4px!important}.cashierTopActions--pos .localeControl select{width:40px!important;min-width:40px!important;font-size:11px!important}.cashierTopActions--pos .logoutButton{min-width:0!important;padding:0 8px!important;font-size:11px!important}.cashierBody{height:calc(100vh - 136px)!important;padding:8px 10px 10px!important}.cashierRecentReceipts{padding:8px 10px!important}.cashierRecentReceipts .miniHeader{height:24px!important;min-height:0!important;margin-bottom:6px!important}.cashierRecentReceipts .miniHeader h3,.cashierRecentReceipts .miniHeader button{margin:0!important;font-size:13px!important;line-height:1!important}.cashierReceiptCards{height:70px!important}.cashierReceiptCard{height:62px!important}}.cashierProductsPanel .cashierScanMain,.cashierProductsPanel .cashierScanInput{width:100%!important}.cashierProductsPanel .cashierScanPanel--hero{grid-template-columns:none!important;height:48px!important;min-height:48px!important;margin-bottom:12px!important;padding:0!important;display:block!important}.cashierProductsPanel .cashierScanMain{min-width:0!important;max-width:none!important;display:block!important}.cashierProductsPanel .cashierScanInput{align-items:center;grid-template-columns:42px minmax(0,1fr) 42px!important;min-height:48px!important;padding:0!important;display:grid!important}.cashierProductsPanel .cashierScanInput input{width:100%!important;min-width:0!important;padding:0 14px!important;display:block!important}.cashierProductsPanel .cashierScanInput button.cashierScanFrameButton{color:#344054!important;background:#fff!important;position:static!important}.cashierProductsPanel .cashierScanInput button.cashierScanFrameButton svg{color:currentColor!important;display:block!important}.pickerList--cards>button.cashierProductCard{flex-direction:column!important;min-width:0!important;height:198px!important;min-height:0!important;padding:0!important;display:flex!important}.pickerList--cards>button.cashierProductCard .cashierProductVisual{flex:0 0 94px!important;width:100%!important;height:94px!important}.pickerList--cards>button.cashierProductCard .cashierProductInfo{width:100%!important;min-width:0!important;padding:12px 12px 0!important;display:block!important}.pickerList--cards>button.cashierProductCard .cashierProductInfo strong,.pickerList--cards>button.cashierProductCard .cashierProductInfo small{text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important;min-width:0!important;display:block!important;overflow:hidden!important}.pickerList--cards>button.cashierProductCard>b{box-sizing:border-box!important;flex:0 0 34px!important;width:100%!important;height:34px!important;min-height:34px!important;margin-top:auto!important;padding:0 12px 10px!important}.pickerList--compact>button.cashierProductCard{grid-template-rows:minmax(0,1fr) 34px!important;grid-template-columns:72px minmax(0,1fr)!important;height:128px!important;display:grid!important}.pickerList--compact>button.cashierProductCard .cashierProductVisual{grid-row:1/span 2;flex-basis:auto!important;width:72px!important;height:100%!important}.pickerList--compact>button.cashierProductCard .cashierProductInfo{padding:12px 12px 0!important}.pickerList--compact>button.cashierProductCard>b{grid-column:2}@media (width<=1399px){.cashierCategoryTabs{scrollbar-width:none;gap:4px!important;overflow-x:hidden!important}.cashierCategoryTabs::-webkit-scrollbar{display:none}.cashierCategoryTabs button{min-height:32px!important;padding:0 8px!important;font-size:11px!important}.pickerList--cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pickerList--cards>button.cashierProductCard{height:198px!important}.pickerList--cards>button.cashierProductCard .cashierProductVisual{flex-basis:86px!important;height:86px!important}}.cashierTopActions--pos>button.cashierShiftHeader--open,.cashierShiftHeader.cashierShiftHeader--open{color:#fff!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important;border-color:#86efac!important;box-shadow:0 12px 24px #16a34a3d!important}.cashierTopActions--pos>button.cashierShiftHeader--open:before,.cashierShiftHeader.cashierShiftHeader--open:before{background:#bbf7d0!important;box-shadow:0 0 0 5px #ffffff38!important}.productPicker--modern,.cashierProductsPanel .cashierSectionHeader,.payBox--modern,.customerStrip--payment,.cashTenderBox--modern,.cashierSelectWithButton,.cashierInputSuffix{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}.cashierProductsPanel .cashierSectionHeader{grid-template-columns:minmax(0,1fr) auto 36px!important;gap:4px!important;overflow:hidden!important}.cashierProductsPanel .cashierSectionHeader>*{min-width:0!important}.cashierProductsPanel .cashierSectionHeader input{grid-column:1/-1;width:100%;min-width:0;height:38px;display:block!important}.cashierProductsPanel .cashierSectionHeader{grid-template-columns:minmax(0,1fr) auto 40px!important;row-gap:8px!important}.cashierProductCount{text-overflow:ellipsis;white-space:nowrap;max-width:82px;overflow:hidden}.cashierProductInfo strong,.cashierProductInfo small{max-width:100%}.paymentTabs--modern button,.cashierSelectWithButton select,.cashierInputSuffix input,.payMethods .payButton{box-sizing:border-box;min-width:0!important;max-width:100%!important}.cashTenderBox--modern,.cashTenderBox--modern label,.cashierInputSuffix{width:100%!important}.cashierReceiptCard strong,.cashierReceiptCard span,.cashierReceiptCard small,.cashierReceiptCard em,.cashierReceiptCard b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cashierCategoryTabs{scrollbar-width:thin!important;padding-bottom:8px!important;overflow:auto hidden!important}.cashierCategoryTabs::-webkit-scrollbar{height:6px}.cashierCategoryTabs::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.payButton--muted{height:44px!important;min-height:44px!important}.cashierCartHead,.cartRow--modern{grid-template-columns:52px minmax(0,1fr) 96px 62px minmax(88px,auto) 34px!important}.cartRow--modern{gap:10px!important}.cartLineDiscount{text-align:center}@media (width<=1380px){.cashierGrid--reference{grid-template-columns:minmax(390px,.95fr) minmax(390px,.86fr) minmax(300px,.58fr)!important}.cashierCartHead{display:none!important}.cartRow--modern{grid-template-rows:auto auto!important;grid-template-columns:52px minmax(0,1fr) minmax(96px,auto) 34px!important;min-height:86px!important;padding:10px 0!important}.cartRow--modern .qtyControl{grid-area:2/2!important;justify-self:start!important}.cartLineDiscount{grid-area:2/3!important;justify-self:end!important}.cartRow--modern>b{grid-area:1/3!important;justify-self:end!important}.cartRow--modern .removeLine{grid-area:1/4/span 2!important;align-self:center!important}}@media (width<=1180px){.cashierGrid--reference{grid-template-columns:1fr!important}.cashierProductsPanel,.cartBox--modern,.payBox--modern{height:auto!important;min-height:auto!important}}.cashierTopActions--pos .cashierClock{text-align:center!important;justify-content:center!important;align-items:center!important;display:inline-flex!important}.cashierTopActions--pos .themeControl{box-shadow:none!important;background:0 0!important;border:0!important}.cashierTopActions--pos .themeControl,.cashierTopActions--pos .themeControl button{overflow:visible!important}.cashierGridButton.active,.cashierGridButton:hover,.cashierScanFrameButton:hover{color:#ff3b30!important;background:#fff1ed!important;border-color:#ffb6aa!important}.cashierScanFrameButton,.cashierGridButton{cursor:pointer}.payBox--modern .bankTenderBox,.payBox--modern .mixedTenderBox{flex:none!important;min-width:0!important;overflow-x:hidden!important}.payBox--modern .mixedTenderBox{gap:8px!important;min-height:118px!important}.payBox--modern .mixedTenderBox label{min-width:0!important}.payBox--modern .mixedTenderBox input{width:100%!important;min-width:0!important}.paymentTabs--modern{gap:6px!important;margin:10px 0!important;padding:5px!important}.paymentTabs--modern button{min-height:38px!important;padding:0 6px!important;font-size:11px!important}.customerStrip--payment,.cashTenderBox--modern{gap:8px!important}.customerStrip--payment label>span:first-child,.cashTenderBox--modern label>span:first-child{margin-bottom:5px!important;font-size:12px!important}.cashierSelectWithButton,.cashierInputSuffix{grid-template-columns:minmax(0,1fr) 40px!important}.cashierSelectWithButton button,.cashierInputSuffix b{width:40px!important;min-width:40px!important}.cashTenderBox--modern{flex:none!important;grid-template-rows:auto auto!important;grid-template-columns:1fr!important;min-height:86px!important;overflow:visible!important}.payMethods .payButton{height:38px!important;min-height:38px!important;max-height:38px!important;font-size:13px!important;line-height:1!important;overflow:hidden!important}.payBox--modern .bankTenderBox{min-height:50px!important}.payBox--modern .mixedTenderBox{min-height:100px!important}.pickerList--compact{grid-template-columns:1fr!important}.pickerList--compact>button.cashierProductCard{grid-template-rows:72px!important;grid-template-columns:68px minmax(0,1fr) minmax(92px,auto)!important;align-items:stretch!important;height:74px!important;display:grid!important}.pickerList--compact>button.cashierProductCard .cashierProductVisual{grid-area:1/1!important;width:68px!important;height:72px!important}.pickerList--compact>button.cashierProductCard .cashierProductInfo{grid-area:1/2!important;align-self:center!important;width:auto!important;padding:0 10px!important}.pickerList--compact>button.cashierProductCard>b{grid-area:1/3!important;place-self:center end!important;width:auto!important;min-width:86px!important;height:auto!important;min-height:0!important;padding:0 10px 0 0!important}.pickerList--compact>button.cashierProductCard>b:after{margin-left:8px}.payBox--modern .miniHeader,.paymentTabs--modern{flex:none!important}.customerStrip--payment{flex:none!important;grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr)!important;align-items:start!important;gap:6px!important;margin-bottom:8px!important;display:grid!important}.customerStrip--payment label{gap:4px!important;min-width:0!important}.customerStrip--payment select,.customerStrip--payment input,.cashTenderBox--modern input,.cashierInputSuffix b{height:36px!important;min-height:36px!important}.customerStrip--payment label>span:first-child{text-overflow:ellipsis!important;white-space:nowrap!important;min-height:16px!important;overflow:hidden!important}.customerStrip--payment .cashierSelectWithButton{grid-template-columns:minmax(0,1fr) 32px!important}.customerStrip--payment .cashierSelectWithButton button{width:32px!important;min-width:32px!important;height:36px!important}.customerStrip--payment .cashierInputSuffix{grid-template-columns:minmax(0,1fr) 32px!important}.customerStrip--payment .cashierInputSuffix b{width:32px!important;min-width:32px!important}.cashierSelectWithButton button{height:36px!important;min-height:36px!important}.quickCustomerForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.quickCustomerHint{background:#f8fafc;border:1px solid #e4eaf3;border-radius:14px;grid-column:1/-1;align-items:flex-start;gap:12px;padding:14px;display:flex}.quickCustomerHint svg{color:#ff3d2e;flex:none}.quickCustomerHint strong,.quickCustomerHint span{display:block}.quickCustomerHint strong{color:#0f172a;font-size:15px;font-weight:950}.quickCustomerHint span{color:#667085;margin-top:4px;font-size:13px;line-height:1.35}.quickCustomerForm label{gap:7px;display:grid}.quickCustomerForm label span{color:#667085;font-size:12px;font-weight:900}.quickCustomerForm input{color:#111827;background:#fff;border:1px solid #d8e0ec;border-radius:11px;outline:none;height:44px;padding:0 13px;font-weight:850}.quickCustomerForm input:focus{border-color:#ff3d2e;box-shadow:0 0 0 3px #ff3d2e1f}:root[data-mode=dark] .quickCustomerHint{background:#0f172ab8;border-color:#94a3b83d}:root[data-mode=dark] .quickCustomerHint strong,:root[data-mode=dark] .quickCustomerForm input{color:#f8fafc}:root[data-mode=dark] .quickCustomerHint span,:root[data-mode=dark] .quickCustomerForm label span{color:#cbd5e1}:root[data-mode=dark] .quickCustomerForm input{background:#020617c7;border-color:#94a3b83d}.cashTenderBox--modern{gap:6px!important;min-height:74px!important}.payMethods{flex:none!important}.cashTenderBox--modern{grid-template-rows:auto!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:8px!important;min-height:62px!important}.cashTenderBox--modern label{grid-column:1!important}.cashTenderBox--modern>div{grid-column:2!important;justify-items:end!important;min-width:62px!important;height:36px!important;display:grid!important}.cashTenderBox--modern>div span{font-size:11px!important}.payBox--modern .mixedTenderBox{background:#fff!important;border:1px solid #eef2f7!important;border-radius:12px!important;grid-template-rows:auto auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;min-height:78px!important;padding:8px!important;display:grid!important;overflow:hidden!important}.payBox--modern .mixedTenderBox label{text-transform:uppercase;color:#667085!important;gap:4px!important;min-width:0!important;font-size:11px!important;font-weight:950!important;display:grid!important}.payBox--modern .mixedTenderBox input{box-sizing:border-box!important;color:#101828!important;background:#fff!important;border:1px solid #d8e0ec!important;border-radius:8px!important;width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:14px!important;font-weight:950!important}.payBox--modern .mixedTenderBox small{text-overflow:ellipsis;white-space:nowrap;color:#16a34a!important;grid-column:1/-1!important;min-height:16px!important;margin:0!important;font-size:11px!important;font-weight:950!important;line-height:1.2!important;display:block!important;overflow:hidden!important}.payBox--modern .mixedTenderBox small.warn{color:#ef4444!important}.cashierGrid--reference+.cashierRecentReceipts,.cashierRecentReceipts{justify-self:stretch!important;width:100%!important;max-width:none!important}.cashierReceiptCards{grid-auto-columns:minmax(190px,1fr)!important}.payBox--modern{place-content:start flex-start!important}.payBox--modern .cashierSectionHeader h3{margin-top:6px!important;font-size:30px!important}.paymentTabs--modern{margin:12px 0 10px!important}.customerStrip--payment{margin-bottom:8px!important}.cashTenderBox--modern{margin-top:0!important}.payMethods{gap:10px!important;margin-top:12px!important}.pickerList--compact{align-content:start!important;gap:8px!important}.pickerList--compact>button.cashierProductCard{height:74px!important;margin:0!important}.pickerList--compact>button.cashierProductCard .cashierProductInfo strong,.pickerList--compact>button.cashierProductCard .cashierProductInfo small{max-width:100%!important}@media (width<=760px){.quickCustomerForm{grid-template-columns:1fr}}.payBox--modern{flex-direction:column!important;justify-content:flex-start!important;gap:0!important;display:flex!important}.payBox--modern .cashierSectionHeader,.paymentTabs--modern,.customerStrip--payment,.cashTenderBox--modern,.payBox--modern .bankTenderBox,.payBox--modern .mixedTenderBox{flex:none!important}.payMethods{flex:none!important;margin-top:auto!important;padding-top:14px!important}.payMethods .payButton{height:44px!important;min-height:44px!important;max-height:44px!important;font-size:14px!important}.payBox--modern{padding:18px 18px 16px!important}.payBox--modern .miniKicker{font-size:14px!important;font-weight:950!important}.payBox--modern .cashierSectionHeader h3{font-size:34px!important}.paymentTabs--modern button{min-height:46px!important;font-size:13px!important}.customerStrip--payment{border-bottom:1px solid #eef2f7;grid-template-columns:1fr!important;gap:12px!important;padding-bottom:10px!important}.customerStrip--payment label{gap:8px!important;display:grid!important}.customerLabelLine{justify-content:space-between!important;align-items:center!important;gap:10px!important;min-height:34px!important;margin:0!important;display:flex!important;overflow:visible!important}.customerLabelLine>span{text-transform:uppercase;white-space:nowrap;color:#111827!important;align-items:center!important;gap:8px!important;min-width:0!important;font-size:15px!important;font-weight:950!important;display:inline-flex!important}.customerQuickAdd{color:#111827!important;background:#fff!important;border:1px solid #d8e0ec!important;border-radius:9px!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;display:grid!important}.customerStrip--payment select,.customerStrip--payment input,.cashTenderBox--modern input,.cashierInputSuffix b{height:42px!important;min-height:42px!important;font-size:14px!important}.cashTenderBox--modern{grid-template-columns:1fr!important;gap:8px!important;min-height:0!important;padding-top:0!important;display:grid!important}.cashTenderBox--modern label,.cashTenderBox--modern>div{grid-column:1!important}.cashTenderBox--modern label>span:first-child{text-transform:uppercase;color:#111827!important;margin-bottom:8px!important;font-size:14px!important;font-weight:950!important}.cashTenderBox--modern .cashierInputSuffix{grid-template-columns:minmax(0,1fr) 58px!important}.cashTenderBox--modern>div{background:#f8fafc!important;border-radius:10px!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-width:0!important;height:40px!important;padding:0 10px!important;display:flex!important}.cashTenderBox--modern>div span{text-transform:uppercase;font-size:13px!important;font-weight:950!important}.cashTenderBox--modern>div strong{font-size:18px!important}.payMethods{grid-template-columns:1fr!important;gap:10px!important;padding-top:18px!important;display:grid!important}.payMethods .payButton{justify-content:center!important;height:48px!important;min-height:48px!important;max-height:48px!important;font-size:16px!important;font-weight:950!important}.payBox--modern .mixedTenderBox{grid-template-columns:1fr!important;gap:10px!important;min-height:0!important}.payBox--modern .mixedTenderBox label{font-size:13px!important}.payBox--modern .mixedTenderBox input{height:42px!important;min-height:42px!important;font-size:15px!important}.payBox--modern .mixedTenderBox small{min-height:24px!important;font-size:13px!important;line-height:24px!important}:root[data-mode=dark] .cashierShell{color:#f8fafc!important;background:#0f172a!important}:root[data-mode=dark] body:has(.cashierShell){color:#f8fafc!important;background:#0f172a!important}:root[data-mode=dark] .cashierTopbar--pos,:root[data-mode=dark] .cashierProductsPanel,:root[data-mode=dark] .productPicker--modern,:root[data-mode=dark] .cartBox--modern,:root[data-mode=dark] .payBox--modern,:root[data-mode=dark] .cashierRecentReceipts,:root[data-mode=dark] .cashierScanPanel--hero{color:#f8fafc!important;box-shadow:none!important;background:#111827!important;border-color:#94a3b838!important}:root[data-mode=dark] .cashierOperatorBox{border-color:#94a3b857!important}:root[data-mode=dark] .cashierBrand strong,:root[data-mode=dark] .cashierOperatorBox strong,:root[data-mode=dark] .cashierSectionHeader h3,:root[data-mode=dark] .customerLabelLine>span,:root[data-mode=dark] .cashTenderBox--modern label>span:first-child,:root[data-mode=dark] .customerStrip--payment label>span:first-child,:root[data-mode=dark] .cashierReceiptCard strong,:root[data-mode=dark] .cashierReceiptCard b,:root[data-mode=dark] .cashierProductInfo strong,:root[data-mode=dark] .cartLineMain strong,:root[data-mode=dark] .cartTotalsFooter strong{color:#fff!important}:root[data-mode=dark] .cashierOperatorBox span,:root[data-mode=dark] .miniKicker,:root[data-mode=dark] .cashierProductCount,:root[data-mode=dark] .cashierProductInfo small,:root[data-mode=dark] .cartLineMain span,:root[data-mode=dark] .cartLineDiscount,:root[data-mode=dark] .cashierReceiptCard span,:root[data-mode=dark] .cashierReceiptCard small,:root[data-mode=dark] .cashierReceiptCard em,:root[data-mode=dark] .cartTotalsFooter span,:root[data-mode=dark] .cashTenderBox--modern>div span{color:#cbd5e1!important}:root[data-mode=dark] .cashierScanInput,:root[data-mode=dark] .cashierScanPanel--hero .cashierScanInput,:root[data-mode=dark] .cashierProductsPanel .cashierScanInput>svg:first-child,:root[data-mode=dark] .cashierProductsPanel .cashierScanInput button,:root[data-mode=dark] .cashierGridButton,:root[data-mode=dark] .customerQuickAdd,:root[data-mode=dark] .customerStrip--payment select,:root[data-mode=dark] .customerStrip--payment input,:root[data-mode=dark] .cashTenderBox--modern input,:root[data-mode=dark] .cashierInputSuffix b,:root[data-mode=dark] .cashierClock,:root[data-mode=dark] .cashierTopActions--pos .themeControl,:root[data-mode=dark] .cashierTopActions--pos .themeControl button,:root[data-mode=dark] .cashierTopActions--pos>button:not(.cashierShiftHeader--open),:root[data-mode=dark] .cashierTopActions--pos .ghostButton,:root[data-mode=dark] .cashierScanInput input,:root[data-mode=dark] .cashierScanPanel--hero .cashierScanInput input,:root[data-mode=dark] .payBox--modern .mixedTenderBox input{color:#f8fafc!important;background:#0b1220!important;border-color:#94a3b847!important}:root[data-mode=dark] .cashierScanInput input::placeholder,:root[data-mode=dark] .cashTenderBox--modern input::placeholder{color:#94a3b8!important}:root[data-mode=dark] .cashierCategoryTabs button,:root[data-mode=dark] .paymentTabs--modern button{color:#fff!important;background:#f8717124!important;border-color:#f8717147!important}:root[data-mode=dark] .cashierProductPager button{color:#f8fafc!important;background:#7f1d1d52!important;border-color:#f8717147!important}:root[data-mode=dark] .cashierProductPager span{color:#fecaca!important}:root[data-mode=dark] .cashierCategoryTabs button.active,:root[data-mode=dark] .paymentTabs--modern button.active{color:#fff!important;background:linear-gradient(135deg,#ff3030,#ff8a00)!important;border-color:#0000!important}:root[data-mode=dark] .cashierProductCard,:root[data-mode=dark] .cartRow--modern,:root[data-mode=dark] .cashierReceiptCard,:root[data-mode=dark] .cartTotalsFooter,:root[data-mode=dark] .payBox--modern .mixedTenderBox,:root[data-mode=dark] .payBox--modern .bankTenderBox,:root[data-mode=dark] .cashTenderBox--modern>div{color:#f8fafc!important;background:#172235!important;border-color:#94a3b83d!important}:root[data-mode=dark] .cashierCartHead{color:#cbd5e1!important;background:#0b1220!important;border-color:#94a3b83d!important}:root[data-mode=dark] .cartRow--modern .qtyControl,:root[data-mode=dark] .cartRow--modern .qtyControl button,:root[data-mode=dark] .cartRow--modern .qtyControl input,:root[data-mode=dark] .removeLine,:root[data-mode=dark] .clearCartButton{color:#fff!important;background:#f8717129!important;border-color:#f8717147!important}:root[data-mode=dark] .payButton--primary{color:#fff!important;background:linear-gradient(135deg,#ff3030,#ff8a00)!important}:root[data-mode=dark] .payButton--soft{color:#fff!important;background:#fff1ed21!important;border:1px solid #f8717138!important}:root[data-mode=dark] .payButton--muted{color:#e2e8f0!important;background:#94a3b838!important}:root[data-mode=dark] .cashierShiftHeader--open{color:#fff!important;background:#16a34a!important;border-color:#22c55e6b!important}:root[data-mode=dark] .cashierInputSuffix b,:root[data-mode=dark] .cashTenderBox--modern>div strong,:root[data-mode=dark] .payBox--modern .mixedTenderBox small.ok,:root[data-mode=dark] .cashierReceiptCard b{color:#4ade80!important}:root[data-mode=dark] .cashierCartIcon{color:#fff!important;background:linear-gradient(135deg,#ff3030,#ff8a00)!important;border:0!important;box-shadow:0 12px 22px #ff572238!important}:root[data-mode=dark] .cashierCartIcon svg{color:#fff!important;stroke:#fff!important}:root[data-mode=dark] .cashierTopActions--pos .themeControl{background:0 0!important;border:0!important;width:48px!important;min-width:48px!important;padding:0!important}.cartRow--modern .qtyControl{background:#fff!important;border:1px solid #d8e0ec!important;border-radius:9px!important;grid-template-columns:30px 34px 30px!important;justify-content:center!important;align-items:center!important;width:94px!important;height:34px!important;display:grid!important;overflow:hidden!important}.cartRow--modern .qtyControl button,.cartRow--modern .qtyControl input,.cartRow--modern .removeLine{color:#111827!important;width:100%!important;min-width:0!important;height:34px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;place-items:center!important;font-size:15px!important;font-weight:950!important;line-height:1!important;display:grid!important}.cartRow--modern .qtyControl input{text-align:center!important;border-left:1px solid #e5e7eb!important;border-right:1px solid #e5e7eb!important}.cartRow--modern .qtyControl button:hover,.cartRow--modern .removeLine:hover{color:#ff3b30!important;background:#fff1ed!important}.cartRow--modern .removeLine{color:#ff3b30!important;border-radius:9px!important;width:34px!important;height:34px!important}.cartRow--modern .removeLine svg{stroke-width:2.4px!important;width:16px!important;height:16px!important}:root[data-mode=dark] .cartRow--modern .qtyControl{background:#f8717124!important;border-color:#f8717157!important}:root[data-mode=dark] .cartRow--modern .qtyControl button,:root[data-mode=dark] .cartRow--modern .qtyControl input,:root[data-mode=dark] .cartRow--modern .removeLine{color:#fff!important;background:0 0!important}:root[data-mode=dark] .cartRow--modern .qtyControl input{border-left-color:#f8717152!important;border-right-color:#f8717152!important}:root[data-mode=dark] .cartRow--modern .qtyControl button:hover,:root[data-mode=dark] .cartRow--modern .removeLine:hover{color:#fff!important;background:#ff3d2e42!important}:root[data-mode=dark] .cartRow--modern .removeLine{background:#f871712e!important;border:1px solid #f8717157!important}.financeTableWrap{border-radius:12px!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:auto hidden!important}.financeTableWrap .financeTable{table-layout:fixed!important;width:100%!important;min-width:0!important}.financeTableWrap .financeTable th,.financeTableWrap .financeTable td{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;padding:12px 10px!important;overflow:hidden!important}.financeTableWrap .financeTable th:first-child,.financeTableWrap .financeTable td:first-child{width:18%!important}@media (width<=1180px){.financeTableWrap .financeTable{min-width:640px!important}}.payBox--modern{overflow:visible!important}.payMethods{gap:10px!important;margin-top:auto!important;padding-top:16px!important}.payMethods .payButton{border-radius:12px!important;height:52px!important;min-height:52px!important;max-height:none!important;font-size:16px!important}.payMethods .payButton--muted{background:#f2f5f9!important;height:44px!important;min-height:44px!important}.cashierCategoryTabs{scrollbar-width:thin!important;overflow:auto hidden!important}@media (width<=1399px){.cashierCategoryTabs{overflow-x:auto!important}}.cashierRecentReceipts .miniHeader button{cursor:pointer;color:#ff3b30!important;background:0 0!important;border:0!important;min-height:30px!important;font-weight:950!important}.cashierRecentReceipts .miniHeader button:disabled{opacity:.45!important;cursor:not-allowed!important}@media (width<=1380px){.cashierCartHead{display:none!important}.cartRow--modern{grid-template-rows:auto auto!important;grid-template-columns:52px minmax(0,1fr) minmax(96px,auto) 34px!important;min-height:86px!important;padding:10px 0!important}.cartRow--modern .qtyControl{grid-area:2/2!important;justify-self:start!important}.cartLineDiscount{text-align:right!important;grid-area:2/3!important;justify-self:end!important}.cartRow--modern>b{grid-area:1/3!important;justify-self:end!important}.cartRow--modern .removeLine{grid-area:1/4/span 2!important;align-self:center!important}}:root[data-mode=dark] .cashierRecentReceipts .miniHeader button{color:#fff!important}:root[data-mode=dark] .payMethods .payButton--muted{color:#e2e8f0!important;background:#94a3b838!important}@media (width<=1180px){.cashierBody{grid-template-rows:minmax(0,1fr) 126px!important}.cashierGrid--reference{flex-direction:column!important;gap:10px!important;min-height:0!important;padding-right:6px!important;display:flex!important;overflow:hidden auto!important}.cashierProductsPanel,.cartBox--modern,.payBox--modern{flex:none!important;width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important}.cashierProductsPanel{min-height:300px!important}.cartBox--modern{min-height:260px!important}.payBox--modern{min-height:520px!important;overflow:visible!important}.cashierProductsPanel .productPicker--modern,.cashierProductsPanel .pickerList--cards,.cashierCartList{min-height:0!important}.cashierProductsPanel .pickerList--cards{min-height:154px!important;overflow-y:auto!important}.cashierCartList{min-height:92px!important;overflow-y:auto!important}}@media (width<=760px){.cashierBody{grid-template-rows:minmax(0,1fr) 118px!important;gap:8px!important}.cashierGrid--reference{padding-right:4px!important}.cashierProductsPanel{min-height:280px!important}.cartBox--modern{min-height:240px!important}.payBox--modern{min-height:500px!important;padding:14px!important}.paymentTabs--modern{grid-template-columns:1fr!important}.paymentTabs--modern button{justify-content:center!important;min-height:42px!important;font-size:13px!important}.pickerList--cards,.pickerList--compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.pickerList--cards>button.cashierProductCard,.pickerList--compact>button.cashierProductCard,.cashierProductCard{height:178px!important}.cashierProductVisual{height:88px!important}.cashierProductInfo strong,.cashierProductInfo small{max-width:100%!important}.cashierScanPanel--hero .cashierScanInput input,.cashierProductsPanel .cashierScanInput input{text-overflow:ellipsis!important;font-size:12px!important}.cashierCategoryTabs{scrollbar-width:none!important;flex-wrap:wrap!important;overflow:visible!important}.cashierCategoryTabs::-webkit-scrollbar{display:none!important}.cashierRecentReceipts{height:118px!important;overflow:hidden!important}.cashierReceiptCards{grid-auto-flow:row!important;grid-auto-columns:unset!important;scrollbar-width:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important;overflow:hidden auto!important}.cashierReceiptCards::-webkit-scrollbar{display:none!important}.cashierReceiptCard{width:100%!important;min-width:0!important}}.landingShell--card{color:#111827!important;background:linear-gradient(#f8fafc 0%,#eef2f7 100%)!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:0!important;min-height:100dvh!important;max-height:100dvh!important;display:grid!important;overflow:hidden!important}.landingNav--card{z-index:5!important;width:min(1240px,100% - 40px)!important;min-height:72px!important;margin:0 auto!important;padding:10px 0!important;position:relative!important}.landingCardMenu{flex-wrap:nowrap;justify-content:flex-end;gap:8px;min-width:0;display:flex}.landingBurgerButton{display:none}.landingNavTools{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.landingNavPanel{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.landingCardMenu button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:7px 12px;font-size:13px;font-weight:850;transition:all .18s;display:inline-flex}.landingCardMenu button:hover,.landingCardMenu button.active{color:#fff;background:linear-gradient(135deg,#ff3b30,#ff8a00);border-color:#0000;box-shadow:0 10px 22px #ff57222e}.landingCard{z-index:1;grid-template-columns:minmax(0,.98fr) minmax(390px,1.02fr);align-items:center;gap:22px;width:min(1240px,100% - 40px);min-height:0;margin:0 auto;display:grid;position:relative}.landingCardHero{gap:clamp(10px,1.4vw,18px);min-width:0;display:grid}.landingCardHero h1{letter-spacing:0;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;max-width:720px;margin:0;font-size:clamp(36px,5.2vw,64px);line-height:1.02}.landingCardHero p{color:#4b5563;max-width:620px;margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.55}.landingCardHero .landingActions,.landingCardHero .landingProof{margin:0}.landingCardPanel{background:#fff;border:1px solid #e9edf2;border-radius:12px;gap:14px;min-width:0;padding:18px;display:grid;box-shadow:0 24px 60px #0f172a1f}.landingCardMetric{color:#fff;background:linear-gradient(135deg,#ff3b30 0%,#ff8a00 100%);border-radius:12px;align-content:center;gap:8px;min-height:128px;padding:18px;display:grid}.landingCardMetric span,.landingCardBottom span{text-transform:uppercase;color:inherit;opacity:.86;font-size:12px;font-weight:850}.landingCardMetric strong{color:#fff;font-size:clamp(28px,3.8vw,44px);line-height:.95}.landingCardMetric small{color:#ffffffdb;font-weight:750}.landingCardGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.landingCardGrid article{background:#f8fafc;border:1px solid #edf1f5;border-radius:10px;align-content:start;gap:8px;min-height:104px;padding:14px;display:grid}.landingCardGrid article svg{color:#ff3b30}.landingCardGrid article strong{color:#111827;font-size:16px}.landingCardGrid article span{color:#64748b;font-size:13px;line-height:1.35}.landingCardBottom{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.landingCardBottom div{background:#fff;border:1px solid #edf1f5;border-radius:10px;align-content:center;gap:5px;min-width:0;min-height:64px;padding:10px 12px;display:grid}.landingCardBottom strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.landingFooter--card{border-top:0!important;width:min(1240px,100% - 40px)!important;margin:0 auto!important;padding:12px 0 18px!important}@media (width<=900px){.landingNav--card{flex-flow:row;grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:center;gap:8px;display:grid}.landingBurgerButton{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:inline-grid;box-shadow:0 10px 24px #0f172a14}.landingNavPanel{z-index:20;background:#fffffffa;border:1px solid #e5e7eb;border-radius:14px;align-items:stretch;gap:10px;padding:12px;display:none;position:absolute;top:calc(100% - 8px);left:0;right:0;box-shadow:0 18px 44px #0f172a29}.landingNavPanel.open{display:grid}.landingCardMenu{flex-wrap:wrap;justify-content:flex-start;width:100%}.landingCard{grid-template-columns:1fr;align-content:center;gap:12px}.landingCardHero h1{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;font-size:clamp(28px,7.2vw,40px);line-height:1.08}.landingCardHero p{font-size:14px;line-height:1.45}.landingCardHero{gap:9px}.landingProof{gap:6px}.landingProof span{min-height:28px;padding:5px 8px;font-size:11px}.landingCardPanel{gap:10px;padding:12px}.landingCardMetric{min-height:82px;padding:14px}.landingCardMetric strong{font-size:26px}.landingCardGrid{gap:8px}.landingCardGrid article{gap:5px;min-height:82px;padding:10px}.landingCardGrid article strong{font-size:14px}.landingCardGrid article span{font-size:11px}.landingCardBottom{grid-template-columns:1fr;gap:6px}.landingCardBottom div{min-height:42px;padding:8px 10px}.landingFooter--card{font-size:12px}}@media (width<=430px){.landingNav--card{grid-template-columns:minmax(0,1fr) auto!important;align-content:center!important;gap:8px!important;width:calc(100% - 24px)!important;height:64px!important;min-height:64px!important;padding:8px 0!important}.landingNav--card .brand{flex:auto;min-width:0}.landingNav--card .brand strong{font-size:13px}.landingNav--card .brand span{white-space:nowrap;font-size:10px}.landingNavTools{grid-area:1/2;margin-left:auto}.landingNavPanel{top:calc(100% + 6px)}.landingCard{align-content:center;justify-items:center;gap:8px;width:calc(100% - 24px);height:100%;min-height:0}.landingCardHero{text-align:center;justify-items:center;gap:7px;width:100%}.landingCardHero h1{white-space:normal;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;max-width:100%;font-size:clamp(22px,6.8vw,28px);line-height:1.12}.landingCardHero p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.landingCardHero .landingProof{display:none}.landingCardMenu{scrollbar-width:none;flex-wrap:wrap;justify-content:flex-start;gap:6px;width:100%;overflow:visible}.landingNav--card .localeControl{min-height:30px;padding:3px 6px}.landingNav--card .localeControl select{min-height:24px;font-size:11px}.landingCardMenu::-webkit-scrollbar{display:none}.landingCardMenu button{flex:calc(33.333% - 6px);min-height:28px;padding:5px 7px;font-size:11px}.landingActions{gap:8px}.landingButton{min-height:36px;padding:8px 10px;font-size:12px}.landingCardPanel{gap:7px;width:100%;padding:10px}.landingCardMetric{gap:5px;min-height:64px;padding:10px}.landingCardMetric strong{font-size:22px}.landingCardMetric small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.landingCardGrid{gap:6px}.landingCardGrid article{gap:3px;min-height:58px;padding:8px}.landingCardGrid article svg{display:none}.landingCardGrid article strong{font-size:12px}.landingCardGrid article span{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.2;display:-webkit-box;overflow:hidden}.landingCardBottom{display:none}.landingFooter--card{width:calc(100% - 24px)!important;padding-bottom:10px!important}}@media (height<=760px){.landingCardBottom{display:none}.landingCardGrid article{min-height:76px}.landingCardMetric{min-height:94px}}.cashierShell>.cashierOfflineJournal{box-sizing:border-box!important;width:auto!important;margin-left:20px!important;margin-right:20px!important}.cashierShell>.cashierBody{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding-left:20px!important;padding-right:20px!important}.cashierBody>.cashierGrid--reference,.cashierBody>.cashierRecentReceipts{box-sizing:border-box!important;justify-self:stretch!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}@media (width<=760px){.cashierShell>.cashierOfflineJournal{margin-left:14px!important;margin-right:14px!important}.cashierShell>.cashierBody{padding-left:14px!important;padding-right:14px!important}}.payBox--modern{grid-template-rows:auto auto auto 152px auto!important;align-content:start!important;display:grid!important}.payBox--modern .cashTenderBox--modern,.payBox--modern .bankTenderBox,.payBox--modern .mixedTenderBox{box-sizing:border-box!important;height:152px!important;min-height:152px!important;max-height:152px!important;overflow:hidden!important}.payBox--modern .bankTenderBox{align-content:center!important;padding:0 10px!important;display:grid!important}.payBox--modern .mixedTenderBox{align-content:start!important;gap:7px!important}.payBox--modern .mixedTenderBox label{gap:4px!important}.payMethods{padding-top:10px!important}@media (width<=760px){.payBox--modern{grid-template-rows:auto auto auto 164px auto!important}.payBox--modern .cashTenderBox--modern,.payBox--modern .bankTenderBox,.payBox--modern .mixedTenderBox{height:164px!important;min-height:164px!important;max-height:164px!important}}.payBox--modern{grid-template-rows:auto auto auto 118px auto!important;overflow:hidden!important}.payBox--modern .cashTenderBox--modern,.payBox--modern .bankTenderBox,.payBox--modern .mixedTenderBox{height:118px!important;min-height:118px!important;max-height:118px!important}.cashTenderBox--modern label>span:first-child,.payBox--modern .mixedTenderBox label>span:first-child{margin-bottom:4px!important}.cashTenderBox--modern>div{height:34px!important}.payBox--modern .mixedTenderBox{gap:4px!important}.payBox--modern .mixedTenderBox input{height:32px!important;min-height:32px!important}.payBox--modern .mixedTenderBox small{min-height:14px!important;line-height:14px!important}.payMethods{gap:8px!important;padding-top:8px!important}.payMethods .payButton{height:44px!important;min-height:44px!important}.payMethods .payButton--muted{height:40px!important;min-height:40px!important}@media (width<=760px){.payBox--modern{grid-template-rows:auto auto auto 126px auto!important}.payBox--modern .cashTenderBox--modern,.payBox--modern .bankTenderBox,.payBox--modern .mixedTenderBox{height:126px!important;min-height:126px!important;max-height:126px!important}}.cashierHeaderSync{color:#334155;background:#fff;border:1px solid #dbe5f1;border-radius:11px;align-items:center;min-height:38px;display:inline-flex;overflow:hidden}.cashierHeaderSync__summary,.cashierHeaderSync__icon{min-height:38px;color:inherit;cursor:pointer;background:0 0;border:0;font-weight:950}.cashierHeaderSync__summary{align-items:center;gap:7px;max-width:150px;padding:0 10px;font-size:12px;display:inline-flex}.cashierHeaderSync__summary span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cashierHeaderSync__icon{border-left:1px solid #e6edf6;justify-content:center;align-items:center;width:38px;display:inline-flex}.cashierHeaderSync__icon:disabled{color:#cbd5e1;cursor:not-allowed}.cashierHeaderSync--success{color:#15803d;background:#f6fef9;border-color:#22c55e47}.cashierHeaderSync--error{color:#dc2626;background:#fff7f7;border-color:#ef444447}.cashierHeaderSync--syncing{color:#f97316;background:#fff8ed;border-color:#f9731652}.cashierShell>.cashierBody{grid-row:2!important}@media (width<=1180px){.cashierShell{grid-template-rows:auto minmax(0,1fr)!important}}@media (width<=760px){.cashierShell{grid-template-rows:136px minmax(0,1fr)!important}.cashierHeaderSync,.cashierHeaderSync__summary,.cashierHeaderSync__icon{min-height:34px}.cashierHeaderSync__summary{max-width:120px;padding:0 8px}.cashierHeaderSync__icon{width:34px}}:root[data-mode=dark] .cashierHeaderSync{color:#f8fafc;background:#0f172ab8;border-color:#94a3b847}:root[data-mode=dark] .cashierHeaderSync__icon{border-left-color:#94a3b838}:root[data-mode=dark] .cashierHeaderSync--success{color:#86efac;border-color:#22c55e52}:root[data-mode=dark] .cashierHeaderSync--error{color:#fca5a5;border-color:#f8717157}:root[data-mode=dark] .cashierHeaderSync--syncing{color:#fdba74;border-color:#fb923c57}.cashierSyncJournalButton,.cashierSyncRetryButton{color:#fff;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#ff3b30,#ff8a00);border:1px solid #dbe5f1;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 11px;font-size:12px;font-weight:950;display:inline-flex}.cashierSyncJournalButton{background:linear-gradient(135deg,#ff3b30,#ff8a00)}.cashierSyncJournalButton b{color:#fff;background:#ff3b30;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:11px;line-height:1;display:inline-flex}.cashierSyncJournalButton--success{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#22c55e47}.cashierSyncJournalButton--error{color:#fff;background:linear-gradient(135deg,#ef4444,#ff3b30);border-color:#ef444447}.cashierSyncJournalButton--syncing{color:#fff;background:linear-gradient(135deg,#f97316,#ff8a00);border-color:#f9731652}.cashierSyncRetryButton{color:#fff}.cashierSyncRetryButton:disabled{color:#cbd5e1;cursor:not-allowed;background:#eef2f7}@media (width<=1500px){.cashierSyncJournalButton span,.cashierSyncRetryButton span{text-overflow:ellipsis;max-width:86px;overflow:hidden}}@media (width<=1280px){.cashierSyncRetryButton span{display:none}.cashierSyncJournalButton span{max-width:72px}}@media (width<=760px){.cashierSyncJournalButton,.cashierSyncRetryButton{min-height:34px;padding:0 8px;font-size:11px}}:root[data-mode=dark] .cashierSyncJournalButton,:root[data-mode=dark] .cashierSyncRetryButton{color:#f8fafc;background:linear-gradient(135deg,#ff3b30,#ff8a00);border-color:#ffffff29}:root[data-mode=dark] .cashierSyncJournalButton--success{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#22c55e52}:root[data-mode=dark] .cashierSyncJournalButton--error{color:#fff;background:linear-gradient(135deg,#ef4444,#ff3b30);border-color:#f8717157}:root[data-mode=dark] .cashierSyncJournalButton--syncing{color:#fff;background:linear-gradient(135deg,#f97316,#ff8a00);border-color:#fb923c57}:root[data-mode=dark] .cashierSyncRetryButton:disabled{color:#e2e8f06b;background:#94a3b824}.cashierTopbar--pos{grid-template-columns:minmax(220px,1fr) minmax(180px,auto) minmax(520px,auto)!important;gap:16px!important;height:124px!important;min-height:124px!important;padding-top:10px!important;padding-bottom:10px!important;overflow:hidden!important}.cashierShell{grid-template-rows:124px minmax(0,1fr)!important}.cashierBody{grid-template-rows:minmax(0,1fr) 144px!important}.cashierTopActions--pos{gap:10px!important;min-width:0!important}.cashierSyncJournalButton{min-width:174px!important}.cashierSyncJournalButton span{text-overflow:clip!important;white-space:nowrap!important;max-width:none!important;display:inline!important;overflow:visible!important}.cashierSyncRetryButton{min-width:162px!important}.paymentTabs--modern{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}.paymentTabs--modern button{white-space:normal!important;gap:3px!important;min-width:0!important;height:34px!important;min-height:34px!important;padding-left:4px!important;padding-right:4px!important;font-size:10.5px!important;line-height:1.1!important;overflow:hidden!important}.paymentTabs--modern button svg{flex:none!important;width:11px!important;height:11px!important}.cashierReceiptCard strong{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;display:block!important;overflow:hidden!important}.cashierRecentReceipts{padding:12px!important;overflow:hidden!important}.cashierReceiptCards{gap:8px!important;margin-top:8px!important;padding-bottom:0!important}.pickerList--compact>button.cashierProductCard .cashierProductInfo strong{font-size:11px!important;line-height:1.1!important}@media (width<=1180px){.cashierTopbar--pos{grid-template-columns:minmax(180px,1fr) minmax(160px,auto) minmax(420px,auto)!important}.cashierSyncJournalButton,.cashierSyncRetryButton{min-width:48px!important}.cashierSyncJournalButton span,.cashierSyncRetryButton span{display:none!important}}