:root{--ac:#4f46e5;--bg:#f6f7f9;--bd:#e5e7eb;--tx:#111827;--mu:#6b7280;--card:#fff}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);color:var(--tx);font-size:14px}
.side{position:fixed;inset:0 auto 0 0;width:220px;background:#0f1222;padding:20px 14px}
.brand{color:#fff;font-weight:700;font-size:18px;padding:4px 10px 22px}.brand i{color:#818cf8}
.side a{display:flex;gap:10px;align-items:center;color:#a5aac3;text-decoration:none;padding:9px 12px;border-radius:8px;margin-bottom:2px}
.side a:hover{background:#1b1f3a;color:#fff}
.main{margin-left:220px}.top{display:flex;justify-content:space-between;align-items:center;background:var(--card);border-bottom:1px solid var(--bd);padding:12px 24px;position:sticky;top:0;z-index:5}
.top h1{font-size:17px;font-weight:700;margin:0}.who{color:var(--mu);font-size:13px}.content{padding:20px 24px}
.pill{font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:99px}
.pill.ok{background:#dcfce7;color:#166534}.pill.off{background:#fee2e2;color:#991b1b}.pill.wait{background:#fef3c7;color:#92400e}.pill.chk{background:#fde68a;color:#7c2d12}
.panel{background:var(--card);border:1px solid var(--bd);border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.btn-primary{--bs-btn-bg:var(--ac);--bs-btn-border-color:var(--ac);--bs-btn-hover-bg:#4338ca;--bs-btn-hover-border-color:#4338ca}
.form-control,.form-select{border-radius:8px;border-color:var(--bd)}.form-control:focus{border-color:var(--ac);box-shadow:0 0 0 3px #e0e7ff}
.pos{display:grid;grid-template-columns:1fr 360px;gap:16px;height:calc(100vh - 100px)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;overflow:auto;padding:12px;align-content:start}
.prod{border:1px solid var(--bd);border-radius:10px;padding:12px;background:var(--card);text-align:left;cursor:pointer}
.prod:hover{border-color:var(--ac);box-shadow:0 0 0 3px #eef2ff}.prod b{display:block;font-weight:600}.prod small{color:var(--mu)}
.cart{display:flex;flex-direction:column}.cart .items{flex:1;overflow:auto;padding:8px 14px}
.ci{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed var(--bd)}
.tot{padding:14px;border-top:1px solid var(--bd)}.big{font-size:24px;font-weight:700}
body.auth{display:grid;place-items:center;min-height:100vh}.authbox{width:380px;padding:32px}
#receipt{display:none}@media print{body>*{display:none!important}#receipt{display:block!important;width:58mm;font:11px monospace}}
@media(max-width:900px){.side{display:none}.main{margin:0}.pos{grid-template-columns:1fr;height:auto}}
.kpi{position:relative;background:var(--card);border:1px solid var(--bd);border-left:4px solid var(--ac);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.kpi i{position:absolute;right:16px;top:14px;font-size:22px;color:#c7d2fe}.kpi small{color:var(--mu);font-weight:600}.kpi b{font-size:24px;letter-spacing:-.02em}.kpi span{color:var(--mu);font-size:12px}
.kpi.dark{background:linear-gradient(135deg,#1e1b4b,#4338ca);border-color:#4338ca;color:#fff}.kpi.dark small,.kpi.dark span{color:#c7d2fe}
.bars{display:flex;align-items:flex-end;gap:4px;height:200px;margin-top:14px;overflow-x:auto}.bars div{flex:1;min-width:14px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.bars i{display:block;width:100%;background:linear-gradient(#818cf8,#4f46e5);border-radius:4px 4px 0 0}.bars small{font-size:10px;color:var(--mu);margin-top:4px}
[data-bs-theme=dark]{--bg:#0b0d17;--card:#141828;--bd:#262b45;--tx:#e5e7eb;--mu:#9aa3b8}[data-bs-theme=dark] .form-control:focus{box-shadow:0 0 0 3px #312e81}[data-bs-theme=dark] .prod:hover{box-shadow:0 0 0 3px #1e1b4b}[data-bs-theme=dark] .pill.ok{background:#14532d;color:#bbf7d0}[data-bs-theme=dark] .pill.off{background:#7f1d1d;color:#fecaca}[data-bs-theme=dark] .pill.wait,[data-bs-theme=dark] .pill.chk{background:#78350f;color:#fde68a}