:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;--bg: #070b12;--bg-radial-a: rgba(20, 184, 166, .14);--bg-radial-b: rgba(56, 189, 248, .1);--surface: #0b1220;--surface-strong: #020617;--surface-soft: #111827;--surface-subtle: #08111f;--surface-gradient: linear-gradient(180deg, #111827, #0b1220);--sidebar-bg: linear-gradient(180deg, #111827, #070b12);--table-head: #050a16;--border: #273244;--border-soft: #1f2937;--text: #f8fafc;--text-strong: #ffffff;--muted: #94a3b8;--muted-strong: #cbd5e1;--accent: #14b8a6;--accent-strong: #0f766e;--accent-soft: #8bdad2;--accent-text: #5eead4;--accent-contrast: #041011;--danger: #ef4444;--danger-soft: #fecaca;--warning-text: #fca5a5;--input-bg: #0b1220;--shadow: 0 18px 42px rgba(0, 0, 0, .38);--shadow-modal: 0 28px 80px rgba(0, 0, 0, .55);background:var(--bg);color:var(--text)}:root[data-theme=light]{color-scheme:light;--bg: #f4f7fb;--bg-radial-a: rgba(20, 184, 166, .16);--bg-radial-b: rgba(14, 165, 233, .12);--surface: #ffffff;--surface-strong: #f8fafc;--surface-soft: #eef4f8;--surface-subtle: #f1f5f9;--surface-gradient: linear-gradient(180deg, #ffffff, #f8fafc);--sidebar-bg: linear-gradient(180deg, #ffffff, #f2f7fb);--table-head: #eaf2f7;--border: #d5e0ea;--border-soft: #e2e8f0;--text: #0f172a;--text-strong: #020617;--muted: #64748b;--muted-strong: #334155;--accent: #0d9488;--accent-strong: #0f766e;--accent-soft: #0f766e;--accent-text: #0f766e;--accent-contrast: #ecfeff;--danger: #dc2626;--danger-soft: #991b1b;--warning-text: #b91c1c;--input-bg: #ffffff;--shadow: 0 14px 34px rgba(15, 23, 42, .1);--shadow-modal: 0 24px 70px rgba(15, 23, 42, .22)}*{box-sizing:border-box}html{min-width:0}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at top left,var(--bg-radial-a),transparent 28%),radial-gradient(circle at bottom right,var(--bg-radial-b),transparent 32%),var(--bg);color:var(--text)}#root{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.loginScreen{display:grid;min-height:100vh;padding:24px;place-items:center}.loginCard,.panel,.checkout,.bigTile,.priceTag{background:var(--surface-gradient);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow)}.loginCard{display:grid;gap:14px;max-width:480px;padding:30px}.themeToggle{align-items:center;background:var(--surface-strong)!important;border:1px solid var(--border)!important;color:var(--text)!important;display:inline-flex;gap:8px;justify-content:center;min-height:38px;padding:0 12px}.themeToggle:hover{border-color:var(--accent)!important;color:var(--accent-text)!important}.loginThemeToggle{justify-self:end;width:max-content}.loginCard h1,.topbar h1,.panel h2,.checkout h2{margin:0}.appShell{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:100vh}.appShell.collapsed{grid-template-columns:0 minmax(0,1fr)}.sidebarToggle{align-items:center;background:var(--accent);border:0;border-radius:6px;color:var(--accent-contrast);display:grid;height:62px;left:18px;place-items:center;position:fixed;top:18px;width:62px;z-index:20}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-soft);display:grid;gap:10px;align-content:start;overflow-x:hidden;overflow-y:auto;padding:96px 18px 18px}.collapsed .sidebar{padding-inline:0}.brand{align-items:center;display:flex;gap:12px;margin-bottom:14px}.brand strong,.brand span{display:block}.brand span,.topbar span,.bigTile span,.productGrid span,.priceTag span,.muted{color:var(--accent-soft);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mutedBox{background:var(--surface-strong);border:1px dashed var(--border);border-radius:6px;color:var(--muted);margin:12px 0;padding:14px}.sidebar button{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);display:flex;gap:12px;min-height:58px;padding:0 14px;text-align:left}.sidebar button span{font-size:1.02rem;font-weight:900}.sidebar button.active,.sidebar button:hover,.loginCard button,.checkout button,.panel>button,.rowActions button{background:var(--accent);border:0;color:var(--accent-contrast)}.workspace{min-width:0;padding:24px 26px 34px}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px;padding-left:72px}.topbar h1{font-size:2.2rem;font-weight:950}.toast,.warning,.infoBanner{background:#14b8a61f;border:1px solid rgba(20,184,166,.4);border-radius:6px;margin-bottom:16px;padding:12px 14px}.warning{background:#ef444424;border-color:#ef444473}.inlineNotice{align-items:center;display:flex;gap:10px;justify-content:space-between}.advancedBox{background:color-mix(in srgb,var(--surface-strong) 78%,transparent);border:1px solid var(--border);border-radius:6px;margin-top:14px;padding:12px}.advancedBox summary{color:var(--text);cursor:pointer;font-weight:950}.dangerZone{display:grid;gap:10px;border:1px solid rgba(248,65,65,.45);background:#f8414114;border-radius:8px;margin-top:12px;padding:12px}.dangerZone p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.errorNotice{display:inline-block;margin-bottom:14px}.errorNotice summary{background:#ef44442e;border:1px solid rgba(239,68,68,.5);border-radius:999px;color:var(--danger-soft);cursor:pointer;font-size:.72rem;font-weight:950;letter-spacing:.08em;list-style:none;padding:6px 10px;text-transform:uppercase;width:max-content}.errorNotice summary::-webkit-details-marker{display:none}.errorNotice p{background:#7f1d1d47;border:1px solid rgba(239,68,68,.42);border-radius:6px;color:var(--danger-soft);margin:8px 0 0;max-width:min(900px,100%);padding:12px;white-space:pre-wrap}.errorNotice.compact p{max-width:420px}.infoBanner{align-items:center;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto}.infoBanner span{color:var(--muted-strong)}.tileGrid,.productGrid,.labelGrid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.bigTile{color:var(--text);display:grid;gap:12px;justify-items:center;min-height:168px;padding:22px;text-align:center}.bigTile strong{font-size:1.55rem}.bigTile:hover,.priceTag.selected{border-color:var(--accent);box-shadow:0 0 0 2px #14b8a63d}.posLayout{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 360px}.panel,.checkout{min-width:0;overflow:hidden;padding:14px}.stack{display:grid;gap:14px}.scanBox{align-items:center;background:var(--surface-strong);border:1px solid var(--border);border-radius:6px;display:flex;gap:10px;margin-bottom:16px;min-height:60px;padding:0 14px}input,textarea,select{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);min-height:38px;padding:0 9px;width:100%}textarea{min-height:140px;padding-block:10px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted)}.scanBox input{border:0;font-size:1.05rem;outline:0}.categoryBar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.categoryBar button{background:var(--surface);border:1px solid var(--border);color:var(--text);min-height:42px}.categoryBar button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.productGrid button,.priceTag{background:var(--surface);background-position:center;background-repeat:no-repeat;background-size:contain;border:1px solid var(--border);border-radius:6px;color:var(--text);display:grid;gap:8px;min-height:148px;padding:14px;text-align:left}.productGrid strong,.priceTag strong{font-size:1.12rem;font-weight:950}.compactProducts button{min-height:104px;padding:12px}.compactProducts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.compactProducts b{font-size:1.35rem}.posProductSheet{background:var(--surface-strong);border:1px solid var(--border);border-radius:6px;overflow-x:auto;overflow-y:hidden}.sheetToolbar{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;min-height:44px;padding:0 12px}.sheetToolbar span{color:var(--accent-soft);font-size:.82rem;font-weight:900}.productSheetHeader,.productSheetRow{display:grid;gap:8px;grid-template-columns:minmax(220px,1.6fr) minmax(130px,.9fr) minmax(110px,.7fr) 72px 104px 86px;min-width:760px}.productSheetHeader{background:var(--table-head);border-bottom:1px solid var(--border);color:var(--accent-soft);font-size:.74rem;font-weight:950;letter-spacing:.06em;padding:9px 12px;text-transform:uppercase}.productSheetRows{max-height:min(38vh,420px);min-width:760px;overflow-x:hidden;overflow-y:auto}.productSheetRow{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--border-soft);border-radius:0;color:var(--text);min-height:36px;padding:4px 12px;text-align:left;width:100%}.productSheetRow:hover{background:#14b8a61a}.productSheetRow strong{font-size:.9rem}.productSheetRow span{color:var(--muted-strong);font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.productSheetRow b{color:var(--accent-text);font-size:1rem}.productSheetRow small{background:var(--accent);border-radius:6px;color:var(--accent-contrast);font-size:.78rem;font-weight:950;padding:6px 10px;text-align:center}.stockWarn{color:var(--warning-text)!important;font-weight:950}.productGrid b,.priceTag b{color:var(--accent-text);font-size:1.75rem}.cartLine{align-items:center;border-bottom:1px solid var(--border);display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 82px 96px auto;padding:10px 0}.lineNotes{grid-column:1 / -1}.saleSheet{background:var(--surface-strong);border:1px solid var(--border);border-radius:6px;margin-top:12px;overflow:hidden}.saleSheetWide{margin-top:14px}.saleSheetHeader,.saleSheetRow{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 72px 92px 40px}.saleSheetHeader{background:var(--table-head);color:var(--accent-soft);font-size:.72rem;font-weight:950;letter-spacing:.06em;padding:8px 10px;text-transform:uppercase}.saleSheetRow{align-items:center;border-top:1px solid var(--border-soft);padding:6px 10px}.saleSheetRow strong{font-size:.92rem;line-height:1.18}.saleSheetRow input{min-height:32px;padding-inline:8px}.saleSheetRow b{color:var(--text);font-size:.95rem}.iconButton{justify-content:center;min-height:32px;padding:0;width:34px}.modalOverlay{align-items:center;background:color-mix(in srgb,var(--surface-strong) 76%,transparent);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:22px;position:fixed;z-index:40}.modalPanel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-modal);max-height:min(88vh,780px);overflow:hidden;width:min(1120px,96vw)}.modalHeader{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:14px;justify-content:space-between;padding:14px}.modalHeader div{display:grid;gap:4px}.modalHeader strong{font-size:1.15rem}.modalHeader span{color:var(--accent-soft);font-size:.84rem;font-weight:900}.productPickerModal{display:grid;grid-template-rows:auto auto minmax(0,1fr)}.modalScan{border-radius:0;border-inline:0;margin:0}.modalProductSheet{border:0;border-radius:0}.modalProductSheet .productSheetRows{max-height:min(62vh,560px)}.quickCashBox,.customerBox{background:var(--surface-strong);border:1px solid var(--border);border-radius:6px;display:grid;gap:10px;margin-bottom:12px;padding:12px}.posCashPanel{margin-top:16px}.checkout>.quickCashBox{display:none}.inlineMini{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 48px}.debtPay{grid-template-columns:minmax(90px,1fr) 130px 72px}.statusDebt,.statusOk{border-radius:999px;display:inline-block;font-size:.78rem;font-weight:950;padding:6px 10px;text-transform:uppercase}.statusDebt{background:#ef444429;border:1px solid rgba(239,68,68,.42);color:var(--danger-soft)}.statusOk{background:#14b8a626;border:1px solid rgba(20,184,166,.44);color:var(--accent-text)}.blockNote{color:var(--muted);display:block;font-size:.8rem;font-weight:800;margin-top:6px}.removeCartItem{min-height:40px;padding:0 10px}.splitPay{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:10px}.totalBox{background:var(--surface-strong);border:1px solid var(--border);border-radius:6px;display:grid;gap:6px;margin:14px 0;padding:14px}.totalBox strong{color:var(--accent-text);font-size:2.25rem}.ghost{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important}.formGrid{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin:14px 0}.compactForm{grid-template-columns:repeat(4,minmax(0,1fr))}.fieldHelp{display:grid;gap:6px}.fieldHelp span{color:var(--muted);font-size:.76rem;line-height:1.35}.compactFile input[type=file]{font-size:.78rem;min-height:34px;padding:6px}.codeField{grid-template-columns:minmax(0,1fr) auto}.codeField span{grid-column:1 / -1}.suggestionBox{background:var(--surface-strong);border:1px solid var(--border);border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;padding:10px}.logoPreview{align-items:center;background:var(--surface-strong);border:1px solid var(--border);border-radius:6px;display:flex;gap:12px;margin:10px 0 14px;padding:10px}.logoPreview img{background:#fff;border-radius:4px;max-height:70px;max-width:180px;object-fit:contain;padding:6px}.controlHeader{display:flex;gap:10px}.controlHeader button,.tableActions{align-items:center;display:flex;gap:8px}.quickProductBox{background:var(--surface-strong);border:1px solid var(--border);border-radius:6px;display:grid;gap:10px;margin-top:12px;padding:12px}.quantityField span{font-size:.72rem}.wideField{margin-top:14px}.totalPill{align-items:center;background:var(--surface-strong);border:1px solid var(--accent);border-radius:6px;color:var(--accent-text);display:inline-flex;min-height:48px;padding:0 14px}.checkLine{align-items:center;color:var(--text);display:flex;gap:8px;min-height:44px}.checkLine input{min-height:auto;width:auto}.purchaseSheet{display:grid;gap:6px;grid-template-columns:minmax(210px,1.5fr) 112px 130px 140px 96px 110px 110px 110px 120px minmax(130px,1fr) 48px;margin:14px 0;max-width:100%;overflow-x:auto;padding-bottom:6px}.purchaseSheet b{color:var(--accent-soft);font-size:.78rem;text-transform:uppercase}.nestedPanel{background:var(--surface-subtle);margin-top:16px;padding:16px}.editSheet{grid-template-columns:minmax(220px,1.5fr) 110px 110px 110px minmax(160px,1fr) 120px}.editSheet strong{align-items:center;color:var(--text);display:flex;min-height:38px}.purchaseProductName{font-size:1.05rem;font-weight:900}.auditDetail{color:var(--muted-strong);font-size:.82rem;margin:8px 0 0;max-width:460px;overflow-x:auto;white-space:pre-wrap}.rowActions{display:flex;gap:10px;flex-wrap:wrap}.tightActions{gap:6px}.inlineForm{align-items:center;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.stats{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0}.stats div{background:var(--surface-strong);border:1px solid var(--border);border-radius:6px;padding:14px}.stats span{color:var(--accent-soft);display:block;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.stats strong{display:block;font-size:1.55rem;margin-top:6px}.userBox{align-items:center;display:flex;gap:10px}.smallButton{min-height:36px;padding:0 10px}.danger{align-items:center;background:var(--danger);border:0;color:#fff;display:inline-flex;gap:6px}.divider{border-top:1px solid var(--border);color:var(--accent-soft);font-size:.78rem;font-weight:900;letter-spacing:.08em;padding-top:14px;text-transform:uppercase}button{border-radius:6px;font-weight:900;min-height:48px;padding:0 14px}table{border-collapse:collapse;display:block;margin-top:10px;max-width:100%;overflow-x:auto;width:100%}thead,tbody,tr{min-width:max-content}th{background:var(--surface-strong);border-bottom:1px solid var(--border);color:var(--accent-soft);font-size:.78rem;letter-spacing:.06em;padding:8px 7px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid var(--border);padding:9px 7px}.compactTable th,.compactTable td{padding:7px 8px}.tablePager{align-items:center;color:var(--accent-soft);display:flex;font-size:.86rem;font-weight:900;gap:12px;justify-content:space-between;margin-top:12px}.tablePager div{display:flex;gap:8px}.pagerDots{align-self:center;color:var(--muted);padding:0 2px}.nestedDetails{background:var(--surface-strong);border:1px solid var(--border);border-radius:6px;margin-top:10px;padding:10px}.nestedDetails summary{color:var(--text);cursor:pointer;font-weight:900}.miniDetails summary{color:var(--accent-text);cursor:pointer;font-weight:900}.miniDetails p{color:var(--muted-strong);font-size:.78rem;margin:6px 0 0}.documentList,.cashHistory{display:grid;gap:10px;margin-top:14px}.historyItem{background:var(--surface-strong);border:1px solid var(--border);border-radius:6px;padding:12px}.historyItem summary{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between}.historyItem summary span{color:var(--muted);font-size:.9rem}@media(max-width:1180px){.appShell,.appShell.collapsed,.posLayout{grid-template-columns:1fr}.sidebar{box-shadow:24px 0 60px #00000070;position:fixed;inset:0 auto 0 0;width:min(320px,86vw);z-index:15}.collapsed .sidebar{display:none}.tileGrid,.productGrid,.labelGrid,.formGrid,.stats,.inlineForm,.splitPay{grid-template-columns:repeat(2,minmax(0,1fr))}.infoBanner{grid-template-columns:1fr}.checkout{order:-1}}@media(max-width:760px){.tileGrid,.productGrid,.labelGrid,.formGrid,.stats,.inlineForm,.splitPay{grid-template-columns:1fr}.workspace{padding:86px 12px 24px}.sidebarToggle{height:56px;left:12px;top:12px;width:56px}.topbar{align-items:flex-start;flex-direction:column;gap:10px;padding-left:0}.topbar h1{font-size:1.8rem;line-height:1.05}.userBox{align-items:stretch;width:100%}.userBox strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.loginScreen{padding:14px}.loginCard,.panel,.checkout,.bigTile,.priceTag{box-shadow:0 12px 28px #00000057}.loginCard,.panel,.checkout{padding:14px}.bigTile{min-height:118px;padding:16px}.bigTile strong{font-size:1.28rem}.productGrid button,.priceTag{min-height:116px}.productGrid b,.priceTag b{font-size:1.45rem}.scanBox{min-height:54px}.categoryBar{flex-wrap:nowrap;margin-inline:-2px;overflow-x:auto;padding-bottom:6px}.categoryBar button{flex:0 0 auto;min-width:112px}.cartLine{align-items:stretch;grid-template-columns:minmax(0,1fr) 76px}.cartLine b{grid-column:1 / -1;text-align:right}.removeCartItem{grid-column:1 / -1}.totalBox strong{font-size:1.9rem}.rowActions{display:grid;grid-template-columns:1fr}.smallButton,button{min-height:48px}.historyItem summary{align-items:flex-start;flex-direction:column}table{font-size:.92rem}th,td{padding:10px 8px}}@media(max-width:420px){.workspace{padding-inline:10px}.topbar h1{font-size:1.55rem}.totalBox strong{font-size:1.65rem}}
