:root{--accent:#0787ea;--amber:#F59E0B;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--ok:#16a34a;--surface:#ffffff;--canvas:#eef2f7;--tile:#e2e8f0;--line-2:#f1f5f9}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--canvas)}button,input,select{font-family:inherit}input,select{padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;background:var(--surface);color:var(--ink)}button{border:0;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer;background:var(--accent);color:#fff}button.amber{background:var(--amber);color:#1e293b}button.ok{background:var(--ok)}button.ghost{background:var(--tile);color:#475569}button:disabled{opacity:.5;cursor:not-allowed}.hdr{background:var(--accent);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.hdr .b{font-weight:800;font-size:18px}.hdr .b small{font-weight:500;opacity:.8}.hdr .r{display:flex;align-items:center;gap:14px;font-size:13px}.pos-theme-toggle{background:rgba(255,255,255,.15);color:#fff;padding:7px;border-radius:8px;display:inline-grid;place-items:center;line-height:0}.pos-theme-toggle:hover{background:rgba(255,255,255,.28)}.pos-theme-toggle .moon{display:none}.pos-theme-toggle .sun,html.dark .pos-theme-toggle .moon{display:block}html.dark .pos-theme-toggle .sun{display:none}.shiftbar{background:#0369c0;color:#cfe4fb;padding:8px 20px;font-size:13px;display:flex;gap:14px;align-items:center}.shiftbar form{display:inline-flex;gap:8px;align-items:center}.shiftbar input{padding:5px 8px;width:120px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.on{background:#22c55e}.dot.off{background:#ef4444}.pos{display:grid;grid-template-columns:1fr 380px;grid-gap:16px;gap:16px;padding:16px 20px;max-width:1200px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}.addbar{display:flex;gap:8px;margin-bottom:12px}.addbar input.sku{flex:1 1}.addbar input.q{width:80px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;padding:6px 8px;border-bottom:2px solid var(--line)}td{padding:8px;border-bottom:1px solid var(--line-2)}.right{text-align:right}.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}.qbtn{padding:4px 10px}.tot{display:flex;justify-content:space-between;margin:6px 0;font-size:15px}.tot.grand{font-size:22px;font-weight:800;color:var(--accent);border-top:1px solid var(--line);padding-top:10px;margin-top:8px}.err{background:#fee2e2;color:#991b1b;padding:8px 12px;border-radius:8px;font-size:13px;margin-bottom:10px}.receipt{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:14px;margin-bottom:12px}.receipt h3{margin:0 0 6px;color:#166534}.muted{color:var(--muted)}.empty{padding:30px}.empty,.noaccess{color:var(--muted);text-align:center}.noaccess{background:var(--surface);border-radius:12px;padding:50px;margin:40px}h2{font-size:16px;margin:0 0 12px}.dark{color-scheme:dark;--surface:#0f172a;--canvas:#080f1c;--tile:#1e293b;--line-2:#0f172a;--ink:#e8eef6;--muted:#94a3b8;--line:#1e293b}.dark button.ghost{color:#cbd5e1}.dark .err{background:#3a1618;color:#fca5a5}.dark .receipt{background:#0e2a1b;border-color:#14532d}.dark .receipt h3{color:#4ade80}