*{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 article.featured span,.landingPricingGrid article.featured strong,.landingPricingGrid article.featured p{color:#fff}.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}.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:center;background:linear-gradient(135deg,#111827 0%,#ff3b30 56%,#ff9800 100%);border-radius:12px;justify-items:center;gap:14px;width:min(1180px,100% - 40px);margin:0 auto 52px;padding:44px 24px;display:grid;box-shadow:0 18px 42px #0f172a29}.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}.landingFinal .landingButton{color:#111827;box-shadow:none;background:#fff}.landingFinalActions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.landingFinalActions .landingButton--ghost{color:#fff;background:#ffffff24;border-color:#ffffff57}.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}.cashierShell{background:#f3f4f6;min-height:100vh}.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}.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}.payMethods{gap:10px;display:grid}.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{grid-template-columns:repeat(2,minmax(0,1fr))}.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{grid-template-columns:1fr}.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,.topActions .themeControl,.logoutButton{width:100%}.cashierTopActions .themeControl,.topActions .themeControl{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}.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] .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__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__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] .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}.retail-ext{color:#111827;gap:18px;min-width:0;display:grid}.retail-ext *{box-sizing:border-box}.retail-ext__panel{background:#fff;border:1px solid #eef1f5;border-radius:14px;min-width:0;max-width:100%;overflow:hidden;box-shadow:0 8px 24px #0f172a14}.retail-ext__header{border-bottom:1px solid #f1f3f7;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;padding:18px 20px;display:flex}.retail-ext__header>div:first-child{flex:260px;min-width:min(100%,260px)}.retail-ext__title{margin:0;font-size:18px;font-weight:800;line-height:1.2}.retail-ext__subtitle{color:#6b7280;margin:6px 0 0;font-size:13px}.retail-ext__body{min-width:0;padding:18px 20px 20px}.retail-ext__form{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:10px;margin-bottom:18px;display:grid}.retail-ext__field{gap:6px;display:grid}.retail-ext__label{color:#4b5563;font-size:12px;font-weight:700}.retail-ext__input,.retail-ext__select,.retail-ext__textarea{color:#111827;width:100%;font:inherit;background:#fff;border:1px solid #dfe4ec;border-radius:10px;outline:none;transition:border-color .16s,box-shadow .16s}.retail-ext__input,.retail-ext__select{height:40px;padding:0 12px}.retail-ext__textarea{resize:vertical;min-height:88px;padding:10px 12px}.retail-ext__input:focus,.retail-ext__select:focus,.retail-ext__textarea:focus{border-color:#ff4d36;box-shadow:0 0 0 3px #ff4d3624}.retail-ext__button{color:#fff;text-align:center;cursor:pointer;background:linear-gradient(135deg,#ff3d35 0%,#ff9d0a 100%);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;max-width:100%;height:40px;padding:0 16px;font-weight:800;line-height:1.15;display:inline-flex;box-shadow:0 10px 18px #ff4d362e}.retail-ext__button:disabled{cursor:not-allowed;opacity:.55}.retail-ext__button--secondary{color:#1f2937;box-shadow:none;background:#f3f6fb}.retail-ext__button--danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 12px 24px #dc26262e}.retail-ext__confirm{gap:16px;display:grid}.retail-ext__confirm p{color:#374151;margin:0;font-size:14px;line-height:1.55}.retail-ext__confirm strong{color:#111827}.retail-ext__table-wrap{overscroll-behavior-x:contain;scrollbar-width:thin;min-width:0;max-width:100%;overflow-x:auto}.retail-ext__table{border-collapse:collapse;width:100%;min-width:640px}.retail-ext__table th,.retail-ext__table td{text-align:left;white-space:nowrap;border-bottom:1px solid #f1f3f7;padding:12px 10px;font-size:13px}.retail-ext__table th{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:800}.retail-ext__money{font-weight:800}.retail-ext__money--danger,.retail-ext__diff--negative{color:#dc2626}.retail-ext__money--success,.retail-ext__diff--positive{color:#16a34a}.retail-ext__empty{color:#6b7280;text-align:center;border:1px dashed #dfe4ec;border-radius:12px;padding:18px}.retail-ext__inventory-grid{gap:10px;display:grid}.retail-ext__inventory-row{background:#fbfcfe;border:1px solid #eef1f5;border-radius:12px;grid-template-columns:minmax(160px,1fr) 120px 140px 120px;align-items:center;gap:10px;padding:12px;display:grid}.retail-ext__product-name{font-weight:800}.retail-ext__meta{color:#6b7280;font-size:12px}.retail-ext__summary{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.retail-ext__label-preview{border:1px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 44%), color-mix(in srgb, var(--soft-bg) 92%, #fff);border-radius:12px;place-items:center;width:100%;min-width:0;min-height:320px;padding:18px;display:grid}.retail-ext__label-workspace{grid-template-columns:minmax(260px,1fr) minmax(240px,320px);align-items:start;gap:12px;min-width:0;padding:12px;display:grid}.retail-ext__label-settings{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg) 96%, #fff);min-width:0;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 4%, transparent);border-radius:12px;gap:14px;padding:16px;display:grid}.retail-ext__label-preview-frame{border:1px dashed color-mix(in srgb, var(--accent) 45%, var(--border));background:linear-gradient(90deg, color-mix(in srgb, var(--border) 45%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--border) 45%, transparent) 1px, transparent 1px), color-mix(in srgb, var(--panel-bg) 85%, #fff);background-size:18px 18px;border-radius:16px;place-items:center;width:min(100%,360px);padding:18px;display:grid}.retail-ext__barcode-label{color:#111827;text-align:center;background:#fff;border:0;border-radius:0;flex-direction:column;justify-content:space-between;gap:5px;width:min(100%,330px);max-height:none;padding:10px 12px;display:flex;overflow:hidden;box-shadow:0 18px 34px #0f172a29}.retail-ext__barcode-name{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,1.5vw,17px);font-weight:900;line-height:1.08;overflow:hidden}.retail-ext__label-store{text-transform:uppercase;color:#374151;font-size:10px;font-weight:900;line-height:1}.retail-ext__label-variant{color:#4b5563;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.1;overflow:hidden}.retail-ext__barcode-bars{justify-content:center;align-items:stretch;gap:0;width:min(96%,318px);min-width:0;height:clamp(54px,9vw,72px);margin:3px auto 2px;display:flex}.retail-ext__barcode-bar,.retail-ext__barcode-space{flex:1 1 0;min-width:1px}.retail-ext__barcode-bar{background:#111827}.retail-ext__barcode-space{background:0 0}.retail-ext__barcode-bar[data-guard=true]{height:112%}.retail-ext__barcode-code{letter-spacing:0;word-spacing:8px;width:min(96%,318px);margin:0 auto;font-family:Arial,sans-serif;font-size:21px;font-weight:500;line-height:1}.retail-ext__barcode-price{margin-top:8px;font-size:22px;font-weight:900}.retail-ext__label-row{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;font-size:10px;line-height:1.05;display:flex}.retail-ext__label-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.retail-ext__label-row strong{white-space:nowrap;font-size:clamp(14px,1.8vw,20px);font-weight:900}.retail-ext__label-attrs{color:#4b5563;flex-wrap:wrap;justify-content:center;gap:4px;font-size:9px;line-height:1;display:flex}.retail-ext__label-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.retail-ext__label-toggle-grid label{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg) 94%, #fff);min-height:40px;color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:9px 11px;font-size:13px;font-weight:800;display:flex}.retail-ext__label-toggle-grid input{accent-color:var(--accent)}.retail-ext__label-details{color:var(--muted);gap:4px;font-size:13px;display:grid}.retail-ext__label-details strong{color:var(--text)}.retail-ext__label-size-grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px;display:grid}.retail-ext__label-product-card{background:color-mix(in srgb, var(--accent) 6%, var(--panel-bg));border-radius:10px}@media (width<=860px){.retail-ext__header{align-items:stretch}.retail-ext__header-metrics,.retail-ext__header .retail-ext__button{justify-content:center;width:100%}.retail-ext__label-workspace{grid-template-columns:1fr}.retail-ext__label-preview{min-height:300px}.retail-ext__label-size-grid{grid-template-columns:1fr}}@media (width<=1180px){.retail-ext__label-workspace,.retail-ext__label-settings{grid-template-columns:1fr}}:root[data-mode=dark] .retail-ext__label-preview,:root[data-mode=dark] .retail-ext__label-settings,:root[data-mode=dark] .retail-ext__label-toggle-grid label,:root[data-mode=dark] .retail-ext__label-product-card{border-color:var(--border)}:root[data-mode=dark] .retail-ext__label-preview-frame{background:linear-gradient(90deg, color-mix(in srgb, var(--border) 60%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--border) 60%, transparent) 1px, transparent 1px), color-mix(in srgb, var(--panel-bg) 88%, #0b1018)}:root[data-mode=dark] .retail-ext__barcode-label,:root[data-mode=dark] .retail-ext__barcode-label :is(div,span,strong){color:#111827}.retail-ext__promotion-card{grid-template-columns:1fr 140px 160px auto;align-items:end;gap:10px;display:grid}.retail-ext__stack{gap:18px;display:grid}.retail-ext__header-metrics,.retail-ext__period-tabs,.retail-ext__device-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.retail-ext__header-metrics span{color:#4b5563;white-space:nowrap;background:#fafbfc;border:1px solid #edf0f3;border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:7px 10px;font-size:12px;font-weight:750;display:inline-flex}.retail-ext__promotion-form{grid-template-columns:minmax(180px,1.5fr) 110px 150px 150px 150px auto;align-items:end;gap:10px;display:grid}.retail-ext__field--wide{grid-column:span 2}.retail-ext__form--two{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}.retail-ext__form--modal,.retail-ext__promotion-form--modal,.retail-ext__inventory-modal{min-height:0;margin:0}.retail-ext__form--modal{grid-template-columns:1fr}.retail-ext__promotion-form--modal{grid-template-columns:repeat(2,minmax(0,1fr))}.retail-ext__inventory-modal{gap:16px;display:grid}.retail-ext__intake-form{gap:16px;min-height:0;display:grid}.retail-ext__intake-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.retail-ext__intake-lines{gap:10px;display:grid}.retail-ext__intake-line{background:#fbfcfe;border:1px solid #eef1f5;border-radius:8px;grid-template-columns:minmax(220px,1fr) 110px 130px minmax(120px,auto) 42px;align-items:end;gap:10px;padding:12px;display:grid}.retail-ext__intake-line-total{align-self:center;gap:3px;display:grid}.retail-ext__intake-line-total span,.retail-ext__intake-total span{color:#6b7280;font-size:12px;font-weight:750}.retail-ext__intake-line-total strong,.retail-ext__intake-total strong{color:#111827;font-size:15px;font-weight:900}.retail-ext__summary--split{justify-content:space-between;align-items:center}.retail-ext__intake-total{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.retail-ext__settings-grid{gap:18px;display:grid}.retail-ext__category-list{flex-wrap:wrap;gap:10px;display:flex}.retail-ext__category-chip{color:#111827;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;align-items:center;min-height:34px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.retail-ext__section{background:#fbfcfe;border:1px solid #eef1f5;border-radius:8px;gap:12px;padding:14px;display:grid}.retail-ext__section-title{color:#111827;align-items:center;gap:8px;font-size:13px;font-weight:850;display:flex}.retail-ext__toggle{color:#374151;align-items:center;gap:10px;min-height:40px;font-size:13px;font-weight:800;display:inline-flex}.retail-ext__toggle input{accent-color:#ff4d36;width:18px;height:18px}.retail-ext__badge{color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.retail-ext__badge--active,.retail-ext__badge--online{color:#15803d;background:#f0fdf4;border-color:#dcfce7}.retail-ext__badge--planned,.retail-ext__badge--warning{color:#b45309;background:#fffbeb;border-color:#fde68a}.retail-ext__badge--paused,.retail-ext__badge--offline,.retail-ext__badge--expired{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.retail-ext__text-action{color:#111827;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:800}.retail-ext__text-action:disabled{cursor:default;opacity:1}.retail-ext__search{color:#6b7280;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.retail-ext__search input{color:#111827;width:100%;font:inherit;background:0 0;border:0;outline:0}.retail-ext__row-actions{align-items:center;gap:8px;display:inline-flex}.retail-ext__icon-button{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;place-items:center;width:38px;height:38px;display:inline-grid}.retail-ext__icon-button--danger{color:#dc2626;background:#fff7f7;border-color:#fecaca}.retail-ext__product-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.retail-ext__product-low-stock{background:#fbfcfe;border:1px solid #eef1f5;border-radius:8px;gap:12px;padding:14px;display:grid}.retail-ext__product-low-list,.retail-ext__product-main,.retail-ext__stock-timeline{gap:10px;display:grid}.retail-ext__product-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.retail-ext__product-low-item{color:#111827;text-align:left;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px;display:flex}.retail-ext__product-low-item span{gap:3px;min-width:0;display:grid}.retail-ext__product-low-item strong,.retail-ext__product-low-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.retail-ext__product-low-item small{color:#92400e}.retail-ext__product-low-item b{color:#b45309;font-size:18px}.retail-ext__product-table{min-width:780px}.retail-ext__product-table th:last-child,.retail-ext__product-table td:last-child{white-space:nowrap;width:116px}.retail-ext__stock-pill{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7;border-radius:999px;justify-content:center;min-width:42px;padding:5px 9px;font-weight:850;display:inline-flex}.retail-ext__stock-pill--low{color:#b45309;background:#fffbeb;border-color:#fde68a}.retail-ext__product-editor{background:#fbfcfe;border-top:1px solid #f1f3f7;gap:16px;padding:18px 20px 20px;display:grid}.retail-ext__product-editor--modal{background:0 0;border-top:0;min-height:0}.retail-ext__product-editor-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.retail-ext__product-editor-header h3{color:#111827;margin:0;font-size:16px}.retail-ext__product-editor-header p{color:#6b7280;margin:4px 0 0;font-size:12px}.retail-ext__product-editor-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;display:grid}.retail-ext__stock-toolbar{grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;display:grid}.retail-ext__stock-adjustment{grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);align-items:start;gap:16px;display:grid}.retail-ext__stock-adjustment-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;display:grid}.retail-ext__stock-current,.retail-ext__adjustment-preview{background:#fbfcfe;border:1px solid #eef1f5;border-radius:8px}.retail-ext__stock-current{align-items:center;gap:12px;min-height:68px;padding:12px;display:flex}.retail-ext__stock-current-icon{color:#16a34a;background:#f0fdf4;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.retail-ext__stock-current small,.retail-ext__adjustment-product small{color:#6b7280;font-size:12px;display:block}.retail-ext__stock-current strong{margin-top:2px;font-size:22px;line-height:1;display:block}.retail-ext__adjustment-tabs{justify-content:flex-start}.retail-ext__adjustment-preview{gap:14px;padding:14px;display:grid}.retail-ext__adjustment-product{border-bottom:1px solid #edf0f3;gap:4px;min-width:0;padding-bottom:12px;display:grid}.retail-ext__adjustment-product strong,.retail-ext__adjustment-product small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.retail-ext__adjustment-stats{gap:10px;margin:0;display:grid}.retail-ext__adjustment-stats div{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.retail-ext__adjustment-stats dt,.retail-ext__adjustment-stats dd{margin:0}.retail-ext__adjustment-stats dt{color:#6b7280;font-size:12px;font-weight:750}.retail-ext__adjustment-stats dd{font-size:20px;font-weight:900}.retail-ext__adjustment-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:800}.retail-ext__stock-event{color:#111827;text-align:left;background:#fff;border:1px solid #eef1f5;border-radius:8px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.retail-ext__stock-event:disabled{cursor:default}.retail-ext__stock-event-icon{color:#475569;background:#f1f5f9;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.retail-ext__stock-event--positive .retail-ext__stock-event-icon{color:#16a34a;background:#f0fdf4}.retail-ext__stock-event--negative .retail-ext__stock-event-icon{color:#dc2626;background:#fef2f2}.retail-ext__stock-event-main,.retail-ext__stock-event-meta{gap:4px;min-width:0;display:grid}.retail-ext__stock-event-main small,.retail-ext__stock-event-main em,.retail-ext__stock-event-meta small{color:#6b7280;font-size:12px}.retail-ext__stock-event-main em{font-style:normal}.retail-ext__stock-event-meta{text-align:right;justify-items:end}.retail-ext__stock-event-meta b{font-size:18px}.retail-ext__stock-event--positive .retail-ext__stock-event-meta b{color:#16a34a}.retail-ext__stock-event--negative .retail-ext__stock-event-meta b{color:#dc2626}.retail-ext__device-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.retail-ext__device-grid--simple{grid-template-columns:repeat(3,minmax(220px,1fr))}.retail-ext__device-card{background:#fbfcfe;border:1px solid #eef1f5;border-radius:8px;gap:14px;min-width:0;padding:16px;display:grid}.retail-ext__device-card--simple{grid-template-rows:auto 1fr auto;min-height:196px}.retail-ext__device-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.retail-ext__device-icon{color:#2563eb;background:#eff6ff;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.retail-ext__device-icon--online{color:#16a34a;background:#f0fdf4}.retail-ext__device-icon--offline{color:#64748b;background:#f1f5f9}.retail-ext__device-icon--warning{color:#f97316;background:#fff7ed}.retail-ext__device-name{margin:0 0 4px;font-size:15px}.retail-ext__device-purpose{color:#6b7280;text-transform:uppercase;letter-spacing:0;margin:0 0 6px;font-size:12px;font-weight:850}.retail-ext__device-actions--simple{justify-content:flex-start}.retail-ext__advanced{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:12px;padding:12px;display:grid}.retail-ext__advanced summary{cursor:pointer;color:#374151;font-size:13px;font-weight:850}.retail-ext__advanced[open] summary{margin-bottom:4px}.retail-ext__compact-list{gap:8px;margin-top:14px;display:grid}.retail-ext__compact-row{background:#fff;border:1px solid #eef1f5;border-radius:8px;grid-template-columns:140px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:9px 12px;display:grid}.retail-ext__compact-row span{color:#6b7280;font-size:12px;font-weight:800}.retail-ext__compact-row strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:850;overflow:hidden}.retail-ext__device-specs{gap:8px;margin:0;display:grid}.retail-ext__device-specs div{border-top:1px solid #edf0f3;justify-content:space-between;gap:12px;padding-top:8px;display:flex}.retail-ext__device-specs dt,.retail-ext__device-specs dd{margin:0;font-size:12px}.retail-ext__device-specs dt{color:#6b7280}.retail-ext__device-specs dd{color:#111827;text-align:right;font-weight:800}.retail-ext__period-tabs{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:4px}.retail-ext__period-tab{color:#4b5563;background:0 0;border:0;border-radius:6px;min-height:32px;padding:7px 10px;font-size:12px;font-weight:800}.retail-ext__period-tab--active{color:#fff;background:linear-gradient(135deg,#ff3d35 0%,#ff9d0a 100%)}.retail-ext__analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.retail-ext__metric-card{background:#fff;border:1px solid #eef1f5;border-radius:8px;min-height:128px;padding:16px;position:relative;overflow:hidden}.retail-ext__metric-card span,.retail-ext__metric-card p{color:#6b7280;font-size:12px}.retail-ext__metric-card strong{color:#111827;margin-top:10px;font-size:24px;line-height:1;display:block}.retail-ext__metric-card p{margin:10px 0 0;font-weight:750}.retail-ext__metric-icon{color:#475569;background:#f1f5f9;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:16px;right:16px}.retail-ext__metric-card--blue .retail-ext__metric-icon{color:#2563eb;background:#eff6ff}.retail-ext__metric-card--orange .retail-ext__metric-icon{color:#f97316;background:#fff7ed}.retail-ext__metric-card--green .retail-ext__metric-icon{color:#16a34a;background:#f0fdf4}.retail-ext__metric-card--red .retail-ext__metric-icon{color:#dc2626;background:#fef2f2}.retail-ext__metric-card--ink .retail-ext__metric-icon{color:#475569;background:#f1f5f9}.retail-ext__analytics-layout{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);align-items:stretch;gap:16px;display:grid}.retail-ext__mini-chart{background:#fbfcfe;border:1px solid #eef1f5;border-radius:8px;align-items:end;gap:10px;min-height:190px;padding:20px 14px 12px;display:flex}.retail-ext__mini-bar{text-align:center;flex:1;align-items:end;gap:8px;min-width:28px;display:grid}.retail-ext__mini-bar i{background:linear-gradient(#ff3d35 0%,#ff9d0a 100%);border-radius:8px 8px 2px 2px;width:100%;display:block}.retail-ext__mini-bar span{color:#6b7280;white-space:nowrap;font-size:11px;font-weight:750}.retail-ext__table th svg{vertical-align:-2px;margin-right:4px}.retail-ext__badge svg,.retail-ext__period-tab svg{vertical-align:-3px;margin-right:5px}.retail-ext__badge--shift-open,.retail-ext__badge--permission-allowed,.retail-ext__badge--return-eligible,.retail-ext__badge--saas-ok,.retail-ext__badge--hardware-ready{color:#15803d;background:#f0fdf4;border-color:#dcfce7}.retail-ext__badge--shift-opening,.retail-ext__badge--shift-closing,.retail-ext__badge--shift-paused,.retail-ext__badge--permission-manager,.retail-ext__badge--return-manager,.retail-ext__badge--saas-warning,.retail-ext__badge--hardware-warning,.retail-ext__badge--hardware-testing{color:#b45309;background:#fffbeb;border-color:#fde68a}.retail-ext__badge--shift-closed,.retail-ext__badge--permission-blocked,.retail-ext__badge--return-blocked,.retail-ext__badge--saas-blocked,.retail-ext__badge--hardware-offline{color:#dc2626;background:#fef2f2;border-color:#fecaca}.retail-ext__shift-grid,.retail-ext__export-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;display:grid}.retail-ext__status-tile{background:#fbfcfe;border:1px solid #eef1f5;border-radius:8px;gap:7px;min-width:0;min-height:118px;padding:14px;display:grid}.retail-ext__status-tile svg{color:#ff4d36}.retail-ext__status-tile span,.retail-ext__status-tile small,.retail-ext__permission-item p,.retail-ext__saas-hero p{color:#6b7280;font-size:12px}.retail-ext__status-tile strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.1;overflow:hidden}.retail-ext__status-tile--compact{min-height:72px}.retail-ext__notice{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:11px 12px;font-size:13px;font-weight:750;display:flex}.retail-ext__notice--warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.retail-ext__notice--success,.retail-ext__badge--readiness-success{color:#15803d;background:#f0fdf4;border-color:#dcfce7}.retail-ext__badge--readiness-warning{color:#b45309;background:#fffbeb;border-color:#fde68a}.retail-ext__badge--readiness-danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.retail-ext__action-row,.retail-ext__export-actions,.retail-ext__saas-actions,.retail-ext__agent-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.retail-ext__permission-list,.retail-ext__hardware-grid{gap:10px;display:grid}.retail-ext__permission-item{background:#fff;border:1px solid #eef1f5;border-radius:8px;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.retail-ext__permission-item strong,.retail-ext__saas-hero strong,.retail-ext__hardware-item strong{color:#111827;display:block}.retail-ext__permission-item p{margin:3px 0 0}.retail-ext__permission-icon,.retail-ext__hardware-icon{color:#475569;background:#f1f5f9;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.retail-ext__permission-item--allowed .retail-ext__permission-icon,.retail-ext__hardware-item--ready .retail-ext__hardware-icon{color:#16a34a;background:#f0fdf4}.retail-ext__permission-item--manager .retail-ext__permission-icon,.retail-ext__hardware-item--warning .retail-ext__hardware-icon,.retail-ext__hardware-item--testing .retail-ext__hardware-icon{color:#f97316;background:#fff7ed}.retail-ext__permission-item--blocked .retail-ext__permission-icon,.retail-ext__hardware-item--offline .retail-ext__hardware-icon{color:#dc2626;background:#fef2f2}.retail-ext__return-toolbar{grid-template-columns:minmax(240px,1fr) 220px;align-items:end;gap:12px;display:grid}.retail-ext__return-table{min-width:760px}.retail-ext__period-tabs--left{justify-content:flex-start}.retail-ext__export-grid{grid-template-columns:150px 150px minmax(240px,1fr) auto auto auto}.retail-ext__saas-hero{background:#fbfcfe;border:1px solid #eef1f5;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.retail-ext__saas-hero span{color:#6b7280;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.retail-ext__saas-hero strong{margin-top:6px;font-size:22px}.retail-ext__readiness-hero{background:#fbfcfe;border:1px solid #eef1f5;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.retail-ext__readiness-hero strong{color:#111827;margin-top:8px;font-size:20px;line-height:1.15;display:block}.retail-ext__readiness-hero p{color:#6b7280;margin:4px 0 0;font-size:12px;font-weight:750}.retail-ext__readiness-hero>svg{color:#ff4d36;flex:none}.retail-ext__readiness-grid,.retail-ext__mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.retail-ext__mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.retail-ext__readiness-grid div,.retail-ext__mode-card{background:#fff;border:1px solid #eef1f5;border-radius:8px;gap:6px;min-width:0;padding:13px;display:grid}.retail-ext__readiness-grid dt,.retail-ext__readiness-grid dd{margin:0}.retail-ext__readiness-grid dt,.retail-ext__mode-card span,.retail-ext__runbook-item small{color:#6b7280;font-size:12px;font-weight:700}.retail-ext__readiness-grid dd,.retail-ext__mode-card strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850;overflow:hidden}.retail-ext__mode-card{min-height:104px}.retail-ext__mode-card svg{color:#64748b}.retail-ext__mode-card--active{background:#fff7ed;border-color:#ffd2bd}.retail-ext__mode-card--active svg{color:#ff4d36}.retail-ext__agent-hero{background:#fbfcfe;border:1px solid #eef1f5;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);align-items:stretch;gap:14px;padding:16px;display:grid}.retail-ext__agent-hero span{color:#6b7280;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.retail-ext__agent-hero strong{color:#111827;margin-top:8px;font-size:22px;line-height:1.1;display:block}.retail-ext__agent-hero p{color:#6b7280;margin:5px 0 0;font-size:12px;font-weight:750}.retail-ext__agent-health{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.retail-ext__agent-health div{background:#fff;border:1px solid #edf0f3;border-radius:8px;align-content:center;gap:5px;min-width:0;padding:10px;display:grid}.retail-ext__agent-health dt,.retail-ext__agent-health dd{margin:0}.retail-ext__agent-health dt{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:800}.retail-ext__agent-health dd{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850;overflow:hidden}.retail-ext__agent-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.retail-ext__agent-actions .retail-ext__button{width:100%}.retail-ext__job-result{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:12px;display:grid}.retail-ext__job-result>span{color:#475569;background:#f1f5f9;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.retail-ext__job-result strong,.retail-ext__job-result p,.retail-ext__job-result small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.retail-ext__job-result strong{color:#111827;font-size:13px;display:block}.retail-ext__job-result p,.retail-ext__job-result small{color:#6b7280;margin:3px 0 0;font-size:12px;font-weight:750}.retail-ext__job-result small{text-align:right;margin:0}.retail-ext__job-result--success{background:#f0fdf4;border-color:#dcfce7}.retail-ext__job-result--success>span{color:#16a34a;background:#dcfce7}.retail-ext__job-result--failed{background:#fef2f2;border-color:#fecaca}.retail-ext__job-result--failed>span{color:#dc2626;background:#fee2e2}.retail-ext__job-result--queued,.retail-ext__job-result--running{background:#fffbeb;border-color:#fde68a}.retail-ext__job-result--queued>span,.retail-ext__job-result--running>span{color:#f97316;background:#fff7ed}.retail-ext__runbook-list{gap:10px;display:grid}.retail-ext__runbook-item{color:#111827;text-align:left;background:#fff;border:1px solid #eef1f5;border-radius:8px;grid-template-columns:34px minmax(0,.8fr) minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.retail-ext__runbook-item:disabled{cursor:default;opacity:1}.retail-ext__runbook-item span{color:#64748b;background:#f1f5f9;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.retail-ext__runbook-item strong,.retail-ext__runbook-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.retail-ext__runbook-item em{color:#4b5563;text-align:center;background:#f9fafb;border-radius:999px;justify-self:end;min-width:86px;padding:5px 9px;font-size:12px;font-style:normal;font-weight:800}.retail-ext__runbook-item--done span,.retail-ext__runbook-item--done em{color:#15803d;background:#f0fdf4}.retail-ext__runbook-item--pending span,.retail-ext__runbook-item--pending em{color:#b45309;background:#fffbeb}.retail-ext__runbook-item--blocked span,.retail-ext__runbook-item--blocked em{color:#dc2626;background:#fef2f2}.retail-ext__analytics-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.retail-ext__hardware-item{color:#111827;text-align:left;background:#fff;border:1px solid #eef1f5;border-radius:8px;grid-template-columns:40px minmax(0,1fr) auto 120px;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.retail-ext__hardware-item:disabled{cursor:default;opacity:1}.retail-ext__hardware-item small{color:#6b7280;font-size:12px}.retail-ext__agent-actions{justify-content:flex-start}.retail-ext__agent-job{background:#f0fdf4;border:1px solid #dcfce7;border-radius:8px;gap:5px;padding:13px;display:grid}.retail-ext__agent-job span{color:#15803d;align-items:center;gap:7px;font-size:12px;font-weight:850;display:inline-flex}.retail-ext__agent-job strong{color:#111827;font-size:14px}.retail-ext__agent-job small{color:#6b7280;word-break:break-all;font-size:12px}@media (width<=860px){.retail-ext__header{flex-direction:column}.retail-ext__form,.retail-ext__promotion-card,.retail-ext__promotion-form,.retail-ext__form--two,.retail-ext__inventory-row{grid-template-columns:1fr}.retail-ext__field--wide{grid-column:auto}.retail-ext__device-grid,.retail-ext__agent-hero,.retail-ext__agent-health,.retail-ext__agent-actions,.retail-ext__job-result,.retail-ext__analytics-grid,.retail-ext__analytics-grid--compact,.retail-ext__analytics-layout,.retail-ext__shift-grid,.retail-ext__export-grid,.retail-ext__return-toolbar,.retail-ext__product-layout,.retail-ext__product-editor-grid,.retail-ext__stock-adjustment,.retail-ext__stock-adjustment-form,.retail-ext__intake-grid,.retail-ext__intake-line,.retail-ext__stock-toolbar,.retail-ext__stock-event,.retail-ext__permission-item,.retail-ext__hardware-item,.retail-ext__readiness-grid,.retail-ext__mode-grid,.retail-ext__runbook-item{grid-template-columns:1fr}.retail-ext__saas-hero,.retail-ext__action-row,.retail-ext__export-actions,.retail-ext__saas-actions,.retail-ext__agent-actions{flex-direction:column;align-items:stretch}.retail-ext__export-actions .retail-ext__button,.retail-ext__saas-actions .retail-ext__button,.retail-ext__agent-actions .retail-ext__button{width:100%}.retail-ext__summary{justify-content:stretch}.retail-ext__summary--split,.retail-ext__intake-total{flex-direction:column;align-items:stretch}.retail-ext__summary .retail-ext__button{width:100%}.retail-ext__stock-event-meta{text-align:left;justify-items:start}}@media (width<=520px){.retail-ext__panel{border-radius:10px}.retail-ext__header,.retail-ext__body{padding:14px}.retail-ext__header{gap:12px}.retail-ext__header-metrics,.retail-ext__period-tabs,.retail-ext__device-actions,.retail-ext__actions,.retail-ext__product-toolbar,.retail-ext__summary,.retail-ext__stock-toolbar,.retail-ext__return-toolbar,.retail-ext__export-actions,.retail-ext__saas-actions,.retail-ext__agent-actions{flex-direction:column;align-items:stretch;width:100%}.retail-ext__button,.retail-ext__period-tab,.retail-ext__text-action{justify-content:center;width:100%;min-height:44px}.retail-ext__icon-button{width:42px;height:42px;min-height:42px}.retail-ext__header h2,.retail-ext__panel h3,.retail-ext__device-name,.retail-ext__table td,.retail-ext__table th{overflow-wrap:anywhere;white-space:normal}.retail-ext__table-wrap{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px;overflow-x:auto}.retail-ext__table{min-width:620px}.retail-ext__mode-card,.retail-ext__device-card,.retail-ext__metric-card,.retail-ext__promotion-card,.retail-ext__runbook-item,.retail-ext__permission-item,.retail-ext__hardware-item{border-radius:10px}.retail-ext__device-top,.retail-ext__action-row,.retail-ext__inventory-row{align-items:stretch}}: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__inventory-row,:root[data-mode=dark] .retail-ext__intake-line,: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__advanced,:root[data-mode=dark] .retail-ext__compact-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__readiness-grid>div,: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{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__intake-line-total strong,:root[data-mode=dark] .retail-ext__intake-total strong,: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,:root[data-mode=dark] .retail-ext__device-purpose,:root[data-mode=dark] .retail-ext__advanced summary,:root[data-mode=dark] .retail-ext__compact-row span,:root[data-mode=dark] .retail-ext__compact-row 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__intake-line-total span,:root[data-mode=dark] .retail-ext__intake-total span,: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: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__button *,:root[data-mode=dark] .retail-ext__icon-button,:root[data-mode=dark] .retail-ext__icon-button *,:root[data-mode=dark] .retail-ext__text-action,:root[data-mode=dark] .retail-ext__text-action *,:root[data-mode=dark] .retail-ext__period-tab--active,:root[data-mode=dark] .retail-ext__mode-card--active{color:#fff}: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{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__confirm p{color:#cbd5e1}:root[data-mode=dark] .retail-ext__confirm strong{color:#fff}: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{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%)}:root[data-mode=dark] .retail-ext__badge,: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] button,:root[data-mode=dark] button span,:root[data-mode=dark] button svg{color:#fff}: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:not([data-mode=dark]) .retail-ext__input:focus,:root:not([data-mode=dark]) .retail-ext__select:focus,:root:not([data-mode=dark]) .retail-ext__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}:root:not([data-mode=dark]) .retail-ext__button,:root:not([data-mode=dark]) .retail-ext__period-tab--active,:root:not([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) 22%, transparent);border-color:#0000}:root:not([data-mode=dark]) .retail-ext__button--secondary,:root:not([data-mode=dark]) .retail-ext__period-tab,:root:not([data-mode=dark]) .retail-ext__runbook-item em{color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, var(--panel-bg));border-color:color-mix(in srgb, var(--accent) 24%, var(--border));box-shadow:none}:root:not([data-mode=dark]) .retail-ext__mini-bar i,:root:not([data-mode=dark]) .retail-ext__metric-icon,:root:not([data-mode=dark]) .retail-ext__permission-icon,:root:not([data-mode=dark]) .retail-ext__hardware-icon,:root:not([data-mode=dark]) .retail-ext__job-result>span,:root:not([data-mode=dark]) .retail-ext__runbook-item span{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%)}:root:not([data-mode=dark]) .retail-ext__status-tile svg,:root:not([data-mode=dark]) .retail-ext__readiness-hero>svg,:root:not([data-mode=dark]) .retail-ext__mode-card--active svg,:root:not([data-mode=dark]) .retail-ext__table th svg,:root:not([data-mode=dark]) .retail-ext__badge svg,:root:not([data-mode=dark]) .retail-ext__period-tab svg{color:currentColor}:root:not([data-mode=dark]) .retail-ext__mode-card--active svg,:root:not([data-mode=dark]) .retail-ext__status-tile svg,:root:not([data-mode=dark]) .retail-ext__readiness-hero>svg{color:var(--accent)}: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__form,: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__inventory-row,:root[data-mode=dark] .retail-ext__intake-line,: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__advanced,:root[data-mode=dark] .retail-ext__compact-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,:root[data-mode=dark] .retail-ext__label-preview,:root[data-mode=dark] .retail-ext__label-settings,:root[data-mode=dark] .retail-ext__label-toggle-grid label,:root[data-mode=dark] .retail-ext__label-product-card,:root[data-mode=dark] .retail-ext__period-tabs,:root[data-mode=dark] .retail-ext__search,:root[data-mode=dark] .retail-ext__product-toolbar,:root[data-mode=dark] .retail-ext__stock-toolbar,:root[data-mode=dark] .retail-ext__return-toolbar,:root[data-mode=dark] .retail-ext__export-actions,:root[data-mode=dark] .retail-ext__saas-actions,:root[data-mode=dark] .retail-ext__agent-actions,:root[data-mode=dark] .retail-ext__section,:root[data-mode=dark] .retail-ext__stock-event,:root[data-mode=dark] .retail-ext__category-chip{color:var(--text);background:var(--panel-bg);border-color:var(--border)}:root[data-mode=dark] .retail-ext__header-metrics span,:root[data-mode=dark] .retail-ext__stock-pill{color:#fff;background:color-mix(in srgb, var(--accent) 18%, var(--soft-bg));border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}:root[data-mode=dark] .retail-ext__stock-pill--low{color:#fff;background:color-mix(in srgb, #f59e0b 24%, var(--soft-bg));border-color:color-mix(in srgb, #f59e0b 42%, var(--border))}:root[data-mode=dark] .retail-ext__stock-event:disabled{color:var(--text);opacity:1}:root[data-mode=dark] .retail-ext__stock-event:disabled *{color:inherit!important}:root[data-mode=dark] .retail-ext__stock-event-main small,:root[data-mode=dark] .retail-ext__stock-event-main em,:root[data-mode=dark] .retail-ext__stock-event-meta small{color:var(--muted)!important}:root[data-mode=dark] .retail-ext__stock-event--positive .retail-ext__stock-event-meta b{color:#86efac!important}:root[data-mode=dark] .retail-ext__stock-event--negative .retail-ext__stock-event-meta b{color:#fca5a5!important}:root[data-mode=dark] .retail-ext__stock-event-icon,:root[data-mode=dark] .retail-ext__device-icon{color:#fff;background:color-mix(in srgb, var(--accent) 18%, var(--soft-bg));border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}:root[data-mode=dark] .retail-ext__stock-event--positive .retail-ext__stock-event-icon,:root[data-mode=dark] .retail-ext__device-icon--online{color:#86efac;background:color-mix(in srgb, #16a34a 20%, var(--soft-bg))}:root[data-mode=dark] .retail-ext__stock-event--negative .retail-ext__stock-event-icon{color:#fca5a5;background:color-mix(in srgb, #dc2626 20%, var(--soft-bg))}:root[data-mode=dark] .retail-ext__device-icon--warning{color:#fdba74;background:color-mix(in srgb, #f97316 20%, var(--soft-bg))}:root[data-mode=dark] .retail-ext__device-icon--offline{color:var(--muted);background:var(--soft-bg)}: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__search{background:var(--soft-bg)}:root[data-mode=dark] .retail-ext__search input{color:var(--text);background:0 0}:root[data-mode=dark] .retail-ext__search svg{color:var(--muted)}:root[data-mode=dark] .retail-ext :is(h1,h2,h3,strong,b,.retail-ext__title,.retail-ext__product-name,.retail-ext__device-name){color:var(--text)!important}:root[data-mode=dark] .retail-ext :is(p,small,label,th,dt,dd,.retail-ext__subtitle,.retail-ext__label,.retail-ext__meta,.retail-ext__device-purpose){color:color-mix(in srgb, var(--text) 72%, var(--muted) 28%)!important}:root[data-mode=dark] .retail-ext :is(td,span){color:var(--text)}:root[data-mode=dark] .retail-ext :is(.retail-ext__button,.retail-ext__icon-button,.retail-ext__text-action,.retail-ext__period-tab--active,.retail-ext__mode-card--active),:root[data-mode=dark] .retail-ext :is(.retail-ext__button,.retail-ext__icon-button,.retail-ext__text-action,.retail-ext__period-tab--active,.retail-ext__mode-card--active) *{color:#fff!important}:root[data-mode=dark] .retail-ext :is(.retail-ext__button,.retail-ext__period-tab--active,.retail-ext__mode-card--active){background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);border-color:#0000}:root[data-mode=dark] .retail-ext :is(.retail-ext__button--secondary,.retail-ext__period-tab:not(.retail-ext__period-tab--active),.retail-ext__text-action,.retail-ext__icon-button){background:color-mix(in srgb, var(--accent) 18%, var(--soft-bg));border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}:root[data-mode=dark] .retail-ext :is(.retail-ext__badge,.retail-ext__notice--warning,.retail-ext__notice--success){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] .retail-ext svg{color:currentColor}:root[data-mode=dark] .retail-ext button:disabled,:root[data-mode=dark] .retail-ext button:disabled *{color:#ffffff8f!important}