:root{--bg:#f6f8fb;--card:#fff;--text:#172033;--muted:#687386;--line:#e6eaf0;--blue:#2563eb;--blue2:#1d4ed8;--green:#16a34a;--orange:#f59e0b;--danger:#dc2626;--shadow:0 10px 30px rgba(25,40,70,.07);--radius:16px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(37,99,235,.18);outline-offset:1px}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px}.brandmark{width:38px;height:38px;border-radius:11px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 5px 12px rgba(37,99,235,.25)}.brand strong{display:block;font-size:15px}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:10px}.clock{font-size:12px;color:var(--muted);margin-right:5px}.status{font-size:11px;font-weight:700;padding:7px 10px;border-radius:20px;background:#ecfdf3;color:#15803d}.status i{display:inline-block;width:6px;height:6px;background:#22c55e;border-radius:50%;margin-right:5px}.ghost,.secondary,.primary,.danger,.icon-btn,.link-btn,.discount-btn{border:0;background:transparent}.ghost{height:38px;padding:0 10px;color:#465269;border-radius:10px;display:flex;gap:7px;align-items:center;font-weight:600;font-size:12px}.ghost:hover{background:#f4f6fa}.layout{display:flex;min-height:calc(100vh - 70px)}.sidebar{width:210px;background:#fff;border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;justify-content:space-between}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;padding:12px 13px;border-radius:11px;color:#637086;text-align:left;display:flex;gap:11px;align-items:center;font-weight:600}.nav-item.active{background:#eef4ff;color:var(--blue)}.side-foot{font-size:11px;color:#8a94a6;padding:10px 8px;line-height:1.6}.side-foot small{font-size:10px}.main{flex:1;min-width:0;padding:26px}.screen{display:none;max-width:1500px;margin:auto}.screen.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-head h1{font-size:24px;margin:0 0 5px;letter-spacing:-.5px}.page-head p{margin:0;color:var(--muted);font-size:13px}.date-chip{font-size:12px;color:#526075;background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:10px}.billing-grid{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:18px}.billing-main{min-width:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.customer-card,.scanner-card{padding:18px;margin-bottom:16px}.card-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;margin-bottom:13px}.link-btn{color:var(--blue);font-weight:600;font-size:12px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid label,.gst-fields label{display:grid;gap:6px;color:#667187;font-size:11px;font-weight:600}.form-grid input,.form-grid textarea,.form-grid select,.gst-fields input,.cash-fields input{border:1px solid var(--line);background:#fbfcfe;border-radius:10px;padding:11px 12px;color:var(--text);font-size:13px;resize:vertical}.search-row{display:flex;gap:9px}.search-box{height:44px;border:1px solid var(--line);border-radius:11px;background:#fbfcfe;display:flex;align-items:center;padding:0 12px;flex:1;min-width:0}.search-box i{width:18px;color:#8490a3}.search-box input{border:0;outline:0;background:transparent;width:100%;padding:0 9px;font-size:13px;color:var(--text)}.clear-search{border:0;background:none;color:#9aa4b4;font-size:20px;display:none}.primary{background:var(--blue);color:#fff;border-radius:10px;padding:0 15px;height:44px;font-weight:700;font-size:12px;display:flex;align-items:center;gap:7px;white-space:nowrap}.primary:hover{background:var(--blue2)}.secondary{border:1px solid var(--line);background:#fff;color:#465269;border-radius:10px;padding:0 13px;height:44px;font-weight:700;font-size:12px;display:flex;align-items:center;gap:7px;white-space:nowrap}.secondary:hover{background:#f7f9fc}.scan-hint{font-size:10px;color:#8a94a6;margin-top:9px}.section-label{display:flex;justify-content:space-between;align-items:center;margin:20px 2px 11px;font-size:12px;font-weight:800;color:#4c586d}.quick-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;transition:.18s;min-width:0}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.product-card .p-name{font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card .p-meta{color:#8993a4;font-size:10px;margin:7px 0}.product-card .p-bottom{display:flex;align-items:center;justify-content:space-between}.price{font-weight:800;font-size:14px}.add-btn{width:31px;height:31px;border:0;background:#eef4ff;color:var(--blue);border-radius:9px}.cart{display:flex;flex-direction:column;min-height:650px;position:sticky;top:88px;overflow:hidden}.cart-head{padding:18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.eyebrow{font-size:9px;color:#8b95a5;letter-spacing:1px;font-weight:800}.cart h2{font-size:18px;margin:4px 0 0}.cart h2 b{font-size:10px;background:#edf2f8;color:#657084;border-radius:20px;padding:4px 7px;margin-left:4px}.icon-btn{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;color:#778298}.icon-btn:hover{background:#f2f5f9}.cart-items{padding:10px 14px;max-height:310px;overflow:auto}.cart-row{padding:11px 0;border-bottom:1px dashed #e7ebf0}.cart-row:last-child{border-bottom:0}.cart-row-top{display:flex;justify-content:space-between;gap:8px}.cart-name{font-size:12px;font-weight:700}.cart-line{font-size:12px;font-weight:800}.cart-sub{font-size:10px;color:#8a94a6;margin-top:4px}.qty{display:flex;align-items:center;gap:7px;margin-top:8px}.qty button{width:26px;height:26px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#4d5a6f}.qty span{min-width:18px;text-align:center;font-size:11px;font-weight:700}.delete{margin-left:auto;border:0;background:none;color:#a1aaba}.empty-cart{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:#7e899b}.empty-cart strong{font-size:12px;color:#586579;margin:9px 0 5px}.empty-cart span{font-size:10px;max-width:190px;line-height:1.5}.empty-icon{width:44px;height:44px;border-radius:14px;background:#f3f6fa;display:grid;place-items:center}.cart-bottom{border-top:1px solid var(--line);padding:14px 16px;background:#fff}.summary{display:grid;gap:7px;font-size:11px}.summary div{display:flex;justify-content:space-between}.summary span{color:#778398}.discount-btn{margin:11px 0;color:var(--blue);font-weight:700;font-size:11px;padding:0;display:flex;align-items:center;gap:5px}.grand{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;align-items:center}.grand span{font-size:12px;font-weight:700}.grand strong{font-size:21px;letter-spacing:-.5px}.payment-title{font-size:10px;color:#778398;font-weight:800;margin:14px 0 8px}.payments{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pay{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 3px;color:#687386;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column}.pay.active{border-color:#b9d0ff;background:#eef4ff;color:var(--blue)}.cash-fields{display:flex;gap:10px;align-items:end;margin-top:10px}.cash-fields label{flex:1;display:grid;gap:5px;font-size:10px;color:#778398;font-weight:700}.change-line{font-size:10px;display:grid;gap:5px;text-align:right}.change-line strong{font-size:13px}.generate{width:100%;height:48px;border:0;background:var(--text);color:#fff;border-radius:11px;margin-top:14px;font-size:12px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:8px}.generate:hover{background:#0f172a}.table-card{overflow:hidden}.toolbar{padding:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.search-box.compact{max-width:390px;height:40px}.count-label{font-size:11px;color:#8993a4}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#8490a2;font-size:10px;text-transform:uppercase;letter-spacing:.4px;background:#fbfcfe}th,td{padding:13px 15px;border-bottom:1px solid #eef1f5;white-space:nowrap}td{color:#435066}tbody tr:hover{background:#fbfcfe}.prod-name{font-weight:700;color:var(--text)}.badge{font-size:9px;font-weight:800;border-radius:20px;padding:5px 8px}.badge.ok{background:#ecfdf3;color:#15803d}.badge.low{background:#fff7ed;color:#c2410c}.row-actions{display:flex;gap:5px}.row-actions button{width:29px;height:29px;border:1px solid var(--line);background:#fff;border-radius:7px;color:#687386}.row-actions button:hover{background:#f4f7fa}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;font-size:10px;color:#718096;font-weight:700}.filter.active{background:#eef4ff;border-color:#c7d8ff;color:var(--blue)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-card{padding:20px}.settings-card h3{font-size:14px;margin:0 0 16px}.toggle-line{display:flex!important;align-items:center;justify-content:space-between;grid-template-columns:auto auto!important}.toggle-line input{width:38px;height:21px;accent-color:var(--blue)}.gst-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.danger-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.danger{height:40px;border:1px solid #fecaca;color:var(--danger);background:#fff5f5;border-radius:9px;padding:0 12px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px}.file-btn{position:relative;overflow:hidden}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.mobile-nav,.mobile-only{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.22)}.modal-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0;font-size:16px}.modal-body{padding:20px}.modal-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.scanner-modal{background:#08101f;color:#fff;width:min(650px,100%);border-radius:18px;overflow:hidden}.scanner-view{position:relative;min-height:440px;background:#050b14;display:grid;place-items:center}.scanner-frame{width:72%;aspect-ratio:1.9;border:2px solid #fff;border-radius:16px;position:relative;box-shadow:0 0 0 999px rgba(0,0,0,.28)}.scan-line{position:absolute;left:4%;right:4%;top:50%;height:2px;background:#3b82f6;box-shadow:0 0 12px #3b82f6;animation:scan 1.7s infinite}@keyframes scan{0%,100%{top:15%}50%{top:85%}}.scanner-copy{position:absolute;bottom:22px;text-align:center;font-size:12px;left:0;right:0}.scanner-controls{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between}.scanner-control{border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.35);color:#fff;border-radius:9px;padding:9px}.toast-root{position:fixed;right:18px;bottom:18px;z-index:200;display:grid;gap:8px}.toast{background:#172033;color:#fff;padding:11px 14px;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.18);font-size:11px;display:flex;gap:8px;align-items:center;animation:toastIn .2s ease}.toast.success{background:#166534}.toast.warn{background:#9a5b00}.toast.error{background:#991b1b}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.billing-loader{text-align:center;padding:34px}.loader-ring{width:48px;height:48px;border:4px solid #e8eef8;border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.bill-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bill-actions button{height:42px}.bill-total-card{background:#f7faff;border:1px solid #dce8ff;border-radius:12px;padding:14px;margin-bottom:15px}.bill-total-card .small{color:#718096;font-size:10px}.bill-total-card strong{display:block;font-size:25px;margin-top:3px}.receipt-preview{font-family:monospace;font-size:10px;background:#fff;border:1px dashed #cdd4de;padding:15px;max-height:320px;overflow:auto}.no-data{padding:35px;text-align:center;color:#8a94a6;font-size:12px}.disabled{opacity:.5;pointer-events:none}@media(max-width:1100px){.billing-grid{grid-template-columns:minmax(0,1fr) 360px}.quick-products{grid-template-columns:repeat(3,1fr)}.sidebar{width:180px}.top-nav{display:none}}@media(max-width:800px){.topbar{height:62px;padding:0 13px}.brandmark{width:34px;height:34px}.clock,.status{display:none}.mobile-only{display:grid}.layout{min-height:calc(100vh - 62px);padding-bottom:66px}.sidebar{display:none}.main{padding:16px 12px}.page-head{margin-bottom:15px}.page-head h1{font-size:20px}.date-chip{display:none}.billing-grid{display:block}.cart{position:relative;top:auto;margin-top:15px;min-height:0}.cart-items{max-height:260px}.quick-products{grid-template-columns:repeat(2,1fr)}.search-row{flex-wrap:wrap}.search-box{flex-basis:100%;order:0}.search-row .primary{flex:1}.search-row .secondary{flex:1}.settings-grid{grid-template-columns:1fr}.table-card{border-radius:12px}.toolbar{align-items:stretch;flex-direction:column}.search-box.compact{max-width:none}.history-toolbar .filters{display:grid;grid-template-columns:repeat(4,1fr)}.filter{padding:8px 3px}.mobile-nav{display:grid;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid var(--line);z-index:50;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:transparent;color:#7a8597;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column}.mobile-nav button.active{color:var(--blue)}.payments{grid-template-columns:repeat(4,1fr)}.customer-card,.scanner-card{padding:14px}.form-grid.two{grid-template-columns:1fr}.grand strong{font-size:24px}}@media(max-width:430px){.quick-products{gap:8px}.product-card{padding:11px}.product-card .p-meta{font-size:9px}.primary,.secondary{padding:0 10px}.payments .pay{font-size:8px}.cart-bottom{padding:13px}.page-head p{font-size:11px}}