*{box-sizing:border-box}:root{color:#102033;font-synthesis:none;text-rendering:optimizelegibility;--green-950:#102a43;--green-900:#174a7c;--green-800:#1f6fb2;--green-700:#2f80c9;--green-100:#dbeeff;--gold-500:#78a9d6;--gold-300:#b9d8f2;--gold-100:#edf6ff;--coral-100:#e7f2fb;--blue-100:#e9f3fb;--ink:#102033;--muted:#64748b;--line:#d6e0ea;--surface:#fff;--shadow:0 18px 42px #1f57821c;background:#f4f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 82% 8%,#78a9d62e,#0000 28%),radial-gradient(circle at 40% 92%,#2f80c924,#0000 30%),#f4f8fb;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.72}.loginShell{background:linear-gradient(90deg,#fffffffa 0% 42%,#e8f0f7fa 42% 100%),radial-gradient(circle at 80% 20%,#b9d8f266,#0000 28%);grid-template-columns:minmax(320px,460px) minmax(280px,1fr);min-height:100vh;display:grid}.loginPanel{flex-direction:column;justify-content:center;padding:clamp(28px,6vw,72px);display:flex}.loginPanel h1{letter-spacing:0;margin:22px 0 8px;font-size:34px;line-height:1.08}.loginPanel p{color:var(--muted);margin:0 0 28px;line-height:1.55}.loginAside{color:var(--green-950);background:radial-gradient(circle at 24% 18%,#b9d8f257,#0000 34%),linear-gradient(145deg,#f8fbfd,#dbeeff);align-content:center;gap:18px;padding:clamp(28px,6vw,72px);display:grid}.loginAside div{background:#ffffff14;border:1px solid #b9d8f257;border-radius:8px;padding:20px;box-shadow:0 12px 28px #00000024}.loginAside span,.userPill span,.sidebarHeader span,.metric span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.loginAside span{color:var(--green-800)}.loginAside strong{margin-top:4px;font-size:20px;display:block}.twoFactorPanel{max-width:460px}.twoFactorSetup{border:1px solid var(--line);background:#f8fafc;border-radius:8px;justify-items:center;gap:10px;padding:12px;display:grid}.twoFactorSetup img{width:min(220px,100%);height:auto}.twoFactorSetup code{max-width:100%;color:var(--text);overflow-wrap:anywhere;background:#e8eef5;border-radius:6px;padding:8px}.brandMark{width:52px;height:52px;color:var(--green-950);background:linear-gradient(145deg, var(--gold-300), var(--gold-500));border-radius:8px;place-items:center;display:grid;box-shadow:0 12px 22px #78a9d647}.brandMark.small{width:40px;height:40px}.formStack,.contentStack{gap:16px;display:grid}.formStack label{color:#475569;gap:8px;font-size:14px;display:grid}input,select{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #d6e0ea;border-radius:6px;outline:none;padding:0 12px;transition:border-color .16s,box-shadow .16s,background .16s}input:focus,select:focus{border-color:var(--green-700);background:#fff;box-shadow:0 0 0 3px #2f80c924}.primaryButton,.ghostButton,.iconButton,.logoutButton,.segmented button{white-space:nowrap;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;transition:transform .15s,box-shadow .15s,background .15s,color .15s,border-color .15s;display:inline-flex}.primaryButton{background:linear-gradient(135deg, var(--green-700), var(--green-900));color:#fff;padding:0 16px;font-weight:800;box-shadow:0 12px 24px #2f80c938}.primaryButton:hover{transform:translateY(-1px);box-shadow:0 16px 30px #2f80c947}.primaryButton:active,.ghostButton:active,.iconButton:active,.logoutButton:active,.segmented button:active,.sidebar nav button:active{transform:translateY(1px)scale(.99)}.ghostButton{color:#174a7c;background:#edf6ff;border:1px solid #78a9d661;padding:0 12px}.ghostButton:hover{background:var(--gold-100);box-shadow:0 10px 22px #78a9d62e}.compactButton{white-space:nowrap;height:34px;font-size:12px}.iconButton{width:40px;color:var(--green-900);background:#edf6ff}.iconButton:hover{background:var(--green-100);box-shadow:0 8px 18px #2f80c929}.inlineError{min-height:38px;color:var(--green-800);background:#edf6ff;border-radius:6px;align-items:center;gap:8px;padding:9px 12px;font-size:14px;display:flex}.successText{color:var(--green-800);font-size:14px}.appShell{grid-template-columns:268px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{min-height:100vh;color:var(--green-950);background:radial-gradient(circle at 36px 36px,#b9d8f233,#0000 34%),linear-gradient(#fff,#e8f0f7);border-right:1px solid #b9d8f238;flex-direction:column;display:flex;position:sticky;top:0;box-shadow:14px 0 32px #1f57822e}.sidebarHeader{border-bottom:1px solid #b9d8f233;align-items:center;gap:12px;min-height:84px;padding:18px;display:flex}.sidebarHeader strong{color:var(--green-950);display:block}.sidebarHeader span{color:var(--gold-300)}.sidebarQuickActions{z-index:2;background:linear-gradient(#fffffff5,#e8f0f7eb);border-bottom:1px solid #b9d8f242;gap:8px;padding:12px;display:grid;position:sticky;top:0;box-shadow:0 10px 22px #1f57821a}.systemSwitcher{background:#fff;border:1px solid #b9d8f25c;border-radius:8px;grid-template-columns:1fr 1fr;margin:0;display:grid;overflow:hidden}.systemSwitchPanel{min-height:58px;color:var(--green-950);border:0;align-content:center;gap:3px;padding:10px 11px;text-decoration:none;display:grid;position:relative}.systemSwitchPanel+.systemSwitchPanel{border-left:1px solid #b9d8f280}.systemSwitchPanel span{color:var(--gold-300);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:800}.systemSwitchPanel strong{font-size:13px;line-height:1.1}.systemSwitchPanel svg{color:var(--green-800);position:absolute;top:9px;right:9px}.systemSwitchPanel.active{background:linear-gradient(135deg,#dbeeff,#edf6ff);box-shadow:inset 0 0 0 1px #ffffff80}.systemSwitchPanel:not(.active):hover{background:#dbeeffc7}.sidebar nav{gap:7px;padding:14px 12px;display:grid}.sidebar nav button,.logoutButton{text-align:left;width:100%;color:var(--green-950);background:#ffffff0f;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:8px;padding:0 13px;display:flex;position:relative;overflow:hidden}.sidebar nav button:before,.logoutButton:before{content:"";background:var(--gold-500);transform-origin:50%;width:4px;transition:transform .17s;position:absolute;inset:0 auto 0 0;transform:scaleY(0)}.sidebar nav button:hover,.logoutButton:hover{color:var(--green-950);background:#dbeeffc7;border-color:#b9d8f247;transform:translate(3px);box-shadow:0 12px 26px #00000029}.sidebar nav button:hover:before,.logoutButton:hover:before,.sidebar nav button.active:before{transform:scaleY(1)}.sidebar nav button.active{color:var(--green-950);background:linear-gradient(135deg,#dbeeff,#edf6ff);border-color:#b9d8f27a;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff14,0 12px 28px #00000029}.logoutButton{width:100%;color:var(--green-800);background:#fff;border-color:#b9d8f25c}.mainArea{background:radial-gradient(circle at 92% 12%,#b9d8f238,#0000 22%),linear-gradient(135deg,#f4f8fb 0%,#e8f0f7 52%,#edf6ff 100%);min-width:0}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border-bottom:1px solid #78a9d638;align-items:center;gap:16px;height:80px;padding:0 clamp(16px,3vw,30px);display:flex;position:sticky;top:0;box-shadow:0 8px 28px #1f578214}.topbar h1{letter-spacing:0;color:var(--green-950);margin:0;font-size:24px;line-height:1.15}.topbar p{color:var(--green-800);margin:0 0 3px;font-size:13px}.userPill{background:linear-gradient(135deg,#fff,#edf6ff);border:1px solid #78a9d661;border-radius:8px;min-width:190px;margin-left:auto;padding:8px 12px;font-size:14px;box-shadow:0 10px 24px #78a9d621}main{padding:clamp(16px,3vw,30px)}.pageGrid{gap:18px;display:grid}.metricGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.metric,.panel{box-shadow:var(--shadow);background:#fffffff0;border:1px solid #78a9d62e;border-radius:8px}.metric{align-content:center;gap:6px;min-height:112px;padding:18px;display:grid;position:relative;overflow:hidden}.metric:after{content:"";background:#78a9d629;border-radius:50%;width:86px;height:86px;position:absolute;top:-28px;right:-28px}.metric:nth-child(2):after{background:#ff754f24}.metric:nth-child(3):after{background:#569dde29}.metric div{color:var(--green-800)}.metric strong{letter-spacing:0;color:var(--green-950);font-size:26px}.panel{text-align:left;min-width:0;padding:18px}.panel.wide{width:100%}.sectionToolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.sectionToolbar h2{letter-spacing:0;color:var(--green-950);margin:0;font-size:18px}.toolbarActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.searchBox{width:min(260px,100%);min-height:40px;color:var(--muted);background:#fff;border:1px solid #d6e0ea;border-radius:6px;align-items:center;gap:8px;padding:0 10px;transition:box-shadow .16s,border-color .16s;display:flex}.searchBox:focus-within{border-color:var(--green-700);box-shadow:0 0 0 3px #2f80c921}.searchBox input{box-shadow:none;background:0 0;border:0;min-height:36px;padding:0}.formGrid{grid-template-columns:repeat(4,minmax(130px,1fr)) auto;align-items:center;gap:10px;display:grid}.userFormGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.assignmentBox{background:#f8fbfd;border:1px solid #78a9d633;border-radius:8px;gap:8px;padding:12px;display:grid}.assignmentBox label{color:#64748b;align-items:center;gap:8px;display:flex}.assignmentBox input{width:auto;min-height:auto}.calculatedField{color:#64748b;cursor:not-allowed;background:#e7edf3}.productFormGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.spanTwo{grid-column:span 2}.formActions,.rowActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pendingProductList{border-top:1px solid #b9d8f257;gap:8px;margin-top:14px;padding-top:14px;display:grid}.pendingProductRow{background:#f8fbfe;border:1px solid #b9d8f25c;border-radius:6px;grid-template-columns:120px minmax(180px,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.pendingProductRow span,.pendingProductRow small{color:#64748b}.selectedRow{background:#edf6ff}.stockValueSummary{grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;margin-bottom:14px;display:grid}.stockValueSummary div{background:#f8fbfe;border:1px solid #b9d8f261;border-radius:8px;padding:12px 14px}.stockValueSummary span{color:#64748b;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.stockValueSummary strong{color:var(--green-950);font-size:20px}.stockOperationGrid{grid-template-columns:repeat(3,minmax(180px,1fr));align-items:end;gap:12px;display:grid}.stockOperationGrid label{color:#475569;gap:7px;font-size:13px;display:grid}.productPicker small{color:#64748b;font-size:12px}.quantityField{max-width:260px}.stockQuantityControl{background:#fff;border:1px solid #d6e0ea;border-radius:6px;grid-template-columns:42px minmax(72px,1fr) 42px;min-height:42px;display:grid;overflow:hidden}.stockQuantityControl button{color:var(--green-900);background:#edf6ff;border:0;place-items:center;display:grid}.stockQuantityControl button:hover:not(:disabled){background:var(--green-100)}.stockQuantityControl input{text-align:center;min-height:40px;box-shadow:none;border:0;border-left:1px solid #d6e0ea;border-right:1px solid #d6e0ea;border-radius:0;font-weight:800}.stockCounters{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.counterCard{background:#f8fbfd;border:1px solid #78a9d633;border-radius:8px;align-content:center;gap:4px;min-height:104px;padding:12px;display:grid}.counterCard span{color:var(--muted);font-size:12px}.counterCard strong{color:var(--green-950);font-size:28px;line-height:1}.counterCard small{color:#64748b;line-height:1.35}.stockActions{grid-column:1/-1}.stockTakePanel{gap:14px;display:grid}.stockTakeControls{grid-template-columns:minmax(220px,1fr) minmax(150px,auto) auto auto;align-items:end;gap:12px;display:grid}.stockTakeControls label{color:#475569;gap:7px;font-size:13px;display:grid}.stockTakeSummary{background:#f8fbfd;border:1px solid #78a9d647;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;min-height:42px;padding:8px 12px;display:grid}.stockTakeSummary span,.stockTakeSummary small{color:#64748b;font-size:12px}.stockTakeSummary strong{color:var(--green-950);grid-row:span 2;font-size:20px;line-height:1}.stockTakeTable th:first-child,.stockTakeTable td:first-child{text-align:center;width:68px}.stockTakeAppliedRow td{color:#607086;background:#f3f6f9}.stockTakeAppliedRow input,.stockTakeAppliedRow select,.stockTakeAppliedRow button{opacity:.72}.stockTakeFlaggedRow td{background:#fff7ed}.stockTakeFlaggedRow td:first-child{border-left:4px solid #f97316}.stockTakeStatus{border-radius:999px;place-items:center;width:30px;height:30px;font-weight:900;display:inline-grid}.stockTakeStatus.pending{color:#64748b;background:#e7edf3}.stockTakeStatus.matched{color:#146c43;background:#dff4e8}.stockTakeStatus.mismatch{color:#b42318;background:#fee2e2}.stockTakeCountInput{text-align:center;width:110px;min-height:36px;font-weight:800}.stockTakeBinSelect{min-width:150px;min-height:36px;font-size:13px}.stockTakeBinPicker,.stockTakeBinLabel{flex-direction:column;align-items:flex-start;gap:3px;display:inline-flex}.stockTakeBinLabel strong{font-size:14px;line-height:1.1}.stockTakeBinLabel small{color:#6b7b91;font-size:11px;line-height:1.2}.stockTakeBinLabel.preview{margin-top:3px}.stockTakeDifference{color:#b42318}.stockTakePendingLabel{color:#b45309;white-space:nowrap;font-size:12px;font-weight:800}.stockTakeStepper{display:none}.stockPromptOverlay{z-index:50;background:#0f172a6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.stockPromptCard{background:#fff;border-radius:8px;gap:12px;width:min(520px,100%);padding:22px;display:grid;position:relative;box-shadow:0 24px 70px #0f172a47}.stockPromptCard h3{color:var(--green-950);margin:0;font-size:22px}.stockPromptCard p{color:#475569;margin:0;line-height:1.45}.stockPromptCard label{color:#475569;gap:7px;font-size:13px;display:grid}.stockPromptClose{position:absolute;top:12px;right:12px}.mutedText{color:#64748b!important}.segmented{background:#e7edf3;border:1px solid #2f80c91f;border-radius:8px;grid-auto-flow:column;gap:2px;margin-bottom:14px;padding:3px;display:inline-grid}.segmented button{color:#64748b;background:0 0;padding:0 14px}.segmented button:hover{background:#ffffffb8}.segmented button.selected{background:linear-gradient(135deg, #fff, var(--gold-100));color:var(--green-900);font-weight:800;box-shadow:0 2px 8px #1b2d381f}.reportFilterPanel{gap:14px;display:grid}.reportFilterHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.reportFilterHeader span{color:var(--green-800);align-items:center;gap:7px;margin-bottom:4px;font-size:13px;display:inline-flex}.reportFilterHeader strong{color:var(--green-950);font-size:20px;display:block}.reportDateGrid{grid-template-columns:repeat(2,minmax(180px,260px));gap:12px;display:grid}.dashboardMonthButtons{flex-wrap:wrap;gap:10px;display:flex}.monthChoice{min-height:40px;color:var(--green-900);white-space:nowrap;background:#fff;border:1px solid #78a9d661;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s,color .15s,border-color .15s;display:inline-flex}.monthChoice:hover{border-color:#2f80c98c;transform:translateY(-1px);box-shadow:0 10px 22px #78a9d62e}.monthChoice.selected{background:linear-gradient(135deg, var(--green-700), var(--green-900));color:#fff;border-color:#0000;box-shadow:0 12px 24px #2f80c938}.reportDateGrid label{color:#475569;gap:7px;font-size:13px;display:grid}.reportPanel{gap:0;display:grid}.reportPanel .sectionToolbar{margin-bottom:0}.reportPrintArea{margin-top:14px}.backupGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.backupAction{background:#f8fbfd;border:1px solid #78a9d647;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:164px;padding:16px;display:grid}.backupAction svg{color:var(--green-800)}.backupAction strong,.backupAction span{display:block}.backupAction strong{color:var(--green-950);font-size:18px}.backupAction span{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.4}.backupAction button,.backupAction input{grid-column:1/-1}.dangerAction{background:snow;border-color:#dc26263d}.dangerAction svg{color:#b42318}.tableWrap{border:1px solid #e1e4d8cc;border-radius:8px;width:100%;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%;min-width:680px}th,td{text-align:left;border-bottom:1px solid #e7edf3;padding:12px 10px;font-size:14px}th{color:#475569;background:#eef3f8;font-weight:800}tbody tr{transition:background .14s}tbody tr:hover{background:#f8fbfd}.reportDetailRow td{color:var(--muted);background:#f8fbfd;font-size:13px}.reportDetailRow td:first-child{color:var(--green-900);padding-left:28px}.statusOk,.statusMuted{border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.statusOk{color:var(--green-800);background:var(--green-100)}.statusMuted{color:#64748b;background:#e7edf3}.locationGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.locationTile{color:var(--green-800);background:linear-gradient(135deg,#fff,#f8fbfd);border:1px solid #78a9d638;border-radius:8px;gap:12px;padding:16px;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 10px 24px #1f578214}.locationTile:hover{transform:translateY(-2px);box-shadow:0 16px 30px #1f578221}.locationTile strong,.locationTile p{color:var(--ink)}.locationTile span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.locationTile p{color:#64748b;margin:8px 0 0;font-size:14px}.locationTile{text-align:left;cursor:pointer;border:1px solid #78a9d638;width:100%;position:relative}.locationTile.selectedLocation{border-color:var(--green-700);background:linear-gradient(135deg,#fff,#dbeeff);box-shadow:inset 0 0 0 1px #2f80c933,0 16px 30px #1f578221}.tileActions{align-items:center;gap:8px;margin-left:auto;display:flex}.tileEditIcon{color:var(--green-800);margin-left:auto}.locationDetailStack{gap:14px;display:grid}.binManagement{background:#f8fbfd;border:1px solid #d7dde4;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:start;gap:16px;padding:12px;display:grid}.binList{gap:8px;display:grid}.binRow{background:#fff;border:1px solid #d7dde4;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.binRow strong,.binRow span{display:block}.binRow span{color:#64748b;margin-top:2px;font-size:12px}.binForm{gap:10px;display:grid}.detailStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.detailStats div{background:#f8fbfd;border:1px solid #78a9d633;border-radius:8px;padding:12px}.detailStats span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.detailStats strong{color:var(--green-950);font-size:20px}.emptyState{color:#64748b;background:#f8fbfd;border:1px dashed #d6e0ea;border-radius:8px;place-items:center;min-height:120px;display:grid}.posShell{min-height:100vh;color:var(--ink);background:linear-gradient(135deg,#f4f8fb 0%,#e8f0f7 54%,#fff6e0 100%)}.posTopbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #78a9d638;align-items:center;gap:14px;min-height:76px;padding:12px clamp(14px,3vw,28px);display:flex;position:sticky;top:0;box-shadow:0 8px 28px #1f578214}.posIdentity{align-items:center;gap:12px;min-width:220px;display:flex}.posIdentity span,.posPanelHeader span,.posCartHeader span,.posUserPill span,.receiptBox span{color:var(--muted);margin-bottom:3px;font-size:12px;display:block}.posIdentity strong{color:var(--green-950);font-size:18px;display:block}.shopSwitcher{width:min(260px,100%);margin-left:auto}.posUserPill{background:linear-gradient(135deg,#fff,#edf6ff);border:1px solid #78a9d661;border-radius:8px;min-width:180px;padding:8px 12px;font-size:14px}.posMain{grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:18px;padding:clamp(14px,2.5vw,26px);display:grid}.posWorkArea{gap:18px;min-width:0;display:grid}.posProductsPanel,.posCartPanel,.posHistoryPanel{min-width:0;box-shadow:var(--shadow);background:#fffffff0;border:1px solid #78a9d62e;border-radius:8px}.posProductsPanel{padding:18px}.posPanelHeader,.posCartHeader{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.posPanelHeader h1{color:var(--green-950);letter-spacing:0;margin:0;font-size:26px;line-height:1.15}.posSearch{width:min(360px,100%)}.posProductGrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.posProductTile{text-align:left;min-height:142px;color:var(--ink);background:linear-gradient(135deg,#fff,#f8fbfd);border:1px solid #78a9d638;border-radius:8px;align-content:space-between;gap:10px;padding:14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid;box-shadow:0 10px 22px #1f578214}.posProductTile:hover{border-color:#2f80c961;transform:translateY(-2px);box-shadow:0 16px 30px #1f578221}.posProductTile span{color:var(--green-800);font-size:12px;font-weight:800}.posProductTile strong{font-size:16px;line-height:1.25}.posProductTile div{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.posProductTile small{color:var(--muted)}.posProductTile b{color:var(--green-950);font-size:17px}.posHistoryPanel{padding:18px}.compactHeader{align-items:flex-start}.compactHeader h2{color:var(--green-950);letter-spacing:0;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.saleHistoryList{gap:10px;max-height:360px;padding-right:2px;display:grid;overflow:auto}.saleHistoryCard{background:#fff;border:1px solid #e1e4d8e0;border-radius:8px;gap:10px;padding:12px;display:grid}.saleHistoryHeader,.saleHistoryItem{justify-content:space-between;align-items:center;gap:12px;display:flex}.saleHistoryHeader strong,.saleHistoryItem strong{color:var(--green-950);display:block}.saleHistoryHeader span,.saleHistoryItem span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.saleHistoryHeader b{color:var(--green-900);white-space:nowrap}.historyReceiptActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.historyReceiptActions .ghostButton{min-height:34px}.saleHistoryItems{gap:8px;display:grid}.saleHistoryItem{border-top:1px solid #e7edf3;min-height:48px;padding-top:8px}.saleHistoryItem .ghostButton{min-height:34px}.posCartPanel{grid-template-rows:auto minmax(180px,1fr) auto auto;gap:14px;max-height:calc(100vh - 118px);padding:16px;display:grid;position:sticky;top:94px}.posCartHeader strong{color:var(--green-950);font-size:18px;display:block}.posCartLines{align-content:start;gap:10px;padding-right:2px;display:grid;overflow:auto}.emptyState.compact{min-height:96px}.posCartLine{background:#fff;border:1px solid #e1e4d8e0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto 40px;align-items:center;gap:10px;padding:10px;display:grid}.posCartLine strong{color:var(--green-950);font-size:14px;line-height:1.25;display:block}.posCartLine span{color:var(--muted);font-size:12px}.posCartLine b{text-align:right;min-width:84px;color:var(--ink)}.quantityControl{background:#fff;border:1px solid #d6e0ea;border-radius:6px;grid-template-columns:32px 34px 32px;align-items:center;height:34px;display:grid;overflow:hidden}.quantityControl button{width:32px;height:32px;color:var(--green-900);background:#edf6ff;border:0;place-items:center;display:grid}.quantityControl span{text-align:center;color:var(--ink);font-weight:800}.checkoutBox{border-top:1px solid #e1e4d8e6;gap:10px;padding-top:14px;display:grid}.checkoutBox label{color:#475569;gap:6px;font-size:13px;display:grid}.totalRows{background:#f8fbfd;border:1px solid #78a9d638;border-radius:8px;gap:7px;padding:12px;display:grid}.totalRows span,.totalRows strong{justify-content:space-between;align-items:center;gap:12px;display:flex}.totalRows strong{color:var(--green-950);font-size:20px}.checkoutButton{width:100%}.receiptBox{background:var(--green-100);border:1px solid #2f80c938;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:12px;display:grid}.receiptBox span{grid-column:1/-1}.receiptBox strong{color:var(--green-950)}.receiptBox b{color:var(--green-900)}.receiptDetails{grid-column:1/-1;gap:2px;padding-top:4px;display:grid}.receiptActions{grid-column:1/-1;gap:8px;margin-top:8px;display:grid}.emailReceipt{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.emailReceipt input{min-width:0}.mobileOnly{display:none}@media (width<=980px){.appShell{grid-template-columns:1fr}.sidebar{z-index:30;width:min(300px,84vw);transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-102%);box-shadow:0 18px 40px #1c2d3838}.sidebar.open{transform:translate(0)}.mobileOnly{display:inline-flex}.metricGrid,.detailStats,.stockCounters,.backupGrid,.binManagement{grid-template-columns:1fr}.formGrid,.stockOperationGrid{grid-template-columns:1fr 1fr}.posTopbar{flex-wrap:wrap}.shopSwitcher{margin-left:0}.posMain{grid-template-columns:1fr}.posCartPanel{max-height:none;position:static}}@media (width<=680px){.loginShell{background:#fff;grid-template-columns:1fr}.loginAside{align-content:start}.topbar{align-items:flex-start;height:auto;min-height:76px;padding-top:12px;padding-bottom:12px}.topbar h1{font-size:20px}.userPill{display:none}.sectionToolbar{flex-direction:column;align-items:flex-start}.toolbarActions,.searchBox{width:100%}.formGrid,.stockOperationGrid,.reportDateGrid{grid-template-columns:1fr}.reportFilterHeader{flex-direction:column;align-items:flex-start}.quantityField{max-width:none}.spanTwo{grid-column:auto}.segmented{grid-auto-flow:row;width:100%}.posTopbar{align-items:stretch}.posIdentity,.posUserPill,.shopSwitcher,.posTopbar .ghostButton{width:100%}.posPanelHeader,.saleHistoryHeader,.saleHistoryItem{flex-direction:column;align-items:flex-start}.saleHistoryItem .ghostButton,.historyReceiptActions .ghostButton,.historyReceiptActions{width:100%}.posProductGrid{grid-template-columns:1fr}.posCartLine{grid-template-columns:minmax(0,1fr) auto}.posCartLine b{text-align:left}.emailReceipt{grid-template-columns:1fr}}@media (width<=760px){.stockTakeControls{grid-template-columns:1fr}.stockTakeTable{display:none}.stockTakeStepper{background:#fff;border:1px solid #78a9d65c;border-radius:8px;gap:14px;padding:14px;display:grid;box-shadow:0 12px 26px #1f57821f}.stockTakeStepper.stockTakeAppliedRow{color:#607086;background:#f3f6f9}.stockTakeStepper.stockTakeFlaggedRow{background:#fff7ed;border-left:4px solid #f97316}.stockTakeStepperTop,.stockTakeStepperActions{justify-content:space-between;align-items:center;gap:10px;display:flex}.stockTakeStepperTop span:first-child{color:#64748b;font-size:13px;font-weight:800}.stockTakeStepperProduct{gap:5px;display:grid}.stockTakeStepperProduct strong{color:var(--green-950);font-size:20px}.stockTakeStepperProduct span{color:#475569;line-height:1.35}.stockTakeStepperField{gap:7px;display:grid}.stockTakeStepperField span,.stockTakeStepperGrid span{color:#64748b;font-size:12px;font-weight:800}.stockTakeStepperGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stockTakeStepperGrid div,.stockTakeStepperGrid label{background:#f8fbfd;border:1px solid #78a9d647;border-radius:8px;align-content:start;gap:7px;min-width:0;padding:10px;display:grid}.stockTakeStepperGrid strong{color:var(--green-950);font-size:20px}.stockTakeCountInput{width:100%;min-width:0;min-height:46px;font-size:18px}.stockTakeBinSelect{width:100%;min-width:0;min-height:46px}.stockTakeStepperActions{grid-template-columns:1fr 1.3fr 1fr;display:grid}.stockTakeStepperActions button,.stockTakeStepperActions .stockTakePendingLabel{min-height:46px}.stockTakeStepperActions .stockTakePendingLabel{text-align:center;place-items:center;display:grid}}