:root{--bg:#0c1015;--panel:#12181f;--panel2:#171e27;--border:#26303c;--text:#edf2f6;--muted:#97a5b4;--accent:#bde8ca;--cyan:#96c9e7;--red:#ffb2a9;--amber:#e8ce8a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border-radius:8px;transition:background .15s,border-color .15s}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:100vh}aside{border-right:1px solid var(--border);padding:34px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:#0e1319}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:650;letter-spacing:-.8px}.brand small{display:block;font-size:8px;font-weight:600;color:var(--muted);letter-spacing:2.3px;margin-top:5px}.brand-mark{width:57px;height:57px;border:1px solid #486151;border-radius:15px;color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:43px;line-height:1;background:#18231d;padding-bottom:7px}.brand-mark span{color:#82aa8e}.brand-mark.small{height:43px;width:43px;font-size:35px;border-radius:11px}nav{display:grid;gap:7px;margin-top:48px}.nav{display:flex;align-items:center;gap:13px;color:var(--muted);border:1px solid transparent;background:none;text-align:left;padding:12px 14px;font-weight:550}.nav span{font-size:21px;font-weight:400;width:22px}.nav:hover{background:var(--panel2);color:var(--text)}.nav.active{background:#1c2822;border-color:#304437;color:var(--accent)}.aside-bottom{margin-top:auto}.aside-bottom p{font-size:15px;line-height:1.7;color:#718292;margin:23px 0}.connection{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.dot{height:6px;width:6px;background:var(--accent);border-radius:100%;box-shadow:0 0 12px #bde8ca30}main{padding:42px 42px 0;max-width:1630px;width:100%;margin:0 auto}header{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:32px}h1{font-size:30px;line-height:1.2;font-weight:540;letter-spacing:-1.05px;margin:10px 0}h2{font-size:19px;font-weight:560;letter-spacing:-.35px;margin:4px 0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--muted);margin:0 0 8px}.muted{color:var(--muted);line-height:1.6;margin:8px 0}.fine{font-size:11px;color:var(--muted);line-height:1.7}.header-actions{display:flex;gap:9px;align-items:center;white-space:nowrap}.primary,.secondary{padding:10px 14px;border:1px solid var(--border);font-size:12px;font-weight:600}.primary{background:var(--accent);color:#18281d;border-color:var(--accent)}.primary:hover{background:#d6f5df}.secondary{background:var(--panel2);color:var(--text)}.secondary:hover{background:#222d39;border-color:#435365}.text-button{background:none;color:var(--accent);border:0;padding:4px 0;font-size:12px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:600;background:#24303d;color:#b5c1ce}.badge.good{background:#1c3024;color:var(--accent)}.badge.bad{background:#382323;color:var(--red)}.badge.warn{background:#332e20;color:var(--amber)}.badge.live{background:#1c2d3b;color:var(--cyan)}.filter-bar{display:flex;justify-content:space-between;align-items:center;padding:0 0 22px;gap:15px}.filter-bar>div{display:flex;gap:16px;flex-wrap:wrap}.inline-label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}select,input{border:1px solid var(--border);border-radius:6px;background:#111821;color:var(--text);padding:10px 11px;font-size:12px;min-width:0}select{cursor:pointer}.inline-label select{padding:8px 10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px 23px;display:flex;flex-direction:column}.metric>span{font-size:12px;color:var(--muted)}.metric strong{font-size:35px;letter-spacing:-1.4px;font-weight:500;margin:15px 0 12px;font-variant-numeric:tabular-nums}.metric small{font-size:10px;color:var(--muted);line-height:1.5}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:22px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:22px}.legend{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.legend i{height:7px;width:7px;background:var(--accent);border-radius:2px}.chart{height:200px;display:flex;align-items:center;justify-content:center}.chart svg{width:100%;height:100%;overflow:visible}.chart text{font-family:inherit;fill:var(--muted);font-size:10px}.chart line{stroke:var(--border);stroke-dasharray:3 5}.provider-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-top:1px solid var(--border)}.provider-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#243128;font-size:16px;color:var(--accent)}.provider-icon.claude{background:#332922;color:#e5b395}.provider-row>div:nth-child(2){flex:1}.provider-row strong{font-size:13px;font-weight:550}.provider-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.provider-card .fine{border-top:1px solid var(--border);padding-top:17px;margin-bottom:0}.workload-usage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.usage-item{border-right:1px solid var(--border);padding-right:20px}.usage-item:last-child{border:0}.usage-item strong{display:block;font-size:13px;font-weight:550;margin-bottom:15px}.usage-item .number{font-size:24px;font-weight:500;letter-spacing:-.6px}.usage-item .fine{display:block}.empty{text-align:center;color:var(--muted);font-size:13px;padding:35px 15px;line-height:1.8}.empty strong{color:var(--text);display:block;font-size:16px;font-weight:500}.defaults{display:flex;align-items:center;gap:28px}.defaults>div{flex:1}.defaults .muted{font-size:12px}.defaults label{width:165px}.defaults label:last-child{width:120px}label:not(.inline-label){display:flex;flex-direction:column;gap:9px;font-size:11px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.settings-card{margin:0;padding:25px}.settings-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.settings-title h2{font-size:18px}.settings-title p{font-size:11px;color:var(--muted);margin:8px 0}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-fields .wide{grid-column:1/-1}.provider-settings{border-top:1px solid var(--border);padding-top:17px;margin-top:19px}.provider-settings h3{font-size:11px;font-weight:550;margin:0 0 15px;color:var(--text)}.toggle-label{flex-direction:row!important;align-items:center;gap:8px!important}.toggle-label input{accent-color:var(--accent);width:16px;height:16px}.settings-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;border-top:1px solid var(--border);padding-top:17px}.save-bar{position:sticky;bottom:20px;background:#20342a;border:1px solid #476e55;border-radius:10px;padding:14px 20px;margin-top:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 30px #0006}.save-bar>div{display:flex;gap:8px}.save-bar>span{font-size:12px}.footnote{margin:20px 0}.table-wrap{overflow:auto;margin:0 -24px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:550;padding:12px 20px;background:#10161d;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}td{font-size:12px;padding:17px 20px;border-bottom:1px solid #212b36;font-variant-numeric:tabular-nums}td small{display:block;color:var(--muted);font-size:10px;margin-top:5px;max-width:250px;overflow:hidden;text-overflow:ellipsis}tbody tr:hover{background:#171f28}td .text-button{margin-left:12px}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:20px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:25px 0;margin-top:35px;font-size:11px}.banner{background:#292b20;border:1px solid #60573a;padding:12px 17px;color:var(--amber);border-radius:8px;margin-bottom:20px;font-size:12px}.error-text{font-size:12px;color:var(--red);line-height:1.6}.login-shell{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 50% 0%,#243b2a40,transparent 60%)}.login-card{width:420px;max-width:100%;border:1px solid var(--border);border-radius:18px;padding:38px;background:var(--panel)}.login-card .brand-mark{margin-bottom:30px}.login-card h1{font-size:27px}.login-card .muted{font-size:13px;margin:16px 0 28px}.login-card input{padding:13px}.login-card .primary{width:100%;display:flex;justify-content:space-between;margin-top:16px;padding:13px}.login-card .fine{margin-top:28px}code{font-size:10px;overflow-wrap:anywhere}dialog{border:1px solid var(--border);border-radius:14px;padding:28px;background:var(--panel);color:var(--text);width:550px;max-width:calc(100vw - 32px)}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}dl{display:grid;grid-template-columns:140px 1fr;gap:13px;font-size:12px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere;line-height:1.5}@media(min-width:1550px){main{padding:48px 55px 0}}@media(max-width:1180px){.shell{grid-template-columns:185px minmax(0,1fr)}aside{padding:29px 17px}main{padding:30px 25px 0}header{align-items:flex-start;flex-direction:column}.header-actions{align-self:flex-end;margin-top:-3px}h1{font-size:28px}.metrics{gap:10px}.metric{padding:19px 16px}.metric strong{font-size:30px}.overview-grid{grid-template-columns:1fr}.provider-card #providers{display:flex;gap:28px}.provider-row{flex:1}.workload-usage{gap:15px}.usage-item{padding-right:10px}.filter-bar{align-items:flex-start}.filter-bar>div{gap:10px}.filter-bar .inline-label{flex-direction:column;align-items:flex-start;gap:5px}}@media(max-width:750px){.shell{display:block}aside{height:auto;position:static;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--border);padding:16px 18px}.brand{font-size:20px}.brand small{display:none}.brand-mark.small{width:33px;height:33px;font-size:27px;border-radius:8px}.brand{gap:8px}nav{display:flex;margin:0;gap:2px}.nav{padding:9px;font-size:11px}.nav span{display:none}.aside-bottom{display:none}main{padding:26px 18px 0}h1{font-size:25px}.header-actions{align-self:flex-start;margin-top:2px}.metrics{grid-template-columns:1fr 1fr;gap:11px}.metric{padding:18px}.metric strong{font-size:30px}.metric small{font-size:9px}.filter-bar{display:block}.filter-bar>span{display:block;margin-top:14px}.card{padding:20px}.card-heading{gap:10px}.legend{font-size:9px}.overview-grid{gap:0}.chart{height:175px}.provider-card #providers{display:block}.workload-usage{grid-template-columns:1fr 1fr;gap:25px}.usage-item:nth-child(2){border:0}.settings-grid{grid-template-columns:1fr;gap:18px}.defaults{flex-wrap:wrap;gap:15px}.defaults>div{flex-basis:100%}.defaults label{flex:1}.table-wrap{margin:0 -20px}th,td{padding-left:15px;padding-right:15px}.save-bar{padding:12px;bottom:10px;gap:8px}.save-bar>span{font-size:11px}.save-bar button{font-size:11px;padding:9px}.login-card{padding:28px}.filter-bar select{font-size:11px}.settings-fields{gap:14px}.card-heading h2{font-size:17px}}

.mobile-only{display:none}@media(max-width:750px){.mobile-only{display:inline-block}.header-actions{flex-wrap:wrap}}