:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8f0ed;background:#08100f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#16342b 0,#08100f 40%),#08100f}.shell{min-height:100vh}.topbar{height:72px;border-bottom:1px solid #22312d;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);background:#091411e8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.16em;color:#cbd8d2}.brand b{color:#6af0b8;font-weight:600}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #6af0b8;color:#6af0b8;font-weight:800;border-radius:7px}.top-meta{display:flex;align-items:center;gap:10px;color:#82938c;font-size:12px}.top-meta button{background:none;border:0;color:#82938c;cursor:pointer;margin-left:14px}.pulse{width:7px;height:7px;background:#6af0b8;border-radius:50%;box-shadow:0 0 13px #6af0b8}main{max-width:1280px;margin:auto;padding:78px clamp(20px,5vw,72px) 28px}.intro{display:flex;justify-content:space-between;gap:48px;align-items:end;margin-bottom:52px}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#6af0b8;margin:0 0 14px}.intro h1{font-size:clamp(32px,5vw,64px);line-height:1.02;letter-spacing:-.055em;max-width:730px;margin:0}.lede{color:#91a39b;max-width:570px;font-size:17px;line-height:1.6;margin:22px 0 0}.health{min-width:230px;border-left:1px solid #31453d;padding-left:24px}.health span,.health small{display:block;color:#81938b;font-size:12px}.health strong{display:block;font-size:48px;letter-spacing:-.07em;margin:4px 0}.health small{color:#6af0b8}.health i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6af0b8;margin-right:6px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #22312d;background:#0b1714}.metric{padding:22px;border-right:1px solid #22312d}.metric:last-child{border:0}.metric span,.metric small{display:block;color:#82938c;font-size:12px}.metric strong{display:block;font-size:32px;letter-spacing:-.05em;margin:10px 0 4px}.warn-text{color:#f0b45c}.content-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:18px;margin-top:18px}.panel{border:1px solid #22312d;background:#0b1714;padding:24px}.panel-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:22px}.panel h2{font-size:22px;margin:0;letter-spacing:-.03em}.button{border:1px solid #35564a;background:#10251d;color:#8ff3c2;padding:9px 13px;border-radius:6px;cursor:pointer}.project{display:grid;grid-template-columns:10px 1fr auto auto;gap:13px;align-items:center;padding:17px 0;border-top:1px solid #1d2b27}.project strong,.event strong{display:block;font-size:14px}.project small,.event small{display:block;color:#82938c;font-size:12px;margin-top:5px}.state{width:8px;height:8px;border-radius:50%;background:#6af0b8;box-shadow:0 0 8px #6af0b8}.project-status{font-size:10px;color:#6af0b8;letter-spacing:.1em}.latency,.muted{color:#82938c;font-size:12px}.notice{background:#2b2111;color:#f0b45c;padding:10px;font-size:12px}.event{display:grid;grid-template-columns:42px 9px 1fr;gap:12px;align-items:start;padding:16px 0;border-top:1px solid #1d2b27}.event time{color:#82938c;font-size:12px}.event-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;background:#6af0b8}.event-dot.warn{background:#f0b45c}.event-dot.info{background:#7eb8ff}footer{display:flex;justify-content:space-between;color:#60736a;font-size:11px;padding:28px 0}footer a{color:#6af0b8}@media(max-width:760px){.top-meta{font-size:0}.top-meta button{font-size:12px}.intro{display:block}.health{margin-top:32px}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.content-grid{grid-template-columns:1fr}.project{grid-template-columns:10px 1fr auto}.latency{display:none}footer{display:block;line-height:2}main{padding-top:48px}}.vm-summary{margin-top:18px}.capacity{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#22312d}.capacity .metric{background:#0b1714;border:0}.admin-panel{margin-top:18px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.admin-grid form{display:grid;gap:8px}.admin-grid label{display:grid;gap:5px;color:#9aaca4;font-size:12px}.admin-grid input,.admin-grid select{padding:10px;border:1px solid #2c453b;background:#08100f;color:#e8f0ed;border-radius:4px}.lockout{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #1d2b27}.lockout span{font-family:monospace}.lockout small{color:#f0b45c;margin-right:auto}@media(max-width:760px){.capacity{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#020807cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-card{width:min(100%,390px);border:1px solid #35564a;background:#0d1b17;padding:28px;box-shadow:0 20px 80px #0009}.login-card h2{margin:0 0 8px;font-size:26px}.login-card>p:not(.kicker):not(.notice){color:#82938c;font-size:13px;margin:0 0 22px}.login-card label{display:block;color:#9aaca4;font-size:12px;margin:14px 0}.login-card input{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #2c453b;background:#08100f;color:#e8f0ed;border-radius:4px;font:inherit}.login-card input:focus{outline:2px solid #6af0b8;outline-offset:2px}.login-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.button.secondary{background:transparent;color:#82938c}