:root{--bg: #080b12;--panel: #0f1420;--border: rgba(255, 255, 255, .1);--text: #f3f6ff;--muted: #9ba8bd;--cyan: #3dd9ff;--violet: #a78bfa;--green: #42e6a4;--amber: #f8bc5f;--red: #fb7185;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% -10%,#172a4e 0,transparent 32rem),var(--bg);color:var(--text)}button,input{font:inherit}button{min-height:44px;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.shell{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px}header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}h1,h2,p{margin:0}h1{font-size:clamp(1.55rem,3vw,2.35rem)}h2{font-size:1.15rem}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;margin-bottom:7px}.muted,.quota-label span,time{color:var(--muted);font-size:.9rem}.live-dot{display:inline-block;height:.62rem;width:.62rem;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);vertical-align:middle}.card{background:linear-gradient(145deg,rgba(255,255,255,.04),transparent),var(--panel);border:1px solid var(--border);border-radius:16px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-card{position:relative;min-height:208px;padding:21px;overflow:hidden;display:grid;grid-template-columns:1fr 68px;gap:8px}.metric-value{font:700 clamp(2rem,5vw,3.25rem)/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:-.08em}.ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(var(--panel) 56%,transparent 58%),conic-gradient(var(--accent) var(--value),#283142 0);color:var(--muted);font:700 .8rem ui-monospace,monospace}.sparkline{grid-column:1 / -1;align-self:end;width:100%;height:40px;opacity:.9}.panel-grid{display:grid;grid-template-columns:7fr 5fr;gap:16px;margin-top:16px}.panel{padding:21px}.panel-title{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:16px}.status,.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--border);border-radius:999px;font-size:.76rem;font-weight:700;text-transform:capitalize;white-space:nowrap}.status i{width:7px;height:7px;border-radius:50%;background:currentColor}.available,.running{color:var(--green)}.configured,.stale{color:var(--amber)}.unavailable{color:var(--red)}.disabled{color:var(--muted)}.models{list-style:none;padding:0;margin:0}.models li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--border)}.models strong,.models span{display:block}.models span{color:var(--muted);font-size:.82rem;margin-top:3px}.models .badge{margin:0}.quota-row{border-top:1px solid var(--border);padding:14px 0}.quota-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.bar{height:9px;border-radius:99px;background:#283142;overflow:hidden}.bar i{display:block;height:100%;min-width:3px;background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:inherit}time{display:block;margin-top:7px}.inline-message{border-left:3px solid var(--amber);background:#f8bc5f1a;padding:12px;color:#ffe0a5;border-radius:4px}.secondary,.unlock button{border:1px solid var(--border);border-radius:10px;color:var(--text);padding:0 16px;background:#1a263b;font-weight:700}.secondary:hover,.unlock button:hover{background:#263858}.loading{padding:28px;color:var(--muted)}.unlock{min-height:100vh;display:grid;place-items:center;padding:16px}.unlock-card{width:min(440px,100%);padding:30px;border-radius:18px;background:var(--panel);border:1px solid var(--border);display:grid;gap:13px}.unlock-card p{color:var(--muted)}.unlock label{font-weight:700;font-size:.9rem}.unlock input{min-height:44px;border:1px solid var(--border);color:var(--text);background:#080b12;border-radius:8px;padding:0 12px}@media(max-width:800px){.metric-grid,.panel-grid{grid-template-columns:1fr}}@media(max-width:480px){.shell{width:min(100% - 32px,1280px);padding-top:20px}header{align-items:flex-start}.metric-card{min-height:166px}.quota-label{display:grid}.models li{align-items:flex-start}}@media(prefers-reduced-motion:no-preference){.card,button{transition:transform .18s ease,background .18s ease}.card:hover{transform:translateY(-2px)}}