:root{--bg:#f6f9fc;--surface:#fff;--surface-muted:#eef6fc;--text:#20231f;--muted:#627282;--border:#d9e7f2;--primary:#1f7fbe;--primary-strong:#125f96;--primary-soft:#dff1ff;--accent:#b85c38;--danger:#b33a3a;--warning:#a36b11;--info:#2c6c9a;--shadow:0 18px 38px #183a5814;--radius:8px;--sidebar-width:224px;color:var(--text);background:var(--bg);letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}h1,h2,h3,p{margin:0}#app{min-height:100svh}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100svh;display:grid}.sidebar{border-right:1px solid var(--border);background:#fbfdff;flex-direction:column;gap:18px;height:100svh;padding:14px 12px;display:flex;position:sticky;top:0}.sidebar-resize-handle{z-index:5;cursor:col-resize;background:0 0;border:0;width:10px;height:100%;padding:0;position:absolute;top:0;right:-5px}.sidebar-resize-handle:after{content:"";background:0 0;border-radius:2px;width:2px;position:absolute;top:18px;bottom:18px;right:4px}.sidebar-resize-handle:hover:after,.sidebar-resize-handle:focus-visible:after,body.is-resizing-sidebar .sidebar-resize-handle:after{background:var(--primary)}body.is-resizing-sidebar{cursor:col-resize;-webkit-user-select:none;user-select:none}.brand{align-items:center;width:100%;min-height:82px;text-decoration:none;display:flex}.brand-logo{width:100%;height:auto;display:block}.brand-mark{border-radius:var(--radius);background:var(--primary);color:#fff;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted)}.nav-list{gap:6px;display:grid}.nav-link{border-radius:var(--radius);min-height:42px;color:var(--muted);align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.nav-link.router-link-active{background:var(--primary-soft);color:var(--primary-strong);font-weight:700}.nav-link:hover{background:var(--surface-muted);color:var(--text)}.sidebar-user{color:var(--muted);align-items:center;gap:8px;padding:2px 4px;display:flex}.sidebar-user-pill{flex:140px;min-width:0}.sidebar-user-pill span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-user .icon-button.compact{width:42px;height:42px}.app-main{min-width:0}.button-row,.inline-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.content{gap:18px;width:min(1320px,100%);padding:24px 28px 40px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:.77rem;font-weight:800}.page-header{gap:8px;max-width:820px;display:grid}.page-header h2{font-size:1.75rem}.page-header p:last-child{color:var(--muted)}.status-banner,.panel,.metric,.action-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.status-banner{grid-template-columns:auto auto auto;align-items:center;gap:7px;width:fit-content;max-width:100%;margin:18px 28px 0;padding:6px 8px;font-size:.86rem;line-height:1.25;display:inline-grid}.status-banner strong{overflow-wrap:anywhere;min-width:0}.status-banner p{color:var(--muted);margin-top:4px}.panel-header .status-banner{justify-self:end;max-width:min(58%,420px);margin:0}.status-banner .icon-button.compact{width:26px;height:26px}.tone-success{color:var(--primary-strong);background:#eef8ff;border-color:#b8dcf5}.tone-warning{color:var(--warning);background:#fff7df;border-color:#ead08e}.tone-danger{color:var(--danger);background:#fff0f0;border-color:#edb6b6}.tone-info{color:var(--info);background:#eef7fc;border-color:#b9d5e8}.panel{box-shadow:var(--shadow);gap:16px;padding:18px;display:grid}.panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-header h2{font-size:1.05rem}.panel-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.muted-text{color:var(--muted)}.result-strip{border-radius:var(--radius);background:var(--primary-soft);min-height:46px;color:var(--primary-strong);border:1px solid #bcddef;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;display:flex}.result-strip span{color:var(--muted);font-size:.86rem;font-weight:700}.result-strip strong{font-size:1.05rem}.workspace{gap:18px;display:grid}.reports-overview{align-items:start}.report-stock-panel{align-content:start;width:min(620px,100%)}.report-action{justify-self:start;width:fit-content;min-width:220px}.report-seller-panel{width:min(900px,100%)}.edit-grid.report-seller-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.superuser-layout{align-items:start}.superuser-actions{min-width:0}.superuser-actions,.superuser-action-panel{align-content:start}.superuser-action-panel{min-width:0}.superuser-action-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.superuser-action-form label:first-child{grid-column:1/-1}.superuser-upload-button{justify-self:start;width:fit-content;min-width:180px}.admin-layout{grid-template-columns:minmax(460px,.95fr) minmax(340px,.72fr);align-items:start}.admin-actions{width:min(440px,100%);min-width:0}.admin-actions,.admin-action-panel,.admin-buckets-panel{align-content:start}.admin-action-panel,.admin-buckets-panel{min-width:0}.admin-action-form{grid-template-columns:1fr;align-items:start}.admin-action-button{justify-self:start;width:fit-content;min-width:168px}.admin-role-form{grid-template-columns:minmax(0,1fr) 168px;align-items:end}.admin-role-form>label:first-child{grid-area:1/1}.admin-role-form .check-row{grid-area:2/1/auto/-1}.admin-role-form .admin-action-button{grid-area:1/2;place-self:end;width:100%}.admin-password-form{grid-template-columns:1fr 1fr}.admin-password-form .admin-action-button{grid-column:1/-1}.admin-buckets-panel{width:min(536px,100%)}.admin-buckets-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.admin-bucket-results-panel{gap:14px}.bucket-groups{align-items:start;gap:12px;display:grid}.bucket-group{border:1px solid var(--border);border-radius:var(--radius);background:#fbfdff;gap:10px;min-width:0;padding:12px;display:grid}.bucket-group-header{grid-template-columns:1fr auto auto;align-items:end;gap:12px;display:grid}.bucket-group-header h3{font-size:1rem}.bucket-group-header span{color:var(--muted);font-size:.8rem;font-weight:800;display:block}.bucket-group-header strong{overflow-wrap:anywhere}.bucket-table-wrap{margin:0}.bucket-table{min-width:620px}.bucket-table th,.bucket-table td{padding:8px 9px}.bucket-table td{font-weight:700}.bucket-more-button{justify-self:start}.customers-workspace{align-items:start}.two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric{gap:8px;padding:18px;display:grid}.metric span,.action-card span{color:var(--muted);font-size:.88rem}.metric strong{font-size:1.05rem}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.action-card{gap:10px;min-height:132px;padding:18px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.action-card svg{color:var(--primary)}.action-card strong{font-size:1.08rem}.action-card:hover{box-shadow:var(--shadow);border-color:#aacfe6;transform:translateY(-2px)}.activity-log-panel{margin-top:18px}.activity-log-list{gap:8px;display:grid}.activity-log-item{border:1px solid var(--border);border-left:4px solid var(--primary);background:#fff;border-radius:8px;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.activity-log-item-success{border-left-color:var(--success)}.activity-log-item-warning{border-left-color:var(--warning)}.activity-log-time,.activity-log-type,.activity-log-body span{color:var(--muted);font-size:.88rem}.activity-log-body{gap:3px;min-width:0;display:grid}.activity-log-body strong,.activity-log-body span{overflow-wrap:anywhere}.form-grid,.edit-grid{gap:12px;display:grid}.edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.spaced{margin-top:16px}.customer-search-panel{align-content:start}.customer-search-form{grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:10px;display:grid}.product-edit-search-form{grid-template-columns:minmax(180px,280px) auto;justify-content:start;display:grid}.product-lookup-form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.product-lookup-form .button{white-space:nowrap}.product-add-piece-form,.product-update-piece-form{grid-template-columns:repeat(2,minmax(0,1fr))}.product-add-piece-form .button,.product-update-piece-form .button{grid-column:1/-1}.product-excel-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px;display:grid}.product-excel-form .button{justify-self:start}.sales-entry-panel{align-self:start;gap:14px}.sales-entry-panel-floating{z-index:12;position:sticky;top:12px;box-shadow:0 18px 42px #183a5829}.sales-entry-form{grid-template-columns:minmax(260px,2fr) minmax(108px,.62fr) minmax(140px,.8fr) minmax(220px,1.35fr) minmax(210px,auto) minmax(140px,.72fr);align-items:end;gap:12px;display:grid}.sales-barcode-field{min-width:0}.sales-check{white-space:nowrap;align-self:center;padding-top:22px}.sales-submit{width:100%}label{color:var(--muted);gap:6px;font-weight:700;display:grid}label span{font-size:.86rem}input,select{border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:42px;color:var(--text);background:#fff;padding:9px 11px}input:focus,select:focus{border-color:var(--primary);outline:3px solid #1f7fbe33}.category-combobox{min-width:0;position:relative}.category-combobox-list{z-index:20;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:260px;box-shadow:var(--shadow);padding:6px;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.category-combobox-option{width:100%;min-height:34px;color:var(--text);font:inherit;text-overflow:ellipsis;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:7px 9px;display:block;overflow:hidden}.category-combobox-option:hover,.category-combobox-option.active{background:var(--surface-muted)}.category-combobox-option.selected{background:var(--primary-soft);color:var(--primary-strong);font-weight:800}.category-combobox-empty{color:var(--muted);padding:10px;font-weight:700}.check-row{color:var(--text);grid-template-columns:auto 1fr;align-items:center;gap:10px}.check-row input{width:18px;min-height:18px}.button,.icon-button,.segment{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.button{min-height:42px;padding:9px 14px}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-strong)}.button.secondary{background:var(--surface-muted);color:var(--primary-strong)}.button.ghost{border-color:var(--border);background:var(--surface);color:var(--text)}.button.danger{color:var(--danger);background:#fff0f0;border-color:#edb6b6}.button.full-width{width:100%}.button.fit-content{width:fit-content}.icon-button{border-color:var(--border);background:var(--surface);width:42px;height:42px;color:var(--text);padding:0}.icon-button.compact{width:32px;height:32px}.user-pill{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:8px;max-width:260px;min-height:42px;padding:8px 12px;font-weight:700;display:inline-flex}.user-pill span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-dot{background:var(--warning);border-radius:50%;width:9px;height:9px}.user-dot.is-online{background:var(--primary)}.segmented{grid-template-columns:1fr 1fr;gap:8px;display:grid}.segment{border-color:var(--border);background:var(--surface-muted);min-height:46px;color:var(--muted);padding:10px}.segment.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.cart-summary{gap:8px;display:grid}.payment-panel{gap:14px}.payment-layout{grid-template-columns:auto 1fr;align-items:end;gap:14px;display:grid}.payment-segments{grid-template-columns:repeat(2,auto);width:fit-content}.payment-actions{justify-content:flex-end}.cart-summary div,.file-list li{border-radius:var(--radius);background:var(--surface-muted);justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:8px 10px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:11px 10px}th{color:var(--muted);text-transform:uppercase;font-size:.84rem}.cart-row{scroll-margin:24px}.cart-row td{transition:background-color .22s,box-shadow .22s}.cart-row:focus{outline:none}.cart-row.cart-row-updated td{background:#e8f8e5}.cart-row.cart-row-updated td:first-child{box-shadow:inset 3px 0 #56a96a}.table-action{text-align:right;width:1%}.price-kind{border:1px solid var(--border);background:var(--surface-muted);min-height:28px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 9px;font-size:.86rem;font-weight:700;display:inline-flex}.price-kind.discounted{background:var(--primary-soft);color:var(--primary-strong);border-color:#b7d8f0}.price-cell strong,.price-cell span{display:block}.price-cell span{color:var(--muted);margin-top:2px;font-size:.82rem;text-decoration:line-through}.modal-backdrop{z-index:100;background:#161c186b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(520px,100%);box-shadow:var(--shadow);gap:14px;padding:18px;display:grid}.removal-product{border-radius:var(--radius);background:var(--surface-muted);gap:3px;padding:10px 12px;display:grid}.removal-product span{color:var(--muted);font-size:.86rem}.modal-actions{justify-content:flex-end}.json-panel{border-radius:var(--radius);color:#e8f3ec;background:#1f2a24;max-height:420px;margin:0;padding:14px;font-size:.88rem;line-height:1.5;overflow-x:auto}.file-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (width<=1060px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;padding:14px;position:static}.sidebar-resize-handle{display:none}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-link{justify-content:center}.nav-link span,.sidebar-footer{display:none}.topbar{position:static}.three-column,.two-column,.metric-grid,.action-grid,.sales-entry-form,.payment-layout{grid-template-columns:1fr 1fr}.sales-check,.sales-submit,.payment-segments,.payment-actions{grid-column:1/-1}.payment-segments{grid-template-columns:1fr 1fr;width:100%}.payment-actions{justify-content:flex-start}}@media (width<=1400px) and (width>=1061px){.sales-entry-form{grid-template-columns:minmax(280px,1.7fr) minmax(118px,.7fr) minmax(154px,.85fr)}}@media (width<=720px){.topbar{flex-direction:column;align-items:flex-start;padding:16px}.content{padding:18px 16px 30px}.status-banner{margin:14px 16px 0}.nav-list,.three-column,.two-column,.metric-grid,.action-grid,.customer-search-form,.product-edit-search-form,.sales-entry-form,.payment-layout,.edit-grid,.superuser-action-form,.admin-action-form,.admin-buckets-form{grid-template-columns:1fr}.superuser-action-form label:first-child{grid-column:auto}.edit-grid.report-seller-grid,.bucket-group-header{grid-template-columns:1fr}.sidebar{gap:12px}.nav-list{grid-template-columns:repeat(auto-fit,minmax(48px,1fr))}.inline-form{flex-direction:column;align-items:stretch}.product-lookup-form,.product-add-piece-form,.product-update-piece-form,.product-excel-form{grid-template-columns:1fr}.panel-header-actions{justify-content:flex-start;width:100%}.inline-form .button,.product-lookup-form .button,.product-excel-form .button,.panel-header-actions .button,.topbar-actions,.topbar-actions .button{width:100%}.product-excel-form .button{justify-self:stretch}.activity-log-item{grid-template-columns:1fr;align-items:start}.activity-log-type{justify-self:start}.topbar-actions{align-items:stretch}.sales-check,.sales-submit,.payment-actions{grid-column:auto}.sales-entry-panel-floating{box-shadow:var(--shadow);position:static}.sales-check{white-space:normal;padding-top:0}.payment-actions,.payment-actions .button{width:100%}.user-pill{max-width:none}}