:root{--bg: #0e0e11;--panel: #18181c;--ink: #f4f4f5;--muted: #a1a1aa;--line: #2a2a30;--accent: #dc2626;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.boot{padding:2rem;color:var(--muted)}.login-wrap{min-height:100vh;display:grid;place-items:center}.login{width:min(360px,90vw);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:2rem;display:flex;flex-direction:column;gap:.75rem}.login h1{font-size:1.15rem;margin:0}.login .sub{margin:0 0 .5rem;color:var(--muted);font-size:.9rem}.login input{padding:.7rem .8rem;border-radius:9px;border:1px solid var(--line);background:#0f0f13;color:var(--ink)}.login button{margin-top:.25rem;padding:.7rem;border:0;border-radius:9px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.login button:disabled{opacity:.6;cursor:default}.err{color:#fca5a5;font-size:.85rem;margin:0}.topbar{display:flex;align-items:center;gap:1.25rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--line);background:var(--panel)}.brand{color:var(--accent);letter-spacing:.02em}.nav{display:flex;gap:1rem}.nav a{color:var(--muted);text-decoration:none}.nav a.active{color:var(--ink)}.who{margin-left:auto;color:var(--muted);font-size:.85rem}.who em{color:var(--ink);font-style:normal}.signout{background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:.4rem .7rem;cursor:pointer}.content{padding:1.5rem}.page h2{margin-top:0}.muted{color:var(--muted)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.page.narrow,.page.narrow .form{max-width:520px}.btn{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.5rem .9rem;font-weight:600;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.back{color:var(--muted);text-decoration:none;font-size:.85rem}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.mono.big{font-size:1.15rem}.state{padding:1.25rem;color:var(--muted)}.state.error{color:#fca5a5}.grid{width:100%;border-collapse:collapse;margin:.75rem 0 1.25rem}.grid th,.grid td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--line);font-size:.9rem}.grid th{color:var(--muted);font-weight:600}.grid td.r,.grid th.r{text-align:right}.grid tr.total td{font-weight:700;border-top:2px solid var(--line)}.truncate{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{padding:.15rem .5rem;border-radius:999px;font-size:.72rem;border:1px solid var(--line)}.badge.s-in_progress{background:#1e3a8a33}.badge.s-ready_for_pickup{background:#14532d55}.badge.s-waiting_for_parts{background:#78350f55}.badge.s-completed{color:var(--muted)}.meta{display:flex;gap:1.25rem;color:var(--muted);font-size:.9rem;margin:.5rem 0}.meta b{color:var(--ink)}.complaint{margin:.25rem 0 1rem}.form{display:flex;flex-direction:column;gap:.75rem}.form label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--muted)}.form select,.form input,.form textarea,.status-sel{padding:.55rem .7rem;border-radius:8px;border:1px solid var(--line);background:#0f0f13;color:var(--ink)}.form button{align-self:flex-start}.lineform{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1rem}.lineform input,.lineform select{padding:.5rem;border-radius:8px;border:1px solid var(--line);background:#0f0f13;color:var(--ink)}.lineform .w-hsn{width:90px}.lineform .w-qty{width:70px}.lineform .w-price{width:90px}.invoice-row{margin-top:.5rem}.invoice-box{display:flex;align-items:center;gap:1rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.75rem 1rem}.recon{display:flex;gap:1rem;margin-bottom:1.25rem}.tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.9rem 1.2rem;min-width:160px}.tile-n{display:block;font-size:1.6rem;font-weight:700}.tile-l{color:var(--muted);font-size:.8rem}.tile.good{border-color:#14532d}.tile.good .tile-n{color:#4ade80}.tile.bad{border-color:var(--accent)}.tile.bad .tile-n{color:#fca5a5}.pos-grid{display:grid;grid-template-columns:1fr 340px;gap:1.5rem}@media (max-width: 760px){.pos-grid{grid-template-columns:1fr}}.pos-list h3,.pos-pay .due{margin-bottom:.75rem}.bal-tile{display:grid;grid-template-columns:1fr auto;gap:.15rem .75rem;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.7rem .9rem;margin-bottom:.6rem;color:var(--ink);cursor:pointer}.bal-tile.sel{border-color:var(--accent)}.bal-veh{grid-column:1;color:var(--muted);font-size:.82rem}.bal-due{grid-row:1 / span 2;align-self:center;font-weight:700}.pos-pay{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.1rem}.due{display:flex;flex-direction:column;gap:.15rem}.due-amt{font-size:1.8rem;font-weight:800;color:var(--accent)}.amt-display{text-align:right;font-size:1.5rem;font-variant-numeric:tabular-nums;border:1px solid var(--line);border-radius:10px;padding:.6rem .9rem;margin:.75rem 0;background:#0f0f13}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.key{padding:.9rem;font-size:1.15rem;border:1px solid var(--line);border-radius:10px;background:#0f0f13;color:var(--ink);cursor:pointer}.key:active{background:#1c1c22}.methods{display:flex;gap:.5rem;margin:.9rem 0}.method{flex:1;padding:.6rem;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.method.sel{border-color:var(--accent);color:var(--ink)}.pay-btn{width:100%;padding:.85rem;font-size:1rem}.paid-msg{color:#4ade80;font-size:.9rem}.wa-link{width:100%;margin-top:.6rem;padding:.6rem;border:1px dashed var(--line);border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.insights-btn{margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:.4rem .8rem;cursor:pointer}.who{margin-left:1rem}.panel-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .2s;z-index:40}.panel-scrim.show{opacity:1;pointer-events:auto}.panel{position:fixed;top:0;right:0;height:100vh;width:min(420px,92vw);background:var(--panel);border-left:1px solid var(--line);z-index:50;transform:translate(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.panel.open{transform:translate(0)}@media (prefers-reduced-motion: reduce){.panel,.panel-scrim{transition:none}}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;padding:1.1rem 1.2rem;border-bottom:1px solid var(--line)}.panel-head h3{margin:0}.panel-sub{margin:.2rem 0 0;color:var(--muted);font-size:.78rem}.panel-x{background:transparent;border:0;color:var(--muted);font-size:1.5rem;cursor:pointer;line-height:1}.panel-body{padding:1rem 1.2rem;overflow-y:auto;display:flex;flex-direction:column;gap:.9rem}.insight{border:1px solid var(--line);border-left-width:3px;border-radius:10px;padding:.75rem .9rem}.insight.sev-info{border-left-color:#3b82f6}.insight.sev-warning{border-left-color:#f59e0b}.insight.sev-critical{border-left-color:var(--accent);background:#2a0f12}.ins-head{margin:0 0 .25rem;font-weight:600;min-height:1.2em}.ins-detail{margin:0;color:var(--muted);font-size:.85rem}.ins-ref{display:inline-block;margin-top:.4rem;color:#93c5fd;text-decoration:none;font-size:.85rem}