:root{color-scheme:dark;--bg-0: #05070f;--bg-1: #0d1220;--bg-2: #141b2f;--line: rgba(255, 255, 255, .1);--text: #edf2ff;--muted: #9ca9c9;--blue: #3db8ff;--cyan: #50e2cf;--lime: #9dec71;--amber: #ffc66d;--rose: #ff7f9f;--purple: #a78bfa}*{box-sizing:border-box}body{margin:0;font-family:Sora,Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 10%,rgba(61,184,255,.14),transparent 30%),radial-gradient(circle at 90% 20%,rgba(80,226,207,.12),transparent 36%),linear-gradient(180deg,#0a1020,#070a13 60%,#04060d);min-height:100vh}button,input{font:inherit}.app-shell{max-width:1460px;margin:0 auto;padding:22px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.title-wrap h1{margin:0;font-size:clamp(1.6rem,2vw,2.3rem);letter-spacing:-.03em}.brand-wordmark{display:inline-flex;align-items:center;gap:12px}.brand-icon{width:clamp(30px,2.3vw,40px);height:clamp(30px,2.3vw,40px);flex-shrink:0;filter:drop-shadow(0 0 12px rgba(61,184,255,.25))}.brand-wordmark span{background:linear-gradient(135deg,var(--blue),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.subline{display:flex;gap:8px;margin-top:8px}.live-pill,.mode-pill{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.75rem;color:var(--muted)}.live-pill.live{border-color:#9dec7199;color:var(--lime)}.live-pill.down{border-color:#ffc66d8c;color:var(--amber)}.topbar-actions{display:flex;gap:12px;align-items:center}.tabs{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:10px;background:#0003}.tabs button{border:0;background:transparent;color:var(--muted);padding:7px 12px;border-radius:8px;cursor:pointer}.tabs button.active{background:#3db8ff2e;color:var(--text)}.logout-btn{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:10px;padding:7px 12px;cursor:pointer}.summary-strip{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px;margin:16px 0 14px}.metric{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#141b2ff2,#0a0e19e6);padding:10px}.metric span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.metric strong{display:block;margin-top:3px;font-size:1.1rem}.metric.metric-cost strong{color:var(--lime)}.metric.metric-alert strong{color:var(--rose)}.error-banner,.loading-banner{margin-bottom:12px;border-radius:10px;border:1px solid var(--line);padding:10px 12px}.error-banner{color:var(--rose);border-color:#ff7f9f61}.loading-banner{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:12px}.single{margin-top:8px}.panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#101628f2,#080b14f0);padding:16px;box-shadow:0 20px 40px #00000038}.panel h2{margin:0 0 12px;font-size:1rem;letter-spacing:.03em;text-transform:uppercase}.panel h3{margin:16px 0 10px;font-size:.95rem}.panel-wide{grid-column:span 2}.panel-cost,.panel-feed{min-height:540px}.panel-feed{display:flex;flex-direction:column}.muted{color:var(--muted)}.budget-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-end}.progress-track{margin-top:8px;width:100%;height:8px;border-radius:999px;overflow:hidden;background:#ffffff14}.progress-fill{height:100%;border-radius:999px}.fill-good{background:linear-gradient(90deg,#58db8f,#91ef8f)}.fill-mid{background:linear-gradient(90deg,#f2af55,#ffd074)}.fill-bad{background:linear-gradient(90deg,#ff6d84,#ff98af)}.fill-purple{background:linear-gradient(90deg,#a78bfaf2,#c4b5fdf2);box-shadow:0 0 8px #a78bfa47}.model-list{margin-top:12px;display:grid;gap:10px}.model-row{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px}.model-top{display:flex;align-items:center;gap:8px}.dot{width:10px;height:10px;border-radius:999px}.dot.model-grok{background:var(--blue)}.dot.model-haiku{background:var(--purple)}.dot.model-local,.dot.model-fast{background:var(--amber)}.dot.model-passive{background:var(--muted)}.model-meta{margin-top:6px;display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.78rem}.table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.06);border-radius:10px}.panel-feed .table-wrap{flex:1;min-height:0;max-height:460px}table{border-collapse:collapse;width:100%;min-width:700px}th,td{border-bottom:1px solid rgba(255,255,255,.06);text-align:left;padding:8px 10px;font-size:.8rem;vertical-align:top}th{color:var(--muted);text-transform:uppercase;font-size:.68rem;letter-spacing:.06em;background:#070a14bf;position:sticky;top:0}tbody tr{cursor:pointer}tbody tr.row-active{background:#3db8ff14}.row-confidential td{background:#ffc66d0a}.model-cell{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:600}.model-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.model-dot.model-grok{background:var(--blue)}.model-dot.model-haiku{background:var(--purple)}.model-dot.model-local,.model-dot.model-fast{background:var(--amber)}.model-dot.model-passive{background:var(--muted)}.model-cell.model-blue{background:#38bdf81a;color:var(--blue)}.model-cell.model-purple{background:#a78bfa1f;color:var(--purple)}.model-cell.model-amber{background:#ffc66d24;color:var(--amber)}.model-cell.model-gray{background:#9ca9c926;color:var(--muted)}.detail-cell{background:#090e1abf;color:var(--muted);white-space:pre-wrap;line-height:1.4}.conf-badge{display:inline-flex;align-items:center;gap:3px;margin-right:6px;border:1px solid rgba(255,198,109,.45);border-radius:999px;padding:2px 7px;font-size:.64rem;font-weight:700;letter-spacing:.03em;color:var(--amber)}.score-pill{display:inline-flex;border-radius:999px;padding:6px 10px;border:1px solid var(--line);font-weight:600}.score-high{color:var(--lime);border-color:#9dec7180}.score-mid{color:var(--amber);border-color:#ffc66d80}.score-low{color:var(--rose);border-color:#ff7f9f80}.metric-stack{margin-top:12px}.metric-stack label{display:block;color:var(--muted);font-size:.75rem;margin-top:10px}.audit-box{margin-top:16px;border:1px solid rgba(167,139,250,.2);border-radius:12px;padding:12px;background:#a78bfa0d;color:var(--muted);font-size:.78rem}.audit-box-title{color:var(--purple);text-transform:uppercase;letter-spacing:.07em;font-weight:700;margin-bottom:8px}.audit-box-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:2px 0}.audit-box-row .val{color:var(--text);font-weight:600;font-family:JetBrains Mono,SFMono-Regular,ui-monospace,monospace}.audit-box-note{margin-top:8px;font-style:italic;color:var(--text-secondary)}.routing-row,.compare-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.routing-row:last-child,.compare-row:last-child{border-bottom:0}.routing-table-title{color:var(--text-muted);font-size:.78rem;margin-bottom:6px}.routing-row{grid-template-columns:auto auto auto 1fr;gap:10px}.routing-dot{width:8px;height:8px;border-radius:50%}.routing-dot-public{background:#34d399}.routing-dot-confidential{background:var(--amber)}.routing-dot-restricted{background:#f87171}.routing-class{text-transform:uppercase;font-weight:700;letter-spacing:.04em;font-size:.72rem}.routing-class-public{color:#34d399}.routing-class-confidential{color:var(--amber)}.routing-class-restricted{color:#f87171}.routing-count{font-family:JetBrains Mono,SFMono-Regular,ui-monospace,monospace;color:var(--text-secondary)}.routing-dest{color:var(--text-muted);justify-self:end}.latency-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px}.latency-grid div{border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px}.latency-grid span,.latency-grid small{display:block;color:var(--muted);font-size:.75rem}.latency-grid strong{display:block;margin:6px 0 4px}.journal-list{display:grid;gap:12px}.journal-entry{border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px}.journal-entry h3{margin:0 0 8px}.journal-entry p{margin:0;color:var(--muted);line-height:1.5;white-space:pre-wrap}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px}.health-grid div{border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px}.health-grid span{display:block;color:var(--muted);font-size:.75rem}.health-grid strong{display:block;margin-top:4px}.empty{color:var(--muted);border:1px dashed rgba(255,255,255,.15);border-radius:10px;padding:10px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(360px,100%);border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#101628fa,#080b14f2);padding:22px}.brand{font-size:1.3rem;font-weight:700;letter-spacing:-.03em}.login-note{color:var(--muted);margin:6px 0 14px}.login-card input{width:100%;border:1px solid var(--line);border-radius:10px;background:#0000003d;color:var(--text);padding:10px}.login-card button{width:100%;margin-top:10px;border:0;border-radius:10px;background:linear-gradient(90deg,#3498ff,#57d5cc);color:#051222;font-weight:700;padding:10px;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.auth-block{margin-top:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}.auth-block h3{margin:0 0 8px;font-size:.86rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.auth-block form{display:grid;gap:8px;margin-top:8px}.secondary-btn{margin-top:8px;width:100%;border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--text)}.login-hint{margin-top:8px;color:var(--muted);font-size:.8rem}.login-error{margin-top:10px;color:var(--rose);font-size:.85rem}@media (max-width: 1200px){.summary-strip{grid-template-columns:repeat(3,minmax(120px,1fr))}.grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.panel-wide{grid-column:span 2}.panel-cost,.panel-feed{min-height:500px}.panel-feed .table-wrap{max-height:420px}}@media (max-width: 820px){.app-shell{padding:14px}.topbar{align-items:stretch}.topbar-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.tabs{flex-wrap:wrap}.summary-strip{grid-template-columns:repeat(2,minmax(130px,1fr))}.grid{grid-template-columns:1fr}.panel-wide{grid-column:span 1}.panel-cost,.panel-feed{min-height:auto}.panel-feed .table-wrap{max-height:360px}.health-grid{grid-template-columns:1fr}}