:root{--bg:#0f1117;--card:#1a1d27;--border:#2a2d3a;--text:#e4e4e7;--muted:#8b8d97;--accent:#6366f1;--green:#22c55e;--red:#ef4444;--yellow:#eab308;--orange:#f97316}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.header h1{font-size:26px;font-weight:700}.header p{color:var(--muted);margin-top:4px;font-size:13px}.header-actions{align-items:center;gap:8px;display:flex}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600}button.ghost{border:1px solid var(--border);color:var(--muted);background:0 0}button:disabled{opacity:.5;cursor:wait}.filterbar{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;display:flex}.filter-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-right:4px;font-size:11px;font-weight:600}.filter-sep{color:var(--muted)}.filterbar input[type=date]{background:var(--bg);border:1px solid var(--border);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:8px;padding:8px 10px;font-size:13px}.filter-presets{gap:6px;margin-left:auto;display:flex}button.chip{border:1px solid var(--border);color:var(--muted);background:0 0;padding:6px 12px;font-size:12px}button.chip:hover{color:var(--text);border-color:var(--accent)}.kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.kpi{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px}.kpi-value{font-size:30px;font-weight:700}.kpi-sub{color:var(--muted);margin-top:6px;font-size:12px}.green{color:var(--green)}.red{color:var(--red)}.yellow{color:var(--yellow)}.accent{color:var(--accent)}.grid-2{grid-template-columns:3fr 2fr;gap:16px;margin-bottom:24px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:20px}.card h2{margin-bottom:16px;font-size:16px;font-weight:600}.chart-wrap{height:300px;position:relative}.chart-wrap.sm{height:260px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.pill{border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.pill.running{color:var(--green);background:#22c55e26}.pill.stopped{color:var(--muted);background:#8b8d9726}.pill.other{color:var(--yellow);background:#eab30826}.err{border:1px solid var(--red);color:#fca5a5;background:#ef44441f;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.foot{color:var(--muted);margin-top:6px;font-size:12px}.acct-name{font-weight:600}.muted{color:var(--muted)}.loading{text-align:center;color:var(--muted);padding:80px}.killq-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.killq-head h2{margin-bottom:0}.killq-actions{gap:8px;display:flex}.killq-card{border-color:#ef444466}button.chip.danger{color:#fca5a5;border-color:#ef444466}button.chip.danger:hover{border-color:var(--red);color:var(--red)}.inv-search{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;min-width:240px;padding:8px 12px;font-size:13px}.inv-tabs{flex-wrap:wrap;gap:6px;margin:4px 0 16px;display:flex}button.tab{border:1px solid var(--border);color:var(--muted);background:0 0;padding:6px 12px;font-size:12px;font-weight:600}button.tab:hover{color:var(--text);border-color:var(--accent)}button.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab-count{opacity:.7;margin-left:4px;font-weight:400}.pill.kind{color:#a5b4fc;background:#6366f126}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}button.kill-btn{color:#fca5a5;white-space:nowrap;background:0 0;border:1px solid #ef444480;padding:5px 10px;font-size:12px}button.kill-btn:hover{border-color:var(--red);color:var(--red);background:#ef44441f}button.kill-btn.queued{border-color:var(--red);color:#fca5a5;background:#ef444426}tr.row-queued{background:#ef44440f}.note-input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;width:100%;min-width:120px;padding:5px 8px;font-size:12px}.cost-banner{background:#22c55e14;border:1px solid #22c55e4d;border-radius:10px;margin-bottom:16px;padding:12px 16px}.cost-banner-amt{color:var(--green);margin-right:10px;font-size:22px;font-weight:700}.cost-banner-label{color:var(--muted);font-size:13px}.cost-banner-note{color:var(--muted);margin-top:6px;font-size:12px;font-style:italic}.cost-by-svc{border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:12px 16px}.cost-by-svc-head{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}tr.clickable{cursor:pointer}tr.clickable:hover{background:#6366f114}tr.total-row td{border-top:2px solid var(--border);border-bottom:none}.login-wrap{justify-content:center;align-items:center;min-height:80vh;display:flex}.login-card{background:var(--card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:360px;padding:32px}.login-card h1{margin-bottom:4px;font-size:20px}.login-card p{color:var(--muted);margin-bottom:20px;font-size:13px}.login-card input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;margin-bottom:12px;padding:12px;font-size:14px}.login-card button{width:100%}.login-err{color:#fca5a5;margin-bottom:12px;font-size:13px}