:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d9e0d3;--bg:#070907;--panel:#0b100c;--panel-2:#10170f;--line:#1c2b1d;--text:#d9e0d3;--muted:#7d8879;--green:#8fe388;--amber:#e4b95b;--red:#ff746d;--blue:#7aa8ff;background:#070907;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,Consolas,monospace}*{box-sizing:border-box}body{background:linear-gradient(#8fe38808 50%, #0000001a 50%) 0 0 / 100% 4px, radial-gradient(circle at 20% 0%, #8fe38814, transparent 28rem), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.screen{width:min(1180px,100vw - 32px);margin:0 auto;padding:18px 0 44px}.topbar{min-height:32px;color:var(--muted);letter-spacing:0;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;display:flex}.topbar strong,.ok{color:var(--green)}.topbar-user{text-transform:none;color:var(--text);margin-left:auto}.status-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 16px var(--green);border-radius:50%}.terminal-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);box-shadow:inset 0 0 0 1px #8fe38808}.hero{padding:20px 24px}.hero span,.panel-title span,.account-row span,h3{color:var(--amber)}.hero h1{letter-spacing:0;margin:8px 0 12px;font-size:clamp(34px,7vw,72px);line-height:.95}.hero code{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--green);display:block;overflow:hidden}.scope-strip{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;padding-top:14px;font-size:12px;display:grid}.filters{grid-template-columns:minmax(240px,1fr) auto auto auto;gap:12px;margin-top:14px;padding:12px;display:grid}.filters>*{min-width:0}.filters input{border:1px solid var(--line);min-width:0;color:var(--text);background:#050805;outline:none;padding:10px 12px}.filters input:focus{border-color:var(--green)}.segmented{border:1px solid var(--line);background:#050805;min-width:0;display:flex;overflow-x:auto}.segmented button{border:0;border-right:1px solid var(--line);min-height:38px;color:var(--muted);cursor:pointer;background:0 0;padding:0 12px}.segmented button:last-child{border-right:0}.segmented button.active{color:var(--green);background:#8fe38814}.terminal-button{border:1px solid var(--line);min-height:36px;color:var(--green);cursor:pointer;background:#8fe38814;padding:0 12px}.terminal-button:disabled{cursor:not-allowed;opacity:.35}.action-start{color:var(--green)}.action-stop{color:var(--red);background:#ff746d0f}.global-error{color:var(--red);background:#ff746d14;border:1px solid #ff746d73;margin-top:14px;padding:12px 14px}.instances,.detail-panel,.events,.cost-panel{margin-top:14px}.panel-title{border-bottom:1px solid var(--line);align-items:center;gap:18px;min-height:38px;padding:0 12px;display:flex}.panel-title small{color:var(--muted);margin-left:auto}.panel-title small+small{margin-left:0}.account-row,.instance-row{width:100%;min-height:58px;color:var(--text);text-align:left;background:0 0;border:0;border-bottom:1px solid #1c2b1da6;grid-template-columns:2fr .9fr .9fr .8fr .8fr 170px;align-items:center;gap:12px;padding:10px 12px;display:grid}.account-row{background:#8fe3880a;min-height:34px;font-size:12px}.account-row em{color:var(--muted);grid-column:3/-1;justify-self:end;font-style:normal}.instance-row{cursor:pointer}.instance-row:hover,.instance-row.selected{background:#8fe3880f}.cell-name{flex-direction:column;gap:3px;min-width:0;display:flex}.cell-name strong,.cell-name small,code{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}small,.muted{color:var(--muted)}.owner{color:var(--green)}.owner-missing,.warn{color:var(--amber)}.bad{color:var(--red)}.state{border:1px solid var(--line);width:max-content;min-width:86px;color:var(--muted);justify-content:center;padding:5px 8px;display:inline-flex}.state-running{color:var(--green);border-color:#8fe38852}.state-stopped{color:var(--red);border-color:#ff746d52}.state-pending{color:var(--amber);border-color:#e4b95b66}.row-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.detail-grid{grid-template-columns:.9fr 1.45fr .75fr;display:grid}.detail-section{border-right:1px solid var(--line);min-width:0;padding:14px}.detail-section:last-child{border-right:0}.detail-section h3{margin:0 0 14px;font-size:13px}dl{grid-template-columns:92px minmax(0,1fr);gap:9px 12px;margin:0;display:grid}dt{color:var(--muted);font-size:12px}dd{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}.copy-line{border-bottom:1px solid #1c2b1da6;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:10px;min-height:42px;display:grid}.copy-line code{color:var(--text)}.error-box{background:#ff746d12;border:1px solid #ff746d59;gap:8px;margin-top:14px;padding:10px;display:grid}.event-list{display:grid}.event-row{min-height:34px;color:var(--muted);border-bottom:1px solid #1c2b1da6;grid-template-columns:76px 54px 112px minmax(120px,1fr) minmax(180px,2fr);align-items:center;gap:10px;padding:0 12px;font-size:12px;display:grid}.event-row em{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-style:normal;overflow:hidden}.cost-grid{background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.cost-grid>div{background:var(--panel);min-height:220px;padding:20px}.cost-grid h3{margin:0 0 24px}.cost-grid strong{margin-bottom:18px;font-size:42px;display:block}.bar{border:1px solid var(--line);background:#050805;height:12px}.bar span{background:linear-gradient(90deg, var(--green), var(--amber));height:100%;display:block}.empty,.boot,.login{place-items:center;gap:18px;min-height:260px;display:grid}.login{margin-top:10vh;padding:28px}@media (width<=980px){.screen{width:min(760px,100vw - 20px)}.scope-strip,.filters,.detail-grid,.cost-grid{grid-template-columns:1fr}.detail-section{border-right:0;border-bottom:1px solid var(--line)}.detail-section:last-child{border-bottom:0}.account-row,.instance-row{grid-template-columns:minmax(0,1fr)}.account-row em{grid-column:auto;justify-self:start}.event-row{grid-template-columns:70px 48px minmax(0,1fr)}.event-row code,.event-row em{display:none}.topbar{flex-wrap:wrap}.topbar-user{width:100%;margin-left:0}}
