:root{--page-bg:#060913;--panel:#0c121fe0;--line:#ffffff1c;--text:#e5e7eb;--text-strong:#f8fafc;--muted:#94a3b8;--accent-text:#e2f85a;--shadow:0 18px 50px #00000038;--shadow-lg:0 28px 90px #00000057;color:var(--text);background:var(--page-bg);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}html{background:var(--page-bg);min-width:320px}body{margin:0}button,input{letter-spacing:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #e2f85a}h1,h2,h3,p{margin-top:0}h1{color:var(--text-strong);font-size:34px;line-height:1.05}h2{color:var(--text-strong);font-size:24px;line-height:1.16}h3{line-height:1.16}a{color:inherit}.login-screen,.app-shell{background:linear-gradient(135deg, #22c55e21, transparent 30%), linear-gradient(315deg, #38bdf81f, transparent 34%), var(--page-bg);min-height:100vh}.login-screen{place-items:center;padding:32px;display:grid}.login-panel{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow-lg);background:#0b101ce6;border-radius:8px;padding:30px}.brand-mark,.brand-icon,.metric-icon,.icon-button{place-items:center;display:inline-grid}.brand-mark{color:#0b101c;background:#e2f85a;border-radius:8px;width:58px;height:58px;margin-bottom:28px}.login-heading h1{margin-bottom:28px}.login-form{gap:16px;display:grid}.login-form label{color:var(--muted);gap:8px;font-size:14px;display:grid}.login-form input{border:1px solid var(--line);height:46px;color:var(--text);font:inherit;background:#070a12;border-radius:8px;outline:none;padding:0 14px}.login-form input:focus{border-color:#e2f85a}.form-error,.notice{color:#fecaca;background:#f871711a;border:1px solid #f871715c;border-radius:8px;padding:12px 14px}.primary-button,.icon-button,.nav-button{cursor:pointer;font:inherit;border:0}.primary-button{color:#0b101c;background:#e2f85a;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:46px;font-weight:800;display:inline-flex}.app-shell{grid-template-columns:260px 1fr;display:grid}.sidebar{border-right:1px solid var(--line);background:#05080fd6;flex-direction:column;gap:28px;min-height:100vh;padding:22px;display:flex}.brand-row{align-items:center;gap:12px;display:flex}.brand-icon{color:#071019;background:#38bdf8;border-radius:8px;width:42px;height:42px}.brand-row strong,.brand-row span{display:block}.brand-row strong{color:var(--text-strong);font-size:17px}.brand-row span{color:var(--muted);font-size:13px}.nav-stack{gap:8px;display:grid}.nav-button{height:42px;color:var(--muted);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:0 12px;display:flex}.nav-button:hover,.nav-button.is-active{color:var(--text-strong);background:#ffffff12}.logout-button{margin-top:auto}.workspace{min-width:0;padding:28px}.topbar,.section-head,.provider-header,.provider-billing,.spend-line>div,.server-row,.server-main,.server-specs,.topbar-actions,.rate-pill,.status-pill,.spec{align-items:center;display:flex}.topbar{justify-content:space-between;gap:20px;margin-bottom:26px}.topbar h1{margin:4px 0 0}.topbar-actions{gap:10px}.icon-button{width:40px;height:40px;color:var(--text-strong);background:#ffffff14;border-radius:8px}.rate-pill,.status-pill,.os-pill{border:1px solid var(--line);color:var(--muted);background:#ffffff0f;border-radius:8px}.rate-pill{gap:8px;height:40px;padding:0 13px;font-weight:700}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:30px;display:grid}.metric-tile{border:1px solid var(--line);background:var(--panel);min-height:148px;box-shadow:var(--shadow);border-radius:8px;padding:18px}.metric-icon{border-radius:8px;width:46px;height:46px;margin-bottom:18px}.tone-green .metric-icon{color:#071019;background:#22c55e}.tone-cyan .metric-icon{color:#071019;background:#38bdf8}.tone-violet .metric-icon{color:#071019;background:#a78bfa}.tone-amber .metric-icon{color:#071019;background:#fbbf24}.metric-tile span,.metric-tile small,.provider-billing span,.provider-billing small,.server-main span,.server-cost span,.section-head span,.spend-line span{color:var(--muted)}.metric-tile span,.provider-billing span,.spend-line span{font-size:13px;display:block}.metric-tile strong{color:var(--text-strong);margin:10px 0 5px;font-size:28px;line-height:1.1;display:block}.metric-tile small{font-size:13px}.section-head{justify-content:space-between;gap:16px;margin:8px 0 16px}.section-head h2{margin:4px 0 0}.providers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.provider-panel{--accent-color:#38bdf8;border:1px solid color-mix(in srgb, var(--accent-color), var(--line) 70%);background:linear-gradient(180deg, color-mix(in srgb, var(--accent-color), transparent 88%), transparent 34%), var(--panel);box-shadow:var(--shadow);border-radius:8px;padding:18px}.provider-header{justify-content:space-between;gap:16px;margin-bottom:18px}.provider-header h3{color:var(--text-strong);margin:3px 0 0;font-size:24px}.status-pill{text-transform:uppercase;gap:7px;padding:7px 10px;font-size:12px;font-weight:800}.status-healthy{color:#bbf7d0;background:#22c55e1f}.status-attention,.status-degraded{color:#fde68a;background:#fbbf241f}.status-offline,.status-unknown{color:#fecaca;background:#f871711f}.provider-billing{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.provider-billing>div{border:1px solid var(--line);background:#05080f70;border-radius:8px;min-height:96px;padding:14px}.provider-billing strong{color:var(--text-strong);margin:7px 0 3px;font-size:22px;display:block}.spend-line{margin:18px 0}.spend-line>div{justify-content:space-between;margin-bottom:8px}.spend-line strong{color:var(--text-strong)}.meter{background:#ffffff14;border-radius:8px;height:10px;overflow:hidden}.meter span{border-radius:inherit;background:var(--accent-color);height:100%;display:block}.server-list{gap:10px;display:grid}.server-row{border-top:1px solid var(--line);justify-content:space-between;gap:12px;min-height:86px;padding-top:12px}.server-main{gap:10px;min-width:165px}.server-main strong,.server-main span{display:block}.server-main strong{color:var(--text-strong)}.status-dot{background:#94a3b8;border-radius:999px;flex:0 0 10px;width:10px;height:10px;box-shadow:0 0 0 4px #94a3b824}.status-active{background:#22c55e;box-shadow:0 0 0 4px #22c55e24}.server-specs{flex-wrap:wrap;justify-content:flex-end;gap:7px}.spec{height:28px;color:var(--muted);background:#ffffff0f;border-radius:8px;gap:6px;padding:0 8px;font-size:12px}.server-cost{text-align:right;min-width:104px}.server-cost strong,.server-cost span{display:block}.server-cost strong{color:var(--text-strong)}.os-pill{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;max-width:180px;padding:6px 8px;font-size:12px;overflow:hidden}.eyebrow{color:var(--accent-text);text-transform:uppercase;margin:0;font-size:12px;font-weight:800}@media (width<=1120px){.app-shell{grid-template-columns:84px 1fr}.sidebar{padding:18px 12px}.brand-row span,.brand-row strong,.nav-button span{display:none}.nav-button{justify-content:center;padding:0}.metric-grid,.providers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;min-height:0;overflow-x:auto}.brand-row strong{display:block}.nav-stack{display:flex}.logout-button{margin-top:0;margin-left:auto}.workspace{padding:20px}.topbar,.section-head{flex-direction:column;align-items:flex-start}.metric-grid,.providers-grid,.provider-billing{grid-template-columns:1fr}.server-row{flex-direction:column;align-items:flex-start}.server-cost{text-align:left}}