:root{--bg: #0b0f17;--panel: #111827;--panel-2: #0f172a;--border: #1f2937;--text: #e5e7eb;--dim: #6b7280;--acc: #38bdf8;--pro: #a78bfa;--good: #34d399;--warn: #fbbf24;--bad: #f87171;--danger: #ef4444;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}code{font-family:var(--mono);font-size:.9em;color:#93c5fd}.app{min-height:100vh}.topbar{display:flex;align-items:center;gap:24px;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--panel-2);position:sticky;top:0;z-index:10}.brand{font-weight:600;display:flex;align-items:center;gap:8px}.logo{color:var(--acc);font-size:18px}.tabs{display:flex;gap:4px;margin-left:8px}.tab{background:transparent;color:var(--dim);border:1px solid transparent;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:14px}.tab:hover{color:var(--text)}.tab.active{background:var(--panel);border-color:var(--border);color:var(--text)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.email{color:var(--dim);font-size:13px}.content{padding:24px;max-width:1200px;margin:0 auto}.tier-pill{padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.tier-free{background:#38bdf81f;color:var(--acc);border:1px solid rgba(56,189,248,.4)}.tier-pro{background:#a78bfa1f;color:var(--pro);border:1px solid rgba(167,139,250,.4)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:20px}.card.mini{margin-bottom:0}.card-label{color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.card-sub{color:var(--dim);font-size:12px;margin-top:8px}.big{font-size:26px;font-weight:600}.sub{color:var(--dim);font-size:12px}.note{color:var(--dim)}.stack{display:flex;flex-direction:column;gap:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.bar{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;height:10px;overflow:hidden;margin-top:8px}.bar.thin{height:6px;margin-top:4px}.bar-fill{background:var(--acc);height:100%;border-radius:6px;transition:width .4s}.bar-fill.pro{background:var(--pro)}.bar-fill.free{background:var(--acc)}.bar-fill.warn{background:var(--warn)}.bar-fill.danger{background:var(--danger)}.fill-danger,.bar-fill.danger{background:var(--danger)!important}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--dim);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1px solid var(--border)}.table td{padding:10px;border-bottom:1px solid var(--border);vertical-align:middle}.row-disabled{opacity:.45}.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge.hit{background:#34d3991f;color:var(--good)}.badge.miss{background:#6b728026;color:var(--dim)}.badge.ok{background:#34d3991f;color:var(--good)}.badge.cool{background:#f8717126;color:var(--bad)}.status{font-weight:600}.status-ok{color:var(--good)}.status-err{color:var(--bad)}.health{font-weight:600}.health-good{color:var(--good)}.health-warn{color:var(--warn)}.health-bad{color:var(--bad)}.provider{padding:1px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.provider-groq{background:#38bdf81f;color:var(--acc)}.provider-openrouter{background:#a78bfa1f;color:var(--pro)}.form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dim)}.field.inline{flex-direction:row;align-items:center;gap:8px}.field.grow{flex:1}.field span{color:var(--dim)}.in,.field input,.field select,.field textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:13px;font-family:inherit;width:100%}.field.inline input{width:110px}.row{display:flex;gap:16px;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between;gap:16px;gap:12px}.radio{display:flex;align-items:center;gap:6px;color:var(--text);font-size:13px}input[type=radio],input[type=checkbox]{accent-color:var(--acc)}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:8px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500}.btn:hover{border-color:var(--dim)}.btn.primary{background:var(--acc);color:#04263a;border-color:var(--acc)}.btn.sm{padding:3px 9px;font-size:12px}.btn.ghost{background:transparent}.btn.danger{color:var(--bad);border-color:#f8717166;background:transparent}.btn:disabled{opacity:.5;cursor:default}.switch{position:relative;display:inline-block;width:34px;height:20px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;transition:.2s}.switch span:before{content:"";position:absolute;height:14px;width:14px;left:2px;top:2px;background:var(--dim);border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--acc);border-color:var(--acc)}.switch input:checked+span:before{transform:translate(14px);background:#fff}.usage-cell{min-width:130px}.mono{font-family:var(--mono);font-size:12px}.actions{display:flex;gap:6px;align-items:center}.empty{color:var(--dim);padding:24px 0;text-align:center}.error{color:var(--bad);font-size:13px;margin:6px 0}.ok{color:var(--good);font-size:13px;margin:6px 0}.warn-box{background:#fbbf2414;border:1px solid rgba(251,191,36,.4);border-radius:6px;padding:8px 12px;margin-top:12px}.chart{width:100%;height:auto}.gridline{stroke:var(--border);stroke-width:1}.axis{fill:var(--dim);font-size:10px;font-family:var(--mono)}.axis.small{font-size:8px}.bar-rect{fill:var(--acc);opacity:.85}.limit-line{stroke:var(--warn);stroke-width:1.5;stroke-dasharray:5 4}.limit-label{fill:var(--warn);font-size:10px;font-family:var(--mono)}.acc-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.acc-charts{grid-template-columns:1fr}}.acc-chart{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--panel-2)}.acc-title{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;font-size:13px}.split{display:flex;flex-direction:column;gap:10px}.split-row{display:flex;align-items:center;gap:10px}.split-label{width:48px;color:var(--dim);font-size:12px}.split-row .bar{flex:1;margin:0}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px}.login-brand{margin-bottom:8px}.login-sub{color:var(--dim);font-size:13px;margin:0 0 16px}.login-card form{display:flex;flex-direction:column;gap:12px}.me-ok{margin-top:16px;color:var(--good);font-size:13px}h2{font-size:18px;margin:0 0 16px}