:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ecf3f7;background:#0b1218;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select{font:inherit}button{cursor:pointer}.login-shell,.splash{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 25% 0,#193c44 0,#0b1218 46%)}.login-card{width:min(440px,100%);display:grid;gap:22px;padding:42px;background:#111d25;border:1px solid #27404c;border-radius:24px;box-shadow:0 30px 100px #0008}.login-card h1{margin:4px 0 0;font-size:36px}.login-card small,.muted{color:#91a6b1;line-height:1.6}.mark{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#72efd0,#5fa7ff);color:#08131a;font-weight:900;letter-spacing:-.06em}.mark.small{width:38px;height:38px;border-radius:12px}.eyebrow{margin:0;color:#73d8c1;font-size:11px;font-weight:800;letter-spacing:.14em}.primary,.start,.stop,.refresh{border:0;border-radius:12px;padding:12px 18px;font-weight:800}.primary,.start{background:#67e6c4;color:#071712}.primary:hover,.start:hover{background:#80efd2}.app-shell{min-height:100vh;background:radial-gradient(circle at 80% -20%,#173b46 0,transparent 38%),#0b1218}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid #22313a;background:#0b1218cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:2}.brand,.top-actions{display:flex;align-items:center;gap:13px}.brand>div:last-child{display:grid}.brand span{color:#8197a3;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.top-actions{gap:20px}.top-actions a,.text-button{color:#9eb2bc;text-decoration:none;background:none;border:0;font-size:13px}.content{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:54px 0 80px}.hero{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.hero h1{margin:8px 0;font-size:clamp(30px,5vw,48px);letter-spacing:-.04em}.hero p:last-child{margin:0;color:#90a5af}.refresh{background:#1b2b34;color:#cbd8de;border:1px solid #31444e}.alert{padding:14px 17px;margin-bottom:18px;border:1px solid #7c443f;background:#3b201f;color:#ffb6ad;border-radius:12px}.power-panel,.usage-panel,.metrics-grid article{border:1px solid #253640;background:#111c23;border-radius:18px}.power-panel{display:grid;grid-template-columns:1.2fr 2fr auto;gap:28px;align-items:center;padding:28px}.status-main{display:flex;gap:16px;align-items:center}.status-main p,.status-main h2{margin:0}.status-main p{color:#849aa5;font-size:12px}.status-main h2{font-size:28px;margin:3px 0}.status-main small{color:#708791}.state-dot{width:16px;height:16px;border-radius:50%;background:#7e8b91;box-shadow:0 0 0 8px #7e8b9119}.state-dot.running{background:#6ce0b0;box-shadow:0 0 0 8px #6ce0b019,0 0 24px #6ce0b066}.state-dot.stopped{background:#7f91a0}.state-dot.pending,.state-dot.stopping,.state-dot.shutting-down{background:#ffc866;animation:pulse 1.4s infinite}.power-details{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.power-details div{display:grid;gap:3px}.power-details span{color:#718893;font-size:11px}.power-details strong{font-size:13px}.power-actions{display:grid;gap:10px;min-width:160px}.stop{background:#382225;color:#ffaca6;border:1px solid #663638}.start:disabled,.stop:disabled,.refresh:disabled{opacity:.35;cursor:not-allowed}.cost-note{grid-column:1/-1;margin:0;padding-top:17px;border-top:1px solid #213039;color:#77909b;font-size:12px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.metrics-grid article{display:grid;gap:5px;padding:20px}.metrics-grid span,.metrics-grid small{color:#78909b;font-size:12px}.metrics-grid strong{font-size:28px}.usage-panel{overflow:hidden}.usage-panel>header{display:flex;align-items:center;justify-content:space-between;padding:24px 26px;border-bottom:1px solid #253640}.usage-panel h2{margin:6px 0 0;font-size:22px}.usage-panel label{display:grid;gap:5px;color:#78909b;font-size:11px}.usage-panel select{padding:9px 30px 9px 11px;border:1px solid #324752;border-radius:9px;background:#15242c;color:#e3edf1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:15px 24px;border-bottom:1px solid #202f37}th{color:#718893;font-size:10px;text-transform:uppercase;letter-spacing:.1em}td{color:#b9c8cf}code{font-family:SFMono-Regular,Consolas,monospace;color:#7de0c8;background:#142c2d;padding:4px 7px;border-radius:6px}.empty{text-align:center;padding:46px;color:#718893}.footnote{margin:0;padding:16px 24px;color:#667d88;font-size:11px}.splash{align-content:center;gap:16px;color:#92a8b3}.spinner{width:32px;height:32px;border:3px solid #29404b;border-top-color:#69e2c2;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45}}@media(max-width:920px){.power-panel{grid-template-columns:1fr 1fr}.power-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.topbar{padding:0 16px}.top-actions a{display:none}.content{width:min(100% - 24px,1200px);padding-top:34px}.hero{align-items:start}.hero .refresh{margin-top:18px}.power-panel{grid-template-columns:1fr;padding:20px}.power-details{grid-template-columns:1fr 1fr}.power-actions{grid-column:auto}.metrics-grid{grid-template-columns:1fr 1fr}.metrics-grid strong{font-size:23px}.usage-panel>header{align-items:start}.login-card{padding:30px}}@media(max-width:410px){.metrics-grid,.power-details,.power-actions{grid-template-columns:1fr}}