.viz{--viz-surface:#fff;--viz-plane:#f6f6f4;--viz-ink:#0b0b0b;--viz-ink-2:#52514e;--viz-muted:#898781;--viz-grid:#e1e0d9;--viz-baseline:#c3c2b7;--viz-ring:#0b0b0b17;--viz-hover:#0b0b0b09;--viz-dim:#d6d5cd;--viz-good-c:#0ca30c;--viz-warn-c:#fab219;--viz-crit-c:#d03b3b;--viz-pos:#2a78d6;--viz-neg:#d03b3b;color:var(--viz-ink)}.viz-good{color:#006300}.viz-bad{color:var(--viz-crit-c)}.viz-muted{color:var(--viz-muted)}.viz-sub{color:var(--viz-ink-2);margin:4px 0 0;font-size:13px;line-height:1.5}.viz-note{color:var(--viz-muted);font-size:11px;font-weight:400}.viz-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.viz-skeleton{color:var(--viz-muted);padding:40px 0}.viz-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.viz-top h1{letter-spacing:-.01em;margin:0;font-size:26px}.viz-filter{align-items:center;gap:8px;display:flex}.viz-filter button{border:1px solid var(--viz-ring);background:var(--viz-surface);cursor:pointer;width:38px;height:38px;color:var(--viz-ink);border-radius:10px;font-size:17px}.viz-filter button:hover{background:var(--viz-hover)}.viz-filter strong{text-align:center;min-width:88px;font-size:15px}.viz-linkbtn{border:1px solid var(--viz-ring);background:var(--viz-surface);color:var(--viz-ink-2);border-radius:10px;margin-left:6px;padding:9px 14px;font-size:13px;text-decoration:none}.viz-linkbtn:hover{background:var(--viz-hover)}.viz-hero{background:var(--viz-ring);border:1px solid var(--viz-ring);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:1px;margin-bottom:18px;display:grid;overflow:hidden}.viz-hero-main,.viz-hero-meter{background:var(--viz-surface);padding:22px 24px}.viz-hero-label{color:var(--viz-ink-2);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.viz-hero-value{letter-spacing:-.02em;margin:8px 0 6px;font-size:46px;font-weight:650;line-height:1.1}.viz-hero-pct{margin:8px 0 12px;font-size:40px;font-weight:650;line-height:1.1}.viz-hero-sub{color:var(--viz-ink-2);font-size:13px}.viz-hero-note{color:var(--viz-muted);margin:12px 0 0;font-size:12px;line-height:1.55}.viz-state{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.viz-state.good{color:#0a5c0a;background:#e7f6e7}.viz-state.critical{color:#8f2020;background:#fbeaea}.viz-meter-track{background:#eceae4;border-radius:999px;height:12px;position:relative;overflow:hidden}.viz-meter-fill{border-radius:999px;height:100%;transition:width .3s}.viz-meter-fill.good{background:var(--viz-good-c)}.viz-meter-fill.warning{background:var(--viz-warn-c)}.viz-meter-fill.critical{background:var(--viz-crit-c)}.viz-meter-mark{background:var(--viz-ink);width:2px;position:absolute;top:-3px;bottom:-3px}.viz-meter-scale{height:16px;color:var(--viz-muted);margin-top:6px;font-size:11px;position:relative}.viz-meter-scale>span:first-child{position:absolute;left:0}.viz-meter-scale>span:last-child{position:absolute;right:0}.viz-meter-benchlabel{white-space:nowrap;color:var(--viz-ink);font-weight:600;position:absolute;transform:translate(-50%)}.viz-alerts{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.viz-alert{background:var(--viz-surface);border:1px solid;border-radius:14px;align-items:flex-start;gap:13px;padding:13px 16px;display:flex}.viz-alert.high{background:#fdf6f6;border-color:#f3cccc}.viz-alert.warn{background:#fffbf1;border-color:#f6e3b8}.viz-alert.good{background:#f5fbf5;border-color:#cfe9cf;margin-bottom:18px}.viz-alert-icon{color:#fff;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.viz-alert.high .viz-alert-icon{background:var(--viz-crit-c)}.viz-alert.warn .viz-alert-icon{background:#b9820c}.viz-alert.good .viz-alert-icon{background:var(--viz-good-c)}.viz-alert-body{flex:1;min-width:0}.viz-alert-title{font-size:15px;font-weight:650}.viz-alert-detail{color:var(--viz-ink-2);margin-top:2px;font-size:13px}.viz-alert-hint{color:var(--viz-ink);background:#0b0b0b0b;border-radius:8px;margin-top:6px;padding:6px 10px;font-size:13px;display:inline-block}.viz-alert-amt{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.viz-tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px;display:grid}.viz-tile{background:var(--viz-surface);border:1px solid var(--viz-ring);border-radius:16px;padding:16px 18px;position:relative;overflow:hidden}.viz-tile-label{color:var(--viz-ink-2);font-size:12px}.viz-tile-value{letter-spacing:-.01em;margin:5px 0 7px;font-size:27px;font-weight:650}.viz-tile-foot{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.viz-chip{color:var(--viz-ink-2);background:#f0efec;border-radius:999px;padding:2px 8px;font-size:11px}.viz-chip.over{color:#8f2020;background:#fbeaea;font-weight:600}.viz-spark{width:100%;height:26px;margin-top:10px;display:block}.viz-card{background:var(--viz-surface);border:1px solid var(--viz-ring);border-radius:18px;margin-bottom:18px;padding:20px 22px}.viz-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.viz-card-head h2{letter-spacing:-.01em;margin:0;font-size:17px}.viz-card-stat{text-align:right}.viz-card-stat span{color:var(--viz-muted);font-size:11px;display:block}.viz-card-stat strong{font-size:20px}.viz-fig{margin:0}.viz-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.viz-svg{width:100%;min-width:560px;height:auto;display:block}.viz-tick{fill:var(--viz-muted);font-variant-numeric:tabular-nums;font-size:11px}.viz-tick.on{fill:var(--viz-ink);font-weight:600}.viz-label{fill:var(--viz-ink);font-size:12px;font-weight:700}.viz-cap{color:var(--viz-ink-2);margin-top:10px;font-size:13px}.viz-legend{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.viz-key{border:1px solid var(--viz-ring);background:var(--viz-surface);color:var(--viz-ink);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;display:inline-flex}.viz-key.static{cursor:default}.viz-key.off{opacity:.42;text-decoration:line-through}.viz-key-val{font-variant-numeric:tabular-nums;color:var(--viz-ink)}.viz-swatch{vertical-align:middle;border-radius:3px;flex:0 0 11px;width:11px;height:11px;margin-right:6px;display:inline-block}.viz-key .viz-swatch{margin-right:0}.viz-stack{gap:2px;height:46px;display:flex}.viz-stack-seg{color:#fff;place-items:center;min-width:3px;font-size:13px;font-weight:650;display:grid}.viz-stack-seg:first-child{border-radius:8px 0 0 8px}.viz-stack-seg:last-child{border-radius:0 8px 8px 0}.viz-tabs{gap:6px;margin-bottom:14px;display:flex;overflow-x:auto}.viz-tabs button{border:1px solid var(--viz-ring);background:var(--viz-surface);color:var(--viz-ink-2);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:8px 15px;font-size:13px}.viz-tabs button.on{background:var(--viz-ink);color:#fff;border-color:var(--viz-ink)}.viz-tablewrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.viz-table{border-collapse:collapse;width:100%;font-size:13.5px}.viz-table th{text-align:left;color:var(--viz-muted);border-bottom:1px solid var(--viz-grid);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:600}.viz-table td{border-bottom:1px solid var(--viz-grid);vertical-align:top;padding:10px}.viz-table .r{text-align:right;font-variant-numeric:tabular-nums}.viz-table tbody tr:hover{background:var(--viz-hover)}.viz-table tr.on{background:#eef4fd}.viz-table tr.viz-total td{border-top:2px solid var(--viz-ink);border-bottom:0}.viz-inlinebar{align-items:center;gap:8px;display:flex}.viz-inlinebar>div{background:var(--viz-pos);border-radius:4px;min-width:2px;max-width:120px;height:7px}.viz-inlinebar>span{color:var(--viz-ink-2);font-variant-numeric:tabular-nums;font-size:12px}@media (width<=900px){.viz-hero{grid-template-columns:1fr}.viz-key,.viz-tabs button{min-height:38px;padding-top:9px;padding-bottom:9px}.viz-filter button{width:42px;height:42px}.viz-top h1{font-size:22px}.viz-hero-value{font-size:38px}.viz-hero-pct{font-size:32px}.viz-card{border-radius:15px;padding:16px}.viz-filter{width:100%}.viz-filter .viz-linkbtn{margin-left:auto}}@media print{.viz-card,.viz-hero,.viz-tile{break-inside:avoid;border-color:#999}}.viz-hero-unit{color:var(--viz-ink-2);letter-spacing:0;font-size:18px;font-weight:500}:root{--bg:#f1f5f9;--panel:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#2563eb;--brand-ink:#1e40af;--ok:#16a34a;--bad:#dc2626}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,Sarabun,system-ui,-apple-system,sans-serif}.layout{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#cbd5e1;background:#0f172a;flex-direction:column;gap:6px;padding:18px 14px;display:flex}.brand{border-bottom:1px solid #1e293b;align-items:center;gap:10px;margin-bottom:6px;padding:4px 8px 14px;display:flex}.brand-logo{font-size:26px}.brand-name{color:#fff;font-weight:700}.brand-sub{color:#64748b;font-size:12px}.nav{flex:1;margin:0 -4px;padding:0 4px;overflow-y:auto}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}.nav-group+.nav-group{border-top:1px solid #1e293b;margin-top:4px;padding-top:10px}.nav-group-head{color:#64748b;letter-spacing:.04em;align-items:center;gap:7px;padding:4px 12px 8px;font-size:11px;font-weight:600;display:flex}.nav-step{color:#94a3b8;background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;font-weight:700;display:inline-flex}.nav-link{color:#cbd5e1;border-radius:10px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:15px;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-link:hover{color:#fff;background:#1e293b}.nav-link.active{background:var(--brand);color:#fff;font-weight:600}.nav-link.active .nav-step,.nav-link.active .nav-out{color:#fff}.nav-icon{text-align:center;flex:0 0 22px;width:22px}.nav-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-ext{color:#94a3b8;font-size:14px}.nav-out{color:#64748b;font-size:12px}.status{align-items:center;gap:8px;margin-top:auto;padding:8px;font-size:13px;display:flex}.dot{background:#64748b;border-radius:50%;width:9px;height:9px}.dot.ok{background:var(--ok)}.dot.bad{background:var(--bad)}.content{padding:28px 32px;overflow:auto}.page-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.page-head h1{margin:0;font-size:24px}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:20px;padding:20px}.card h2{margin:0 0 14px;font-size:16px}.kpi{margin:0}.kpi-label{color:var(--muted);font-size:13px}.kpi-value{margin:6px 0 2px;font-size:28px;font-weight:700}.kpi-sub{color:var(--muted);font-size:12px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.table .r{text-align:right}.muted{color:var(--muted)}.form-grid{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.form-grid label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.form-grid input,.form-grid select{border:1px solid var(--line);min-width:150px;color:var(--ink);background:#fff;border-radius:9px;padding:9px 11px;font-size:14px}.btn{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:10px 18px;font-size:14px;font-weight:600}.btn:hover{background:var(--brand-ink)}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{color:var(--brand);border:1px solid var(--line);background:#fff}.pill{background:#e2e8f0;border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.pill.ok{color:#166534;background:#dcfce7}.banner{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;margin-bottom:16px;padding:10px 14px}.chat{flex-direction:column;height:70vh;display:flex}.chat-list{flex-direction:column;flex:1;gap:10px;padding-right:6px;display:flex;overflow:auto}.bubble{white-space:pre-wrap;border-radius:14px;max-width:75%;padding:10px 14px;line-height:1.5}.bubble.user{background:var(--brand);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble.assistant{background:#f1f5f9;border-bottom-left-radius:4px;align-self:flex-start}.chat-input{gap:10px;margin-top:14px;display:flex}.chat-input input{border:1px solid var(--line);border-radius:10px;flex:1;padding:11px 14px;font-size:15px}.nav-sep{color:#475569;text-transform:uppercase;letter-spacing:.05em;padding:16px 12px 4px;font-size:11px}.link-btn{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:13px}.link-btn:hover{text-decoration:underline}.lang-block{margin-bottom:16px}.lang-title{color:var(--muted);margin-bottom:8px;font-size:13px}.lang-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.lang-grid label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.lang-grid input{border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:14px}.qr-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.qr-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;padding:16px}.qr-card img{width:100%;max-width:220px;height:auto}.qr-table{margin-bottom:8px;font-size:20px;font-weight:800}.qr-url{color:var(--muted);word-break:break-all;margin-top:6px;font-size:11px}@media print{.sidebar,.topbar,.off-tabs,.off-top,.no-print{display:none!important}.layout{grid-template-columns:1fr}.content{padding:0}.qr-grid{grid-template-columns:repeat(3,1fr)}.qr-card{break-inside:avoid;border:1px solid #ccc}.pr-slips{display:block}.pr-slip{break-inside:avoid;border:1px solid #999;margin-bottom:10mm}}.logout{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:10px;margin-top:12px;padding:10px}.logout:hover{color:#fff;background:#334155}.login{background:#0f172a;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{text-align:center;background:#fff;border-radius:18px;width:340px;padding:32px}.login-logo{font-size:44px}.login-card h1{margin:6px 0;font-size:22px}.pin-dots{justify-content:center;gap:14px;margin:18px 0;display:flex}.pin-dots .dot{background:#e2e8f0;border-radius:50%;width:16px;height:16px}.pin-dots .dot.on{background:var(--brand)}.login-err{color:var(--bad);margin-bottom:10px}.login-ok{color:var(--ok);margin-bottom:10px}.keypad{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.keypad button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:18px;font-size:22px}.keypad button:active{background:#f1f5f9}.kp-ok{color:#fff;background:var(--brand)!important;border:0!important}.kp-ok:disabled{opacity:.4}.kp-clear{color:var(--muted)}.login-hint{margin-top:18px;font-size:12px}.login-tabs{gap:8px;margin:14px 0 6px;display:flex}.login-tabs button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:10px;flex:1;padding:10px;font-size:13px}.login-tabs button.on{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}.login-form{text-align:left;flex-direction:column;gap:12px;display:flex}.login-card input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:12px;font-size:15px}.login-card input:focus{outline:2px solid var(--brand);border-color:var(--brand)}.btn-primary{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:13px;font-size:15px;font-weight:600}.btn-primary:disabled{opacity:.5;cursor:default}.btn-primary:hover:not(:disabled){background:var(--brand-ink)}.btn-ghost{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:10px;font-size:13px;text-decoration:underline}.bootstrap-seed{border-top:1px solid var(--line);text-align:left;margin-top:18px;padding-top:12px}.bootstrap-seed>.btn-ghost{text-align:center;width:100%}.bootstrap-form{flex-direction:column;gap:10px;margin-top:8px;display:flex}.bootstrap-form .muted{margin:0;font-size:12px}.perm-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.perm{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.perm.on{border-color:var(--brand);background:#eff6ff}.perm input{width:16px;height:16px}.cashier{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}.bills{max-height:78vh;overflow:auto}.bill{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;padding:14px;display:flex}.bill.on{border-color:var(--brand);background:#eff6ff}.bill-total{color:var(--brand-ink);font-weight:800}.sum-line{justify-content:space-between;padding:6px 0;font-size:15px;display:flex}.sum-line.disc{color:var(--ok)}.sum-line.big{border-top:1px solid var(--line);margin-top:6px;padding-top:10px;font-size:22px;font-weight:800}.fld{color:var(--muted);flex-direction:column;gap:6px;margin:12px 0;font-size:13px;display:flex}.fld input{border:1px solid var(--line);border-radius:10px;padding:12px;font-size:16px}.pay-label{color:var(--muted);margin-top:8px;font-size:13px}.pay-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0;display:grid}.pay-grid .pay{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:14px;font-size:16px}.pay-grid .pay.on{background:var(--ink);color:#fff;border-color:var(--ink)}.big-pay{width:100%;padding:18px;font-size:18px}.pay-actions{margin:14px 0 10px}.row-btns{flex-wrap:wrap;gap:10px;display:flex}.btn.danger{color:var(--bad);background:#fee2e2}.receipt-modal{background:#fff;border-radius:14px;width:min(420px,92%);padding:20px}.print-status{border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:13px}.print-status.ok{color:#166534;background:#dcfce7}.print-status.warn{color:#92400e;background:#fef3c7}.receipt-pre{border:1px dashed var(--line);white-space:pre-wrap;background:#f8fafc;border-radius:8px;max-height:50vh;padding:14px;font-family:Consolas,monospace;font-size:13px;overflow:auto}.off-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.off-top h1{margin:0;font-size:20px}.off-sync{background:#f1f5f9;border-radius:999px;padding:4px 10px;font-size:12px}.off-sync.wait{color:#92400e;background:#fef3c7}.off-sync.off{color:var(--bad);background:#fee2e2}.off-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin-bottom:14px;padding-bottom:8px;display:flex;overflow-x:auto}.off-tabs::-webkit-scrollbar{display:none}.off-tabs a,.off-tabs button{white-space:nowrap;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;flex:none;align-items:center;gap:6px;padding:10px 14px;font-size:14px;text-decoration:none;display:flex}.off-tabs a.on,.off-tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.off-balance{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:16px;margin-bottom:14px;padding:20px}.off-balance-label{opacity:.75;font-size:13px}.off-balance-value{margin:4px 0 14px;font-size:34px;font-weight:800}.off-balance-split{flex-wrap:wrap;gap:10px;display:flex}.off-balance-split>div{background:#ffffff1f;border-radius:10px;flex-direction:column;flex:130px;gap:2px;padding:10px 12px;font-size:13px;display:flex}.off-balance-split strong{font-size:19px}.off-kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px;display:grid}.off-kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.off-kpi-label{color:var(--muted);font-size:12px}.off-kpi-value{margin:4px 0 2px;font-size:24px;font-weight:800}.off-kpi-value.in,.in{color:var(--ok)}.off-kpi-value.out,.out{color:var(--bad)}.off-kpi-sub{color:var(--muted);font-size:11px}.off-kpi-sub.up{color:var(--ok)}.off-kpi-sub.down{color:var(--bad)}.off-cta{text-align:center;background:var(--brand);color:#fff;border-radius:14px;margin-bottom:16px;padding:16px;font-size:17px;font-weight:700;text-decoration:none;display:block}.off-flash{z-index:5;color:#166534;background:#dcfce7;border-radius:10px;margin-bottom:12px;padding:12px 14px;font-weight:600;position:sticky;top:0}.off-flash.bad{color:var(--bad);background:#fee2e2}.off-dir{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.off-dir-btn{border:2px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:18px;font-size:17px;font-weight:700;display:flex}.off-dir-btn span{font-size:22px}.off-dir-btn.in.on{border-color:var(--ok);color:#166534;background:#f0fdf4}.off-dir-btn.out.on{border-color:var(--bad);color:var(--bad);background:#fef2f2}.off-field{margin-bottom:16px}.off-field.grow{flex:1}.off-label{color:var(--muted);margin-bottom:8px;font-size:13px}.off-chips{flex-wrap:wrap;gap:8px;display:flex}.off-chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:6px;min-height:44px;padding:11px 14px;font-size:15px;display:inline-flex}.off-chip.on{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}.off-chip-icon{font-size:17px}.off-select{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:44px;padding:11px 12px;font-size:15px}.off-amount-row{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.off-amount{border:2px solid var(--brand);text-align:right;width:100%;color:var(--ink);border-radius:14px;padding:14px;font-size:30px;font-weight:800}.off-note{border:1px solid var(--line);border-radius:12px;width:100%;padding:13px;font-size:16px}.off-more{color:var(--muted);margin-bottom:16px;font-size:14px}.off-more summary{cursor:pointer;padding:8px 0}.off-more input{border:1px solid var(--line);border-radius:10px;padding:11px;font-size:16px}.off-save{color:#fff;cursor:pointer;background:var(--ink);border:0;border-radius:14px;width:100%;margin-bottom:20px;padding:18px;font-size:18px;font-weight:700}.off-save.in{background:var(--ok)}.off-save.out{background:var(--bad)}.off-save:disabled{opacity:.6}.off-repeat{flex-wrap:wrap;gap:8px;display:flex}.off-repeat-btn{border:1px dashed var(--line);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.off-repeat-btn strong{color:var(--bad)}.off-list{flex-direction:column;display:flex}.off-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.off-row:last-child{border-bottom:0}.off-row.voided{opacity:.4;text-decoration:line-through}.off-row.overdue{background:#fef2f2;border-radius:8px;margin:0 -8px;padding:12px 8px}.off-row-icon{text-align:center;width:30px;color:var(--muted);flex:0 0 30px;font-size:18px}.off-row-main{flex:1;min-width:0}.off-row-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.off-row-sub{color:var(--muted);font-size:12px}.off-row-amt{white-space:nowrap;font-size:15px;font-weight:700}.off-row-amt.in{color:var(--ok)}.off-row-amt.out{color:var(--bad)}.off-row-x{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:20px}.off-call{color:var(--brand);white-space:nowrap;font-size:13px;text-decoration:none}.off-day-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.off-day-head h2{margin:0}.off-monthbar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.off-monthbar button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;min-width:44px;min-height:40px;font-size:18px}.off-monthbar strong{text-align:center;min-width:90px;font-size:17px}.off-monthbar .btn{min-width:auto;margin-left:auto;font-size:13px}.off-filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.off-filters select{border:1px solid var(--line);background:#fff;border-radius:10px;flex:140px;padding:11px;font-size:14px}.off-tablewrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.off-cell{border:1px solid var(--line);text-align:right;border-radius:8px;width:80px;padding:6px 8px;font-size:14px}.off-stack{border-radius:8px;height:34px;margin-bottom:14px;display:flex;overflow:hidden}.off-stack-seg{color:#fff;justify-content:center;align-items:center;min-width:4px;font-size:12px;font-weight:600;display:flex}.off-dot{border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block}.off-flow{align-items:flex-end;gap:6px;padding-bottom:8px;display:flex;overflow-x:auto}.off-flow-col{text-align:center;flex:1 0 52px}.off-flow-bars{justify-content:center;align-items:flex-end;gap:3px;height:110px;display:flex}.off-flow-in,.off-flow-out{border-radius:3px 3px 0 0;width:14px;min-height:2px}.off-flow-in{background:var(--ok)}.off-flow-out{background:var(--bad)}.off-flow-label{color:var(--muted);margin-top:6px;font-size:11px}.off-flow-net{font-size:12px;font-weight:700}.off-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden}.off-bar>div{background:var(--ok);border-radius:4px;height:100%}.off-import-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.off-import input[type=file]{border:1px dashed var(--line);width:100%;color:var(--ink);background:#f8fafc;border-radius:10px;padding:11px}.off-filelist{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.off-filelist span{border:1px solid var(--line);max-width:100%;color:var(--muted);overflow-wrap:anywhere;background:#fff;border-radius:8px;padding:7px 9px;font-size:12px}.off-import-result{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:12px;display:grid}.off-import-result>div{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:10px}.off-import-result b{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.off-import-result span{font-weight:800}.proc-upload-head,.proc-card-head,.proc-supplier-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.proc-upload-head input[type=date]{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;margin-top:8px;padding:9px 10px}.proc-upload input[type=file]{border:1px dashed var(--line);width:100%;color:var(--ink);background:#f8fafc;border-radius:10px;padding:11px}.proc-manual{min-height:120px;margin-top:10px}.proc-card h2{margin-bottom:4px}.proc-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.proc-groups{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:14px 0;display:grid}.proc-supplier{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:12px}.proc-supplier pre{white-space:pre-wrap;word-break:break-word;font:inherit;color:var(--ink);margin:10px 0 0;line-height:1.45}.proc-table td{vertical-align:top}.off-addtask{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.off-addtask input{border:1px solid var(--line);border-radius:10px;flex:200px;padding:11px;font-size:16px}.off-addtask select{border:1px solid var(--line);border-radius:10px;padding:11px}.off-board{grid-template-columns:1fr;gap:12px;display:grid}.off-col{border:1px solid var(--line);background:#f8fafc;border-radius:14px;padding:12px}.off-col-head{margin-bottom:10px;font-size:14px;font-weight:700}.off-task{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:8px;padding:10px 12px}.off-task-title{margin-bottom:6px;font-size:14px}.off-task-meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.off-task-actions{gap:6px;margin-top:8px;display:flex}.off-task-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;min-width:40px;min-height:32px}.off-salesform .form-grid input{min-width:120px;font-size:16px}.off-paydates{flex-wrap:wrap;gap:10px;margin-bottom:6px;display:flex}.off-paydate{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:12px;flex-direction:column;flex:160px;gap:3px;min-height:44px;padding:14px 16px;display:flex}.off-paydate:hover:not(:disabled){border-color:var(--brand);background:#eff6ff}.off-paydate:disabled{opacity:.5;cursor:default}.off-paydate strong{font-size:15px}.off-paydate span{color:var(--muted);font-size:12px}.off-payroll th,.off-payroll td{white-space:nowrap;padding:8px 6px}.off-payroll .off-cell{width:72px}.off-payroll .pill{margin-left:6px;font-size:10px}.off-clickrow{cursor:pointer}.off-clickrow:hover{background:#f8fafc}.off-modal{z-index:50;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.off-modal-box{background:#fff;border-radius:16px;width:min(420px,100%);max-height:90vh;padding:22px;overflow-y:auto}.off-modal-box h2{margin:0 0 14px;font-size:17px}.off-modal-box .fld input,.off-modal-box .fld select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:11px;font-size:16px}.topbar,.nav-scrim{display:none}@media (width<=820px){.cashier{grid-template-columns:1fr}}@media (width<=900px){.layout{grid-template-columns:1fr}.topbar{z-index:30;color:#fff;background:#0f172a;align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky;top:0}.hamburger{color:#fff;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;font-size:22px}.topbar-title{font-weight:700}.sidebar{z-index:40;width:260px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.layout.nav-open .sidebar{transform:translate(0)}.nav-scrim{z-index:35;background:#0f172a80;display:block;position:fixed;inset:0}.content{padding:14px}.page-head h1{font-size:20px}.card{border-radius:12px;padding:14px}.off-balance-value{font-size:28px}.off-tabs-main .off-tab-label{display:none}.off-tabs-main a{padding:12px 16px;font-size:18px}}@media (width>=641px){.off-board{grid-template-columns:repeat(3,1fr);align-items:start}}@media (width>=900px){.off-entry{grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:start;gap:24px;display:grid}.off-entry>.off-flash{grid-column:1/-1}.off-entry>.card{grid-column:2}.off-entry>.off-dir,.off-entry>.off-field,.off-entry>.off-amount-row,.off-entry>.off-more,.off-entry>.off-save{grid-column:1}}.pr-cal{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.pr-cal-head{text-align:center;color:var(--muted);padding-bottom:4px;font-size:12px}.pr-day{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:0;display:flex;position:relative}.pr-day:hover:not(:disabled){border-color:var(--brand)}.pr-day.on{color:#fff;font-weight:700}.pr-day.future{opacity:.35;cursor:default}.pr-day:disabled{cursor:default}.pr-day-n{font-size:14px}.pr-day-tag{font-size:10px;position:absolute;top:2px;right:5px}.pr-slips{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.pr-slip{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px}.pr-slip-head{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;padding-bottom:10px;display:flex}.pr-slip-shop{font-size:15px;font-weight:800}.pr-slip-sub{color:var(--muted);font-size:11px}.pr-slip-name{margin-bottom:10px;font-size:17px;font-weight:700}.pr-slip-table{border-collapse:collapse;width:100%;font-size:13px}.pr-slip-table td{border-bottom:1px solid #f1f5f9;padding:5px 0}.pr-slip-table .r{text-align:right;white-space:nowrap}.pr-slip-table tr.muted td{color:var(--muted)}.pr-slip-net td{border-top:2px solid var(--ink);border-bottom:0;padding-top:8px;font-size:16px;font-weight:800}.pr-slip-sign{color:var(--muted);justify-content:space-between;gap:10px;margin-top:20px;font-size:11px;display:flex}.pr-slip-total{text-align:right;grid-column:1/-1;padding:10px 4px;font-size:15px}@media (width<=900px){.pr-slips{grid-template-columns:1fr}.pr-day{min-height:36px}}.db-problems{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.db-problem{border:1px solid;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.db-problem.high{background:#fef2f2;border-color:#fecaca}.db-problem.warn{background:#fffbeb;border-color:#fde68a}.db-problem-icon{font-size:14px;line-height:1.5}.db-problem-main{flex:1;min-width:0}.db-problem-title{font-size:15px;font-weight:700}.db-problem-detail{color:var(--muted);margin-top:2px;font-size:13px}.db-problem-hint{color:var(--brand-ink);margin-top:5px;font-size:13px;font-weight:600}.db-problem-amt{white-space:nowrap;color:var(--bad);font-weight:800}.db-ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:20px;padding:12px 14px;font-weight:600}.db-year{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px;display:grid}.db-stat{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:12px 14px}.db-stat span{color:var(--muted);margin-bottom:3px;font-size:12px;display:block}.db-stat strong{font-size:19px}.db-stat.big{background:var(--ink);border-color:var(--ink)}.db-stat.big span{color:#94a3b8}.db-stat.big strong{font-size:24px}.db-stat.big strong.in{color:#4ade80}.db-stat.big strong.out{color:#f87171}.db-chart{align-items:flex-end;gap:4px;margin-bottom:8px;padding-bottom:6px;display:flex;overflow-x:auto}.db-col{cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1 0 46px;padding:4px 2px}.db-col:hover{background:#f1f5f9}.db-col.on{box-shadow:inset 0 0 0 1px var(--brand);background:#eff6ff}.db-col-bars,.db-daybars{justify-content:center;align-items:flex-end;gap:3px;height:120px;display:flex}.db-bar{border-radius:3px 3px 0 0;width:13px;min-height:2px}.db-bar.in{background:var(--ok)}.db-bar.out{background:var(--bad)}.db-col-net{margin-top:5px;font-size:11px;font-weight:700}.db-col-label{color:var(--muted);font-size:11px}.db-kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:20px;display:grid}.db-kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.db-kpi-label{color:var(--muted);font-size:12px}.db-kpi-value{margin:5px 0 3px;font-size:26px;font-weight:800}.db-kpi-sub{color:var(--muted);font-size:12px}.db-split{border-radius:10px;height:42px;display:flex;overflow:hidden}.db-split-seg{color:#fff;white-space:nowrap;justify-content:center;align-items:center;min-width:3px;font-size:12px;font-weight:600;display:flex}.db-split-seg.profit{background:var(--ok)}.db-split-loss{color:var(--bad);margin-top:8px;font-size:13px;font-weight:600}.db-bench{color:var(--muted);font-size:11px;font-weight:400}.db-over{background:#fef2f2}.db-total td{border-top:2px solid var(--ink)}.db-cur{background:#eff6ff}.db-minibar{vertical-align:middle;background:#e2e8f0;border-radius:3px;width:60px;height:6px;margin-right:6px;display:inline-block;overflow:hidden}.db-minibar>div{background:var(--bad);height:100%}.db-daily{align-items:flex-end;gap:3px;margin-bottom:14px;padding-bottom:8px;display:flex;overflow-x:auto}.db-daycol{text-align:center;flex:1 0 26px}.db-daybars{height:90px}.db-daycol .db-bar{width:9px}@media (width<=900px){.db-problem-amt{font-size:14px}.db-col{flex:1 0 40px}.db-col-bars{height:90px}}.db-bar.in.pos-only{background:repeating-linear-gradient(45deg,#16a34a,#16a34a 4px,#86efac 4px 8px)}.db-bench.out{color:var(--bad)}.tc-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.tc-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.tc-svg{width:100%;min-width:520px;height:auto;display:block}.tc-axis{fill:var(--muted);font-size:11px}.tc-legend{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.tc-chip{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:13px;display:inline-flex}.tc-chip.off{opacity:.4;text-decoration:line-through}.tc-swatch{border-radius:3px;flex:0 0 11px;width:11px;height:11px;display:inline-block}.tc-detail{border:1px solid var(--line);background:#f8fafc;border-radius:12px;margin-top:14px;padding:14px}.tc-detail-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-weight:700;display:flex}.tc-detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.tc-detail-item{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;font-size:13px;display:flex}.tc-detail-item span{color:var(--muted);align-items:center;gap:7px;display:flex}