:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}body{color:oklch(22% .015 260);background:oklch(97% .006 95);margin:0}:root{--bg:oklch(97% .006 95);--card-bg:oklch(99% .002 95);--header-bg:oklch(99% .002 95);--border:oklch(90% .008 95);--border-input:oklch(88% .008 95);--border-table:oklch(85% .008 95);--border-table-head:oklch(80% .008 95);--ink:oklch(22% .015 260);--muted:oklch(55% .02 260);--muted-2:oklch(45% .01 260);--accent:oklch(47% .14 258);--accent-bg:oklch(94% .025 258);--accent-wash:oklch(96% .012 258);--warning-text:oklch(48% .14 70);--warning-bg:oklch(95% .06 80);--danger:oklch(50% .18 25);--positive:oklch(45% .12 155);--radius-card:12px;--radius-input:8px;--radius-pill:999px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-serif:Georgia, "Times New Roman", serif}.app{background:var(--bg);max-width:640px;min-height:100vh;color:var(--ink);font-family:var(--font-sans);box-shadow:0 0 0 1px var(--border);margin:0 auto;padding:0 0 32px}.topbar{z-index:10;background:var(--header-bg);border-bottom:1px solid var(--border);justify-content:center;align-items:center;padding:18px 20px;display:flex;position:sticky;top:0}.topbar h1{text-align:center}.menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:4px;width:28px;height:28px;padding:0;display:flex;position:absolute;left:20px}.menu-btn span{background:var(--ink);border-radius:1px;height:2px;display:block}.whoami{align-items:center;gap:10px;font-size:13px;display:flex}.avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.whoami-name{font-weight:600}.role-tag{border-radius:var(--radius-pill);background:var(--accent-bg);color:var(--accent);text-transform:capitalize;padding:2px 8px;font-size:11px;font-weight:600}.drawer-backdrop{z-index:20;background:oklch(20% .01 260/.35);position:fixed;inset:0}.side-drawer{background:var(--header-bg);z-index:21;width:min(80%,280px);padding:20px 20px calc(20px + env(safe-area-inset-bottom));flex-direction:column;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 12px oklch(20% .01 260/.15)}.side-drawer.open{transform:translate(0)}.drawer-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:18px;display:flex}.drawer-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:22px;line-height:1}.drawer-nav{flex-direction:column;flex:1;display:flex}.drawer-nav a{color:var(--ink);border-bottom:1px solid var(--border);padding:12px 4px;font-size:15px;font-weight:500;text-decoration:none}.drawer-nav a.active{color:var(--accent);font-weight:700}.drawer-logout{margin:12px 0 0}h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}h2{margin:24px 0 12px;font-size:17px;font-weight:700}h3{color:var(--muted-2);margin:20px 0 10px;font-size:13px;font-weight:700}section{margin-bottom:8px;padding:20px 20px 0}ul{margin:0;padding:0;list-style:none}li{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:8px;padding:12px 16px}.variants{margin-top:8px}.variants li{border:none;border-left:2px solid var(--border);background:0 0;border-radius:0;align-items:center;gap:6px;margin:0 0 4px 4px;padding:6px 0 6px 10px;display:flex}.color-swatch{border:1px solid var(--border);background:var(--border);border-radius:50%;flex-shrink:0;width:10px;height:10px}.model-total{color:var(--muted);font-size:12px;font-weight:500}.variant-label{color:var(--muted-2);flex:1;font-size:13px}.variant-qty{font-variant-numeric:tabular-nums;text-align:right;min-width:56px;font-size:13px;font-weight:600}.form{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.form input,.form select{border:1px solid var(--border-input);border-radius:var(--radius-input);color:var(--ink);background:#fff;padding:10px 12px;font-size:15px}.form button{border-radius:var(--radius-input);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:10px 16px;font-size:15px;font-weight:600}.form button:disabled{opacity:.6;cursor:default}.color-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.color-row input{border:1px solid var(--border-input);border-radius:var(--radius-input);color:var(--ink);background:#fff;padding:10px 12px;font-size:15px}.remove-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:16px}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:4px 0;font-size:14px;font-weight:600}.search-box{border:1px solid var(--border-input);width:100%;max-width:480px;color:var(--ink);box-sizing:border-box;background:#fff;border-radius:10px;padding:11px 14px;font-size:14px}.search-results{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);max-width:480px;margin:4px 0 12px;padding:0;list-style:none;overflow:hidden}.search-results li{cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;border-radius:0;margin:0;padding:10px 12px}.search-results li:last-child{border-bottom:none}.search-results li:hover{background:var(--accent-wash)}.selected-frame{background:var(--accent-wash);border:1px solid var(--accent-bg);border-radius:var(--radius-input);margin-bottom:12px;padding:10px 12px;display:inline-block}.hint{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.5}.shipment-header>button[type=submit],form>div>button[type=submit]{border-radius:var(--radius-input);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:11px 18px;font-size:14px;font-weight:600}.shipment-header>button[type=submit]:disabled,form>div>button[type=submit]:disabled{opacity:.6;cursor:default}.shipment-header{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:16px;padding:16px}.shipment-banner{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.shipment-banner .link-btn{margin:0}.toggle-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;width:100%;color:var(--ink);justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 16px;font-size:15px;font-weight:700;display:flex}.toggle-card span.toggle-hint{color:var(--accent);font-size:13px;font-weight:600}.inventory-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.inventory-count{color:var(--muted);font-size:12px}.filter-row{gap:8px;margin-bottom:16px;display:flex}.filter-pill{border-radius:var(--radius-pill);background:var(--border);color:var(--muted-2);cursor:pointer;border:none;padding:6px 12px;font-size:12px;font-weight:600}.filter-pill.active{background:var(--accent-bg);color:var(--accent)}.filter-pill.warning.active{background:var(--warning-bg);color:var(--warning-text)}.sales-tabs{background:var(--border);border-radius:var(--radius-pill);gap:4px;margin-bottom:18px;padding:4px;display:flex;position:relative}.sales-tabs-thumb{border-radius:var(--radius-pill);pointer-events:none;background:#fff;width:calc(50% - 6px);height:calc(100% - 8px);transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px oklch(20% .01 260/.18)}.sales-tabs-thumb.balance{transform:translate(calc(100% + 4px))}.sales-tab{z-index:1;border-radius:var(--radius-pill);min-width:0;color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;flex:1;padding:8px 12px;font-size:13px;font-weight:600;transition:color .15s;position:relative;overflow:hidden}.sales-tab:hover,.sales-tab.active{color:var(--ink)}.bill{border:1px solid var(--border-input);max-width:620px;font-family:var(--font-serif);color:oklch(15% .01 260);background:#fff;border-radius:4px;padding:28px 24px}.bill-head{text-align:center;border-bottom:none;margin-bottom:0;padding-bottom:0}.bill-blessing{color:var(--muted-2);margin:0 0 6px;font-size:12px}.bill-title{color:var(--accent);margin:0 0 4px;font-size:22px;font-weight:700}.bill-sub{color:var(--muted-2);margin:2px 0;font-size:11px;line-height:1.6}.bill-head+.bill-meta{margin-top:16px}.bill-meta{border-top:1px solid var(--border-input);justify-content:space-between;margin-bottom:14px;padding-top:16px;font-size:12px;display:flex}.bill-no{color:var(--danger)}.bill-fields{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.bill-fields label{color:var(--muted-2);flex-direction:column;flex:1;gap:4px;min-width:140px;font-size:12px;display:flex}.bill-fields label.narrow{flex:0 0 110px;min-width:90px}.bill-fields input{border:1px solid var(--border-input);font-size:13px;font-family:var(--font-sans);color:oklch(15% .01 260);background:#fff;border-radius:6px;padding:8px 10px}.particulars{border-collapse:collapse;width:100%;margin-bottom:14px}.particulars th,.particulars td{border:1px solid var(--border-table);text-align:left;padding:6px 8px;font-size:12px}.particulars thead th{border-color:var(--border-table-head);font-weight:700}.particulars .col-sno{text-align:center;width:48px}.particulars .col-rs{width:110px}.particulars .col-x{border:none;width:32px}.particulars td.col-x,.particulars tr td:last-child{border:none}.particulars input{box-sizing:border-box;border:1px solid var(--border-input);width:100%;font-size:12px;font-family:var(--font-sans);color:oklch(15% .01 260);background:#fff;border-radius:6px;padding:6px 8px}.particulars .total-row td{font-weight:700}.rx-grid{border-collapse:collapse;width:100%;margin-bottom:18px}.rx-grid th,.rx-grid td{border:1px solid var(--border-table);text-align:center;padding:5px 6px;font-size:11px}.rx-grid thead th{border-color:var(--border-table-head);font-weight:700}.rx-grid .rx-corner{border:none}.rx-grid .rx-rowhead{text-align:left;white-space:nowrap;padding:6px;font-weight:700}.rx-grid input{box-sizing:border-box;width:100%;color:inherit;font-size:11px;font-family:var(--font-sans);text-align:center;background:0 0;border:none;padding:6px 2px}.bill-signoff{color:var(--muted-2);justify-content:space-between;font-size:11px;display:flex}.bill-actions{font-family:var(--font-sans);flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;display:flex}.saved-notice{color:var(--positive);font-size:14px}.bill-actions button{border-radius:var(--radius-input);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:10px 20px;font-size:15px;font-weight:600}.bill-actions button:disabled{opacity:.6;cursor:default}.clickable-list li{cursor:pointer}.clickable-list li:hover{background:var(--accent-wash)}.clickable-table tbody tr{cursor:pointer}.clickable-table tbody tr:hover{background:var(--accent-wash)}.view-value{border:1px solid var(--border-input);border-radius:6px;min-height:20px;padding:8px 10px;font-size:13px;display:block}.login-page{background:var(--bg);min-height:100vh;font-family:var(--font-sans);justify-content:center;padding:60px 20px;display:flex}.login-form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;gap:12px;width:100%;max-width:320px;height:fit-content;padding:28px;display:flex}.login-form h2{color:var(--ink);margin:0;font-size:20px}.login-form input{border:1px solid var(--border-input);border-radius:var(--radius-input);color:var(--ink);background:#fff;padding:10px 12px;font-size:15px}.login-form button{border-radius:var(--radius-input);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:10px 16px;font-size:15px;font-weight:600}.login-form button:disabled{opacity:.6;cursor:default}.login-error{color:var(--danger);margin:0;font-size:14px}.scan-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.scan-btn{border:1px dashed var(--accent);border-radius:var(--radius-input);color:var(--accent);cursor:pointer;padding:10px 16px;font-size:14px;font-weight:600;display:inline-block}.scan-btn:hover{background:var(--accent-wash)}.scan-btn input[type=file]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.scan-error{color:var(--danger);font-size:13px}.bill-view-actions{font-family:var(--font-sans);align-items:center;gap:12px;margin-bottom:8px;display:flex}.bill-view-actions .link-btn{margin-bottom:0}.print-btn{border:1px solid var(--accent);border-radius:var(--radius-input);color:var(--accent);cursor:pointer;background:0 0;padding:6px 14px;font-size:13px;font-weight:600}.print-btn:hover{background:var(--accent-wash)}.payment-row{background:var(--warning-bg);border-radius:var(--radius-card);flex-wrap:wrap;align-items:center;gap:10px;margin:-6px 0 18px;padding:10px 12px;display:flex}.payment-row-label{color:var(--warning-text);font-size:13px}.payment-row input{border:1px solid var(--border-input);border-radius:var(--radius-input);width:130px;color:var(--ink);background:#fff;padding:8px 10px;font-size:14px}.payment-row button{border-radius:var(--radius-input);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:8px 16px;font-size:13px;font-weight:600}.payment-row button:disabled{opacity:.6;cursor:default}@media print{body *{visibility:hidden}.printable-bill,.printable-bill *{visibility:visible}.printable-bill{border:none;width:100%;position:absolute;top:0;left:0;color:#000!important;background:#fff!important}.app{min-height:0;box-shadow:none;padding-bottom:0}.topbar,.side-drawer,.drawer-backdrop,.sales-tabs,main form.bill,.printable-bill .bill-view-actions,.printable-bill .payment-row{display:none}.printable-bill .bill-title,.printable-bill .bill-no{color:#000!important}.printable-bill th,.printable-bill td,.printable-bill .view-value{color:#000!important;border-color:#999!important}}.period-picker{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.period-btn{border:1px solid var(--border-input);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;background:#fff;padding:7px 14px;font-size:12px;font-weight:600}.period-btn:hover{background:var(--accent-wash)}.period-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.stat-row{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.stat-tile{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;flex:1;gap:6px;min-width:100px;padding:14px 12px;display:flex}.stat-label{color:var(--muted);font-size:11px}.stat-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.revenue-chart{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:22px;padding:16px}.revenue-chart-title{margin-bottom:14px;font-size:13px;font-weight:700}.revenue-chart-bars{align-items:flex-end;gap:8px;height:110px;display:flex}.revenue-chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.revenue-chart-bar{background:var(--accent);border-radius:4px 4px 0 0;width:100%;max-width:26px}.revenue-chart-day{color:var(--muted);font-size:10px}.report-table{border-collapse:collapse;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);width:100%;margin-bottom:20px;overflow:hidden}.report-table th,.report-table td{border-bottom:1px solid var(--border);text-align:left;padding:10px 12px;font-size:13px}.report-table tr:last-child td{border-bottom:none}.report-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:700}.report-table .num{text-align:right;font-variant-numeric:tabular-nums}.balance-due{color:var(--danger);font-weight:700}.status-active{color:var(--positive);font-size:12px;font-weight:700}.status-inactive{color:var(--danger);font-size:12px;font-weight:700}.qty-negative{color:var(--danger);font-variant-numeric:tabular-nums;font-weight:700}.qty-positive{color:var(--positive);font-variant-numeric:tabular-nums;font-weight:700}.low-stock{color:var(--warning-text);font-weight:700}.low-stock-badge{color:var(--warning-text);background:var(--warning-bg);border-radius:var(--radius-pill);padding:2px 7px;font-size:10px;font-weight:700}@media (width<=480px){.bill-fields{gap:10px}.bill-fields label,.bill-fields label.narrow{flex:100%;min-width:0}.particulars .col-sno{width:24px;padding-left:4px;padding-right:4px}.particulars .col-rs{width:72px}.particulars .col-x{width:22px;padding-left:2px;padding-right:2px}.particulars th,.particulars td{padding:5px 4px}.rx-grid,.report-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}