:root{font-family:Inter,ui-sans-serif,system-ui;background:#07090d;color:#f5f7fa;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#172033 0,transparent 28%),#07090d}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.side{position:-webkit-sticky;position:sticky;top:0;height:100vh;border-right:1px solid #222834;padding:20px 14px;background:rgba(10,13,19,.97);overflow:auto;z-index:20}.actions,.brandrow,.listitem,.sectiontitle,.top{display:flex;align-items:center}.brandrow,.listitem,.sectiontitle,.top{justify-content:space-between}.brand{font-weight:900;letter-spacing:.12em}.muted,.tag,small{color:#8c97a9}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#6f91ca}.side nav{display:grid;grid-gap:3px;gap:3px;margin-top:24px}.side nav button{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:9px;padding:10px 12px;background:transparent;color:#aeb7c6;text-align:left;cursor:pointer}.side nav button.active,.side nav button:hover{background:#192131;color:#fff}.navicon{width:20px;text-align:center}.main{min-width:0;padding:28px 34px 60px}.top{gap:20px;margin-bottom:24px}.top h1{margin:4px 0 0;font-size:28px}.topactions{display:flex;align-items:center;gap:10px}.command input,.form input,.form textarea,.login input,.top select{border:1px solid #30394a;background:#0b1018;color:#fff;border-radius:9px;padding:10px 12px}.badge,.live-dot,.status{display:inline-flex;padding:7px 10px;border:1px solid #344055;border-radius:999px;color:#b7c1d2;font-size:11px;font-weight:800;letter-spacing:.05em}.badge.good,.live-dot,.status.good{border-color:#21684d;color:#6ee7b7;background:#0b211a}.card{background:rgba(16,21,30,.94);border:1px solid #242c3a;border-radius:14px;padding:18px;box-shadow:0 12px 35px rgba(0,0,0,.14)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.metric span{display:block;color:#8995a8;font-size:12px}.metric strong{display:block;margin-top:8px;font-size:22px;overflow:hidden;text-overflow:ellipsis}.actions{gap:8px;flex-wrap:wrap;margin:14px 0}.btn{border:1px solid #364155;background:#161d28;color:#fff;border-radius:9px;padding:9px 13px;cursor:pointer}.btn:hover{border-color:#6f86aa}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:#eef4ff;color:#0b1018;border-color:#eef4ff;font-weight:750}.btn.danger{border-color:#72343c;color:#ffb2b9}.btn.small{padding:6px 9px;font-size:12px}.icon{border:0;background:transparent;color:#aeb8c9;font-size:21px;cursor:pointer}.room,.twocol{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);grid-gap:16px;gap:16px}.screen{min-height:260px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 30%,#27364f,#0a0d12 68%);border:1px solid #303a4c;border-radius:12px;margin:14px 0}.screen strong{font-size:25px;letter-spacing:.12em}.screen p{color:#929db0}.command{display:flex;align-items:end;gap:10px;margin-top:18px}.command label{flex:1 1}.form{display:grid;grid-gap:13px;gap:13px}.command label,.form label{display:grid;grid-gap:6px;gap:6px;color:#9da8ba;font-size:12px}.form textarea{min-height:92px;resize:vertical}.listitem{gap:12px;padding:13px 0;border-bottom:1px solid #242c38}.listitem:last-child{border-bottom:0}.listitem small{display:block;margin-top:5px}.activity{max-height:650px;overflow:auto}.event{padding:13px 0;border-bottom:1px solid #222a36}.event p{margin:5px 0}.event strong{font-size:12px;letter-spacing:.06em}.empty{padding:30px 10px;color:#8e99aa;text-align:center}.flash{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;border:1px solid #275d48;background:#0c211a;color:#8de7c1;border-radius:10px;padding:11px 14px}.flash.error{border-color:#6d3138;background:#251014;color:#ffb6bd}.flash button{background:transparent;border:0;color:inherit;cursor:pointer}.tablewrap{overflow:auto;margin-top:16px}table{border-collapse:collapse;width:100%;min-width:680px}td,th{padding:11px;border-bottom:1px solid #252d3a;text-align:left;font-size:12px;max-width:280px;overflow:hidden;text-overflow:ellipsis}th{color:#8e99aa;text-transform:uppercase}.login{width:min(440px,calc(100vw - 32px));display:grid;grid-gap:12px;gap:12px}.login h1{margin-bottom:4px}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.narrow{max-width:640px}.mobile{display:none}.collapsed{grid-template-columns:72px minmax(0,1fr)}.collapsed .side .brandrow>div,.collapsed .side nav button span:last-child{display:none}.collapsed .side nav button{justify-content:center}.collapsed .navicon{font-size:18px}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.room,.twocol{grid-template-columns:1fr}}@media(max-width:760px){.collapsed,.shell{display:block}.side{position:fixed;left:0;transform:translateX(-105%);width:265px;transition:transform .2s}.side.open{transform:translateX(0)}.desktop{display:none}.mobile{display:inline-block}.scrim{position:fixed;inset:0;border:0;background:#0009;z-index:10}.main{padding:18px}.top{align-items:flex-start}.topactions{align-items:stretch;flex-direction:column}.top select{max-width:190px}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:500px){.metrics{grid-template-columns:1fr}.top h1{font-size:24px}.command{align-items:stretch;flex-direction:column}.command .btn{width:100%}}.badge.warn,.status.warn{border-color:#7c5a1d;color:#fbbf24;background:#231a08}.badge.bad,.status.bad{border-color:#6d3138;color:#ffb6bd;background:#251014}.form select{border:1px solid #30394a;background:#0b1018;color:#fff;border-radius:9px;padding:10px 12px}.card code{background:#0b1018;border:1px solid #2b3444;border-radius:6px;padding:2px 6px;font-size:12px;color:#c7d3e6}