*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root,:root[data-theme=dark]{--bg:#0f1115;--panel:#171a21;--panel-2:#1e222b;--line:#4a566c;--edge:#cfd9e8;--text:#e6e9ef;--muted:#9aa3b2;--accent:#4f8cff;--on-accent:#fff;--ok:#3fbf7f;--on-ok:#08130d;--warn:#e2a33c;--danger:#e2574c}:root[data-theme=light]{--bg:#eef2f8;--panel:#fff;--panel-2:#f1f5fb;--line:#d6e0ec;--edge:#bccbdd;--text:#22344d;--muted:#64748b;--accent:#2f6fe0;--on-accent:#fff;--ok:#0f9b8e;--on-ok:#fff;--warn:#a76a12;--danger:#c0392b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;transition:background-color .15s,color .15s}h1,h2,h3{margin:0 0 8px;font-weight:650}h2{font-size:20px}h3{font-size:17px}p{margin:8px 0;line-height:1.5}ul,ol{margin:8px 0;padding-left:20px}code,.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.muted{color:var(--muted)}.small{font-size:13px}.cap{text-transform:capitalize}.right{text-align:right}.warn-text{color:var(--warn)}.ok-text{color:var(--ok)}.error{color:var(--danger)}.flash{color:var(--ok)}.strong{font-weight:650}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:20;flex-wrap:wrap;align-items:center;gap:20px;padding:14px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.logo{background:var(--accent);width:40px;height:40px;color:var(--on-accent);border-radius:10px;place-items:center;font-size:15px;font-weight:700;display:grid}.tabs{flex-wrap:wrap;flex:1;gap:4px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:11px 16px;font-size:14px}.tab:hover{color:var(--text);background:var(--panel-2)}.tab.active{color:var(--on-accent);background:var(--accent)}.account{align-items:center;gap:10px;display:flex}.content{width:100%;max-width:1500px;margin:0 auto;padding:20px}.stack{flex-direction:column;gap:16px;display:flex}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:16px}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.two-col{grid-template-columns:1fr}}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.tight{justify-content:flex-end;gap:4px}.row.wrap{flex-wrap:wrap}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}input,select,.btn{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--edge);border-radius:9px;padding:11px 14px}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--accent)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}label{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;display:flex}label.check{flex-direction:row;align-items:center;gap:8px}.btn{cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.primary:disabled{opacity:.45;cursor:not-allowed}.btn.wide{width:100%;margin-top:12px}.btn.ok{border-color:var(--ok);color:var(--ok)}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.small-btn{min-height:38px;padding:9px 12px;font-size:13px}.theme-toggle{align-items:center;gap:6px;display:inline-flex}.theme-toggle svg{display:block}.link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:13px}.link.danger{color:var(--danger)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:14px 0;display:grid}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 10px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:600}table.mini td,table.mini th{padding:9px 6px}.data-table{font-size:14px}:root[data-theme=light] .data-table thead th{color:#fff;background:#3f5372;border-bottom-color:#3f5372}:root[data-theme=light] .data-table thead th:first-child{border-top-left-radius:9px;border-bottom-left-radius:9px}:root[data-theme=light] .data-table thead th:last-child{border-top-right-radius:9px;border-bottom-right-radius:9px}:root[data-theme=light] .panel{box-shadow:0 1px 2px #1628460f}:root[data-theme=light] .cart-table thead th{color:#fff;background:#3f5372;border-bottom-color:#3f5372}:root[data-theme=light] .cart-table thead th:first-child{border-top-left-radius:9px;border-bottom-left-radius:9px}:root[data-theme=light] .cart-table thead th:last-child{border-top-right-radius:9px;border-bottom-right-radius:9px}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.metric{background:var(--panel);border:1px solid var(--edge);border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex}.metric-label{color:var(--muted);font-size:13px}.metric-value{font-size:22px;font-weight:650}.badge{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 9px;font-size:12px;display:inline-block}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.warn{color:var(--warn);border-color:var(--warn)}.badge.danger{color:var(--danger);border-color:var(--danger)}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--panel);border:1px solid var(--edge);border-radius:14px;width:min(520px,100%);padding:24px}.login-head h1{font-size:22px}.login-head .row-between{align-items:center}.login-form{flex-direction:column;gap:12px;margin:16px 0;display:flex}.demo-accounts{border-top:1px solid var(--line);padding-top:16px}.demo-accounts ul{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.demo-account{text-align:left;background:var(--panel-2);border:1px solid var(--edge);cursor:pointer;width:100%;color:var(--text);font:inherit;border-radius:10px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.demo-account:hover{border-color:var(--accent)}.demo-role{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);flex:0 0 84px;padding-top:2px;font-size:11px}.login-foot{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.pos-grid{grid-template-columns:1fr 1.3fr;align-items:start;gap:16px;display:grid}@media (width<=1050px){.pos-grid{grid-template-columns:1fr}}.scan-input{width:100%;margin-bottom:12px;padding:14px;font-size:16px}.star-toggle{width:100%;color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.star-toggle.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.star-toggle.active .muted{color:inherit;opacity:.75}.pos-left-empty{min-height:320px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.product-tile{text-align:left;background:var(--panel-2);border:1px solid var(--edge);cursor:pointer;color:var(--text);font:inherit;border-radius:10px;flex-direction:column;gap:5px;padding:14px;display:flex}.product-tile:hover{border-color:var(--accent)}.tile-price{font-weight:650}.qty-control{align-items:center;gap:6px;display:inline-flex}.qty-control button{cursor:pointer;background:var(--panel-2);border:1px solid var(--edge);width:34px;height:34px;color:var(--text);border-radius:8px;font-size:16px}.totals{flex-direction:column;gap:6px;margin:12px 0;display:flex}.totals>div{justify-content:space-between;display:flex}.totals .grand{border-top:1px solid var(--line);padding-top:8px;font-size:17px;font-weight:700}.customer-picker{border:1px dashed var(--edge);border-radius:10px;flex-direction:column;gap:6px;margin:12px 0 10px;padding:10px 12px;display:flex}.customer-picker .row-between{align-items:flex-end}.customer-phone{flex:1;min-width:200px}.customer-found{margin:0}.customer-new .row{align-items:flex-end}.customer-new label{flex:1;min-width:180px}.pay-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:8px;display:grid}.receipt{border:1px dashed var(--edge);background:var(--panel-2);border-radius:10px;margin-top:16px;padding:14px}.print-btn{background:var(--ok);border-color:var(--ok);width:100%;color:var(--on-ok);letter-spacing:.01em;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-weight:700;animation:1.8s ease-in-out infinite print-glow;display:inline-flex}.print-btn:hover{background:var(--ok);border-color:var(--ok);color:var(--on-ok);filter:brightness(1.08)}.print-btn:disabled{opacity:.45;cursor:not-allowed;animation:none}@keyframes print-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 60%, transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--ok) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.print-btn{box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 30%, transparent);animation:none}}.pos-grid{grid-template-columns:.9fr 1.55fr}.pos-right .cart-table{font-size:15px}.pos-right .cart-table th{padding:9px 10px;font-size:12px}.pos-right .cart-table td{padding:12px 10px}.pos-right .cart-table td:first-child{font-weight:600}.pos-right .cart-table select{min-height:44px;font-size:15px}.pos-right .qty-control{gap:8px}.pos-right .qty-control button{border-radius:10px;width:40px;height:40px;font-size:20px}.pos-right .qty-control span{text-align:center;min-width:30px;font-size:17px;font-weight:650}.pos-right .totals{gap:4px;margin:8px 0 10px;font-size:15px}.pos-right .totals .grand{padding-top:9px;font-size:22px}.pos-right .customer-picker{margin:10px 0 8px}.pos-right .customer-picker input{min-height:54px;font-size:16px}.pos-right .customer-picker .btn{min-height:54px;padding:12px 18px;font-size:15px}.pos-right .pay-row{gap:12px;margin-bottom:10px}.pos-right .pay-row label{gap:6px;font-size:13px}.pos-right .pay-row select,.pos-right .pay-row input{min-height:54px;padding:12px 14px;font-size:16px}.pos-right .btn.primary.wide{border-radius:12px;min-height:64px;margin-top:6px;font-size:18px}.pos-right .receipt table.mini{font-size:15px}.pos-right .print-btn{min-height:58px;font-size:17px}.pos-left .product-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}.pos-left .product-tile{min-height:124px;font-size:15px}.pos-left .tile-price{font-size:17px}.shop{background:var(--bg);min-height:100vh;color:var(--text)}.shop-wrap{max-width:1180px;margin:0 auto;padding:16px}.shop-head{border-bottom:1px solid var(--edge);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding:12px 0 18px;display:flex}.shop-head h1{font-size:22px}.shop-layout{grid-template-columns:1fr 360px;align-items:start;gap:16px;display:grid}@media (width<=900px){.shop-layout{grid-template-columns:1fr}}.shop-products{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;display:grid}.shop-cart{position:sticky;top:12px}.shop-cat{gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.shop-cat button{background:var(--panel-2);border:1px solid var(--edge);color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:13px}.shop-cat button.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.shop-line{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 0;display:grid}.shop-foot{text-align:center;margin-top:18px}.track-steps{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.track-step{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:12px}.track-step.done{border-color:var(--ok);color:var(--ok)}.store-qr{border:1px solid var(--edge);background:#fff;border-radius:10px;width:160px;height:160px;margin-top:12px}.online-catalogue{flex-direction:column;gap:2px;max-height:220px;margin-top:8px;display:flex;overflow-y:auto}.order-card{border-left:4px solid var(--accent)}.acct-period{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:12px;margin:12px 0;display:grid}.acct-balance{min-width:170px}.acct-balance.over .metric-value{color:var(--danger)}.acct-tabs{flex:none;margin-top:4px}.issue-list{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.ledger-pick{min-width:220px}.import-btn{cursor:pointer;align-items:center;display:inline-flex}.pos-mode{background:var(--panel);border:1px solid var(--edge);border-radius:10px;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.pos-mode button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:11px 18px;font-size:14px}.pos-mode button:hover{color:var(--text);background:var(--panel-2)}.pos-mode button.active{background:var(--accent);color:var(--on-accent);font-weight:600}.bill-tabs{flex-wrap:wrap;gap:6px;display:flex;overflow-x:auto}.bill-tab{background:var(--panel);border:1px solid var(--edge);color:var(--muted);font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:11px 16px;font-size:14px;display:inline-flex}.bill-tab:hover{color:var(--text);border-color:var(--accent)}.bill-tab.active{color:var(--text);border-color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent);font-weight:650}.bill-badge{background:var(--accent);min-width:18px;height:18px;color:var(--on-accent);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:650;display:inline-grid}.tab-pill{border:1px solid var(--edge);background:var(--panel-2);color:var(--text);cursor:pointer;font-size:13px;font:inherit;border-radius:9px;flex:1;padding:8px 4px}.tab-pill:hover{border-color:var(--accent)}.tab-pill.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:650}.invoice-list{flex-direction:column;gap:8px;max-height:560px;margin-top:12px;display:flex;overflow-y:auto}.invoice-pick{text-align:left;background:var(--panel-2);border:1px solid var(--edge);cursor:pointer;color:var(--text);font:inherit;border-radius:10px;flex-direction:column;gap:4px;padding:13px 14px;display:flex}.invoice-pick:hover{border-color:var(--accent)}.invoice-pick.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.invoice-pick .row-between{align-items:center}.return-qty{width:92px}.return-flash{background:var(--panel-2);border:1px solid var(--ok);border-radius:10px;margin-bottom:12px;padding:10px 12px}.return-cards{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;display:grid}.return-card{background:var(--panel);border:1px solid var(--edge);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.return-card .row-between{align-items:flex-start}.access-role{min-width:160px}.perm-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:12px 0;display:grid}.perm-group{border:1px solid var(--edge);background:var(--panel-2);border-radius:10px;padding:12px}.perm-group h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:11px}.perm-item{color:var(--text);padding:7px 0;font-size:14px}.khata-head{margin-top:12px}.khata-search{align-self:center;min-width:220px}.khata-group .row-between{align-items:center}.khata-amount{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.khata-amount.over .metric-value{color:var(--danger)}.khata-collect{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:12px;padding-top:12px;display:flex}.khata-collect label{min-width:180px}.progress{background:var(--panel-2);border-radius:999px;width:200px;height:8px;overflow:hidden}.progress-bar{background:var(--ok);height:100%}.course-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.course-card{text-align:left;background:var(--panel);border:1px solid var(--edge);cursor:pointer;color:var(--text);font:inherit;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.course-card:hover{border-color:var(--accent)}.lesson{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.quiz{background:var(--panel-2);border-radius:10px;margin-top:10px;padding:12px}.menu-btn{background:var(--panel-2);width:52px;height:52px;color:var(--text);border:1px solid var(--edge);cursor:pointer;font:inherit;border-radius:12px;place-items:center;display:grid}.menu-btn:hover{border-color:var(--accent)}.menu-btn .dots{font-size:30px;line-height:1;transform:translateY(-3px)}.topbar .brand{flex:1}.drawer-backdrop{z-index:60;background:#0408108c;display:flex;position:fixed;inset:0}.drawer{background:var(--panel);border-right:1px solid var(--edge);flex-direction:column;gap:14px;width:min(330px,88vw);height:100%;padding:16px;display:flex;overflow-y:auto;box-shadow:8px 0 28px #00000047}.drawer-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.drawer-nav{flex-direction:column;flex:1;gap:16px;display:flex}.drawer-group{flex-direction:column;gap:4px;display:flex}.drawer-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:4px 8px;font-size:11px}.drawer-item{text-align:left;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:13px 12px;font-size:15px}.drawer-item:hover{background:var(--panel-2);border-color:var(--edge)}.drawer-item.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:650}.drawer-foot{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:flex}.drawer-foot .btn{flex:1}.content.billing-full{max-width:1800px}.hw-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;display:grid}.hw-card{flex-direction:column;gap:10px;display:flex}.hw-list{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.hw-device{border:1px solid var(--edge);background:var(--panel-2);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.hw-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.dot{background:var(--line);border-radius:999px;width:10px;height:10px;display:inline-block}.dot.on{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 25%, transparent)}.stack-tight{flex-direction:column;gap:8px;display:flex}.hw-preview{margin-top:12px}.hw-preview pre{white-space:pre-wrap;color:#111;background:#fff;border-radius:8px;padding:12px;font:12px/1.45 ui-monospace,Consolas,monospace}.hw-help{margin:12px 0 0}.display-screen{color:#f3f7ff;background:#0b1220;flex-direction:column;gap:16px;min-height:100vh;padding:28px;font-size:26px;display:flex}.display-screen h1{letter-spacing:.01em;font-size:32px}.display-table td{border-bottom:1px solid #2a3a55;padding:12px 6px}.display-totals{flex-direction:column;gap:8px;max-width:560px;margin-top:auto;display:flex}.display-totals>div{justify-content:space-between;display:flex}.display-grand{border-top:2px solid #3b4b68;padding-top:12px;font-size:40px;font-weight:750}.display-status{text-align:center;color:#9fb3d4;font-size:22px}.display-status.ok{color:#4ade80}.display-empty{color:#9fb3d4;text-align:center;margin:auto}@media print{:root,:root[data-theme=dark],:root[data-theme=light]{--bg:#fff;--panel:#fff;--panel-2:#fff;--line:#000;--text:#000;--muted:#333}.topbar,.pos-left,.pay-row,.btn{display:none!important}.receipt{border:1px solid #000}body{color:#000;background:#fff}}