@font-face{font-family:Inter;src:url(/fonts/inter-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--navy:#0b2a5b;--navy-deep:#071d42;--navy-soft:#14376e;--blue:#1d5fd6;--blue-600:#2563eb;--blue-soft:#e8f0fe;--bg:#f2f6fc;--card:#ffffff;--text:#16283f;--muted:#5b6b85;--border:#e3eaf6;--green:#15803d;--green-soft:#e7f6ec;--amber:#b45309;--amber-soft:#fdf1e0;--red:#dc2626;--red-soft:#fdecec;--radius:14px;--shadow:0 1px 2px rgba(11,42,91,0.05),0 8px 24px rgba(11,42,91,0.07);--shadow-sm:0 1px 2px rgba(11,42,91,0.08)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 .5em;letter-spacing:-.01em}h1{font-size:1.6rem;font-weight:700}h2{font-size:1.25rem}h2,h3{font-weight:600}h3{font-size:1.05rem}p{margin:0 0 .75em}a{color:var(--blue)}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:0 0 248px;background:linear-gradient(180deg,var(--navy) 0,var(--navy-deep) 100%);color:#dbe6fa;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-name{font-size:1.15rem;font-weight:700;color:#fff}.brand-sub{font-size:.78rem;color:#9db4dd;margin-top:2px}.nav{padding:12px;display:flex;flex-direction:column;gap:4px;flex:1 1}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:#c6d6f3;text-decoration:none;font-weight:500;font-size:.94rem;transition:background .15s,color .15s}.nav-link:hover{background:rgba(255,255,255,.08);color:#fff}.nav-link.active{background:var(--blue);color:#fff}.nav-icon{width:20px;text-align:center;font-size:1.05rem}.side-foot{padding:14px;border-top:1px solid rgba(255,255,255,.1)}.user-chip{gap:10px;margin-bottom:10px}.avatar,.user-chip{display:flex;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;justify-content:center;font-weight:700;font-size:.95rem;flex:0 0 36px}.user-name{font-weight:600;color:#fff;font-size:.9rem}.user-role{font-size:.76rem;color:#9db4dd;text-transform:capitalize}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{background:var(--card);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar-title{font-size:1.05rem;font-weight:600}.topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.content{padding:24px;max-width:1200px;width:100%;margin:0 auto}.offline-banner{background:var(--amber);color:#fff;text-align:center;padding:8px 16px;font-size:.85rem;font-weight:600}.local-badge{font-size:.75rem;color:var(--muted);background:var(--blue-soft);border:1px solid #c9dbfb;border-radius:999px;padding:5px 12px;font-weight:500;white-space:nowrap}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:20px}.card-title{font-size:1.05rem;font-weight:600;margin-bottom:14px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-bottom:20px}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.stat-label{font-size:.8rem;color:var(--muted);font-weight:500;margin-bottom:6px}.stat-value{font-size:1.6rem;font-weight:700;color:var(--navy)}.stat-sub{font-size:.8rem;color:var(--muted);margin-top:4px}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:11px 18px;font-family:inherit;font-size:.94rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,transform .05s;min-height:44px}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#1a54bd}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-soft)}.btn-ghost{background:#fff;border-color:var(--border);color:var(--text)}.btn-ghost:hover{background:#f6f9fe}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#b91f1f}.btn-success{background:var(--green);color:#fff}.btn-sm{padding:7px 12px;font-size:.85rem;min-height:36px;border-radius:8px}.btn-block{width:100%}.field{margin-bottom:14px}.label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--text)}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px 13px;font-family:inherit;font-size:.95rem;background:#fff;color:var(--text);min-height:44px}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}.textarea{min-height:90px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-error{background:var(--red-soft);border:1px solid #f5c2c2;color:#991b1b;border-radius:10px;padding:10px 14px;font-size:.9rem;margin-bottom:14px}.form-hint{font-size:.8rem;color:var(--muted);margin-top:4px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}.table{width:100%;border-collapse:collapse;font-size:.92rem;background:#fff}.table th{text-align:left;padding:11px 14px;background:#f6f9fe;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;white-space:nowrap}.table td{padding:11px 14px;border-top:1px solid var(--border);vertical-align:middle}.table tr:hover td{background:#fafcff}.row-inactive td{opacity:.5}.row-low td{background:#fffaf3}.badge{display:inline-block;font-size:.76rem;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.badge-blue{background:var(--blue-soft);color:var(--blue)}.badge-green{background:var(--green-soft);color:var(--green)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-gray{background:#eef1f6;color:var(--muted)}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.chip{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 15px;font-size:.86rem;font-weight:500;cursor:pointer;font-family:inherit;color:var(--text);min-height:38px}.chip.active{background:var(--navy);border-color:var(--navy);color:#fff}.alert{border-radius:12px;padding:14px 16px;font-size:.92rem;margin-bottom:14px;display:flex;gap:10px;align-items:flex-start}.alert-amber{background:var(--amber-soft);border:1px solid #f3ddb8;color:#7c4a03}.alert-blue{background:var(--blue-soft);border:1px solid #c9dbfb;color:#1e3f8f}.alert-green{background:var(--green-soft);border:1px solid #bfe6cc;color:#14532d}.pos-layout{display:grid;grid-template-columns:1fr 380px;grid-gap:20px;gap:20px;align-items:start}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.product-tile{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s,box-shadow .15s;min-height:110px;display:flex;flex-direction:column;justify-content:space-between}.product-tile:hover{border-color:var(--blue);box-shadow:var(--shadow-sm)}.product-tile:disabled{opacity:.45;cursor:not-allowed}.tile-name{font-weight:600;font-size:.9rem;margin-bottom:4px}.tile-sku{font-size:.72rem;color:var(--muted);margin-bottom:6px}.tile-foot{display:flex;justify-content:space-between;align-items:center}.tile-price{font-weight:700;color:var(--blue);font-size:.95rem}.tile-stock{font-size:.74rem;color:var(--muted)}.tile-stock.low{color:var(--amber);font-weight:600}.cart{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;position:-webkit-sticky;position:sticky;top:76px}.cart-title{font-weight:700;font-size:1.05rem;margin-bottom:12px}.cart-empty{color:var(--muted);text-align:center;padding:24px 0;font-size:.92rem}.cart-line{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--border)}.cart-line-info{flex:1 1;min-width:0}.cart-line-name{font-weight:600;font-size:.9rem}.cart-line-price{font-size:.8rem;color:var(--muted)}.qty-stepper{gap:6px}.qty-btn,.qty-stepper{display:flex;align-items:center}.qty-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:#fff;font-size:1rem;font-weight:700;cursor:pointer;color:var(--blue);justify-content:center}.qty-btn:hover{background:var(--blue-soft)}.qty-val{min-width:26px;text-align:center;font-weight:700}.line-total{font-weight:700;min-width:64px;text-align:right;font-size:.92rem}.cart-remove{border:none;background:none;color:var(--red);cursor:pointer;font-size:1rem;padding:4px}.totals{margin-top:14px;border-top:2px solid var(--border);padding-top:12px}.total-row{display:flex;justify-content:space-between;font-size:.92rem;padding:3px 0}.total-row.grand{font-size:1.2rem;font-weight:700;color:var(--navy);padding-top:8px}.total-row .neg{color:var(--red)}.pay-methods{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px;margin:12px 0}.pay-btn{border:2px solid var(--border);background:#fff;border-radius:10px;padding:11px 6px;font-family:inherit;font-weight:600;font-size:.88rem;cursor:pointer;min-height:48px}.pay-btn.active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.modal-backdrop{position:fixed;inset:0;background:rgba(7,29,66,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal{background:#fff;border-radius:16px;max-width:560px;width:100%;max-height:92vh;overflow-y:auto;padding:24px;box-shadow:0 24px 64px rgba(7,29,66,.35)}.modal-title{font-size:1.15rem;font-weight:700;margin-bottom:14px}.modal-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.receipt{font-family:Inter,monospace;font-size:.88rem;color:#111;max-width:340px;margin:0 auto;padding:8px 4px}.receipt-center{text-align:center}.receipt-shop{font-size:1.1rem;font-weight:700;margin-bottom:2px}.receipt-line{display:flex;justify-content:space-between;padding:2px 0}.receipt hr{border:none;border-top:1px dashed #999;margin:8px 0}.receipt-total{font-weight:700;font-size:1.05rem}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--navy) 0,var(--navy-deep) 60%,#0a2f6b 100%)}.login-card{background:#fff;border-radius:20px;padding:36px 32px;width:100%;max-width:400px;box-shadow:0 32px 80px rgba(0,0,0,.35)}.login-brand{text-align:center;margin-bottom:22px}.login-logo{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;font-size:1.8rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.login-title{font-size:1.35rem;font-weight:700;color:var(--navy);margin-bottom:4px}.login-sub{color:var(--muted);font-size:.9rem}.demo-creds{margin-top:18px;background:var(--bg);border:1px dashed var(--border);border-radius:10px;padding:12px 14px;font-size:.85rem;color:var(--muted)}.demo-creds strong{color:var(--text)}.tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.tab{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 18px;font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;min-height:42px}.tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.bar-label{width:150px;flex:0 0 150px;font-size:.88rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1 1;background:#eaf0fa;border-radius:6px;height:22px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,var(--blue),var(--blue-600));height:100%;border-radius:6px;min-width:2px}.bar-val{width:90px;flex:0 0 90px;text-align:right;font-size:.88rem;font-weight:600}.date-nav{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.date-nav-label{font-weight:700;font-size:1rem;color:var(--navy)}.page-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.page-head,.search-row{display:flex;flex-wrap:wrap}.search-row{gap:10px;margin-bottom:14px}.search-row .input{max-width:320px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);z-index:30;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottom-nav-inner{display:flex;justify-content:space-around}.bottom-link{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--muted);font-size:.68rem;font-weight:600;padding:6px 10px;border-radius:10px;min-width:60px}.bottom-link.active{color:var(--blue)}.bottom-link .nav-icon{font-size:1.25rem}.has-bottom-nav .content{padding-bottom:84px}.install-btn{white-space:nowrap}@media (max-width:900px){.sidebar{display:none}.bottom-nav{display:block}.content{padding:16px 14px}.topbar{padding:10px 14px}.pos-layout{grid-template-columns:1fr}.cart{position:static}.form-row{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media screen{.print-area{display:none}}@media print{body{background:#fff}body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;top:0;left:0;right:0;margin:0 auto;max-width:80mm;padding:0 8px}.no-print{display:none!important}.receipt{max-width:72mm;font-size:12px}@page{size:80mm auto;margin:4mm}}