:root{font-size:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8edf7;background:#090d14;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -20%,#162238 0,#090d14 35%);min-width:1100px}button,input{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{border-right:1px solid #1d2635;background:#0b1018;display:flex;flex-direction:column;padding:22px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;padding:0 8px 25px}.brand>div:last-child{display:flex;flex-direction:column}.brand span,.user span{font-size:18px;color:#75829a}.brandMark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#4d87ff,#5d5bff);font-size:37.5px;font-weight:800;box-shadow:0 8px 30px #385ee642}.brandMark.small{width:36px;height:36px;border-radius:10px;font-size:28.5px}nav{display:flex;flex-direction:column;gap:5px}nav button{border:0;background:transparent;color:#93a0b6;text-align:left;padding:11px 12px;border-radius:8px}nav button:hover,nav button.active{background:#151d2a;color:#fff}.user{margin-top:auto;border-top:1px solid #1d2635;padding:18px 8px 0;display:flex;justify-content:space-between;align-items:center}.user>div{display:flex;flex-direction:column}.user button,.ghost{border:0;background:transparent;color:#8d9bb2}.user button:hover,.ghost:hover{color:#fff}main{padding:34px 40px;overflow:hidden;width:100%;max-width:1220px;margin:0 auto;min-width:0}.pageHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.pageHead h1,.serverHeader h1{font-size:42px;margin:0 0 5px}.pageHead p,.serverHeader p{margin:0;color:#76839a}.primary{border:0;background:#4d78ff;color:#fff;font-weight:700;border-radius:8px;padding:10px 16px}.primary:hover{filter:brightness(1.08)}.panel{border:1px solid #1d2839;background:#0e1520;border-radius:12px;overflow:hidden}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric{border:1px solid #1d2839;background:#0e1520;border-radius:12px;padding:17px 18px;display:flex;flex-direction:column;min-height:106px}.metric span{font-size:18px;color:#74829a;text-transform:uppercase;letter-spacing:.06em}.metric strong{font-size:37.5px;margin-top:12px}.metric small{margin-top:5px;color:#79879d}.split{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.panelTitle{padding:15px 18px;border-bottom:1px solid #1c2635}.panelTitle h2{font-size:22.5px;margin:0}.serverRow{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-bottom:1px solid #182231;background:transparent;color:inherit;padding:14px 18px;text-align:left}.serverRow:hover{background:#131c2a}.serverRow>div{display:flex;flex-direction:column;gap:4px}.serverRow>div:last-child{align-items:flex-end}.serverRow span,.auditList span{font-size:18px;color:#718097}.auditList>div{padding:13px 18px;border-bottom:1px solid #182231;display:flex;flex-direction:column;gap:4px}.badge{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:16.5px;font-weight:800;text-transform:uppercase;background:#232c3c;color:#aeb9c9}.badge.running{background:#123528;color:#4ed49b}.badge.stopped,.badge.exited{background:#2d2530;color:#b9a0b8}.badge.starting,.badge.restarting{background:#332e1a;color:#e5c550}.badge.offline,.badge.error,.badge.dead{background:#3a1e24;color:#ff7b8a}.tableWrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:19.5px}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid #182231}th{font-size:16.5px;text-transform:uppercase;color:#718097;letter-spacing:.05em;background:#0b111a}tbody tr:hover{background:#121a27}td small{display:block;color:#64738b;margin-top:4px}.serverHeader{display:flex;align-items:center;gap:16px;margin-bottom:16px}.serverHeader .ghost{padding:0}.serverHeader .badge{margin-left:auto}.actions{display:flex;gap:8px}.actions button,.consoleTools button,td button,.range button{border:1px solid #29354a;background:#131c2a;color:#b9c5d6;border-radius:7px;padding:8px 11px}.actions button:hover,.consoleTools button:hover,td button:hover,.range button:hover,.range button.active{border-color:#4d78ff;color:#fff}.danger{border-color:#5d2b36!important;color:#ff8897!important}.tabs{display:flex;gap:3px;border-bottom:1px solid #1d2839;margin-bottom:18px}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#77869d;padding:11px 13px}.tabs button.active{color:#fff;border-color:#507dff}.formRow{display:flex;align-items:end;gap:12px;padding:16px;margin-bottom:18px}.formRow label,.settings label,.loginCard label{display:flex;flex-direction:column;gap:7px;color:#8592a7;font-size:18px}.formRow input,.settings input,.settings select,.loginCard input,.consoleTools input,.command input{background:#0a1018;border:1px solid #253146;color:#eaf0fa;border-radius:7px;padding:10px 11px;outline:none}.formRow input:focus,.settings input:focus,.settings select:focus,.loginCard input:focus,.consoleTools input:focus,.command input:focus{border-color:#4d78ff}.errorBox{background:#351a21;border:1px solid #632d3a;color:#ff93a0;padding:10px 12px;border-radius:8px;margin-bottom:16px}.consolePanel{padding:0}.consoleTools{display:flex;gap:8px;padding:10px;border-bottom:1px solid #1d2839}.consoleTools input{flex:1}.console{height:440px;overflow:auto;padding:13px 15px;background:#080c12;color:#bec9d7;font:18px/1.6 SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.command{display:flex;align-items:center;gap:10px;padding:10px}.command span{color:#5b7fff}.command input{flex:1}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:16.5px;color:#9bacbf}.range{display:flex;gap:6px;margin-bottom:12px}.chartGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.chartCard{padding:15px 16px}.chartCard>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.chartCard h3{margin:0;color:#8592a7;font-size:18px;text-transform:uppercase}.chartCard strong{font-size:28.5px}.chart{width:100%;height:100px;color:#5b83ff;margin-top:15px}.settings{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px}.settings .toggle{grid-column:1/-1;flex-direction:row;align-items:center}.settings .primary{width:max-content}.loginShell{min-height:100vh;display:grid;place-items:center}.loginCard{width:390px;padding:34px;background:#0d141f;border:1px solid #223049;border-radius:16px;box-shadow:0 30px 100px #0008;display:flex;flex-direction:column;gap:16px}.loginCard .brandMark{margin:auto}.loginCard h1{text-align:center;margin:3px 0 0}.loginCard>p{text-align:center;color:#74829a;margin:-10px 0 12px}.loginCard .primary{padding:12px}.empty{padding:30px;color:#7f8ba0;text-align:center}.demoPill{margin:0 8px 18px;padding:8px 10px;border:1px solid #274738;background:#10271f;color:#62d6a1;border-radius:8px;font-size:16.5px;font-weight:800;letter-spacing:.08em;text-align:center}.demoButton{border:1px solid #2d3c55;background:#111a28;color:#b8c5d8;border-radius:8px;padding:11px 14px;font-weight:650}.demoButton:hover{border-color:#527fff;color:#fff;background:#151f30}:root{font-size:16px}html,body,#root{min-height:100%;width:100%}body{min-width:0;overflow-x:hidden}.app{grid-template-columns:220px minmax(0,1fr);width:100%}aside{min-width:0;padding:20px 13px}.brand{padding:0 7px 20px}.brand strong{font-size:18px}.brand span,.user span{font-size:13px}nav button{font-size:16px;padding:10px 11px}.user{gap:10px;padding:16px 7px 0}.user strong{font-size:14px;overflow-wrap:anywhere}.user button{font-size:13px;text-align:right}main{width:100%;max-width:1480px;padding:28px clamp(20px,3vw,38px);overflow:visible}.pageHead{gap:18px;margin-bottom:20px}.pageHead h1,.serverHeader h1{font-size:clamp(28px,3vw,36px);line-height:1.1}.pageHead p,.serverHeader p{font-size:15px;overflow-wrap:anywhere}.primary{font-size:14px;padding:9px 14px}.metricGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.metric{min-width:0;min-height:98px;padding:15px 16px}.metric span{font-size:13px}.metric strong{font-size:clamp(27px,2.7vw,34px);margin-top:9px}.metric small{font-size:13px;line-height:1.35}.split{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px}.panelTitle{padding:14px 16px}.panelTitle h2{font-size:18px}.serverRow{padding:13px 16px;font-size:14px}.serverRow span,.auditList span{font-size:13px}.auditList>div{padding:12px 16px;font-size:14px}.badge{font-size:11px;padding:4px 8px;white-space:nowrap}.serverHeader{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 16px;margin-bottom:18px;padding:2px 0}.serverHeader .ghost{font-size:14px;white-space:nowrap}.serverHeader .badge{margin-left:0;align-self:start;margin-top:6px}.serverHeader .actions{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:7px;min-width:0}.actions button,.consoleTools button,td button,.range button{font-size:13px;padding:7px 10px;white-space:nowrap}.tabs{gap:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding-bottom:1px}.tabs button{flex:0 0 auto;font-size:14px;padding:10px 12px;white-space:nowrap}.formRow{flex-wrap:wrap;align-items:flex-end;padding:15px}.formRow label,.settings label,.loginCard label{font-size:14px;min-width:0}.formRow input,.settings input,.settings select,.loginCard input,.consoleTools input,.command input{font-size:14px;padding:9px 10px;min-width:0}.tableWrap{width:100%;overflow:auto}table{font-size:14px;min-width:720px}th,td{padding:11px 13px}th{font-size:11px}td small,.mono{font-size:12px}.consoleTools{flex-wrap:wrap}.consoleTools input{min-width:220px}.console{height:min(52vh,520px);font-size:13px}.command{min-width:0}.command input{min-width:120px}.chartGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.chartCard h3{font-size:13px}.chartCard strong{font-size:24px}.settings{grid-template-columns:repeat(2,minmax(0,1fr));padding:17px;gap:14px}.settings .primary{grid-column:1/-1}.loginCard{width:min(390px,calc(100vw - 32px));padding:28px}.demoPill{font-size:12px;margin:0 7px 15px}@media(max-width:1000px){.app{grid-template-columns:190px minmax(0,1fr)}aside{padding:16px 10px}.brand{gap:8px}.brand strong{font-size:16px}.brand span{font-size:12px}.brandMark.small{width:32px;height:32px;font-size:24px}nav button{font-size:14px}main{padding:22px 20px}.split{grid-template-columns:1fr}.serverHeader{grid-template-columns:auto minmax(0,1fr)}.serverHeader .badge{grid-column:2;grid-row:2;justify-self:start;margin:0}.serverHeader .actions{grid-column:1/-1}}@media(max-width:720px){.app{display:block;min-height:100vh}aside{position:relative;top:auto;height:auto;border-right:0;border-bottom:1px solid #1d2635;padding:12px}.brand{padding:0 4px 10px}.demoPill{margin:0 4px 10px}nav{flex-direction:row;overflow-x:auto;padding-bottom:2px}nav button{flex:0 0 auto;white-space:nowrap}.user{margin-top:10px;padding:10px 4px 0}main{padding:18px 14px}.pageHead{align-items:flex-start;flex-wrap:wrap}.pageHead h1,.serverHeader h1{font-size:28px}.serverHeader{grid-template-columns:minmax(0,1fr) auto;align-items:start}.serverHeader .ghost{grid-column:1/-1}.serverHeader .badge{grid-column:2;grid-row:2}.serverHeader .actions{grid-column:1/-1}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings{grid-template-columns:1fr}.settings .toggle,.settings .primary{grid-column:1}.chartGrid{grid-template-columns:1fr}.consoleTools input{flex-basis:100%;min-width:0}}@media(max-width:480px){.metricGrid{grid-template-columns:1fr}.actions{width:100%}.actions button{flex:1 1 calc(50% - 7px)}.command{flex-wrap:wrap}.command input{flex-basis:calc(100% - 28px)}.command button{margin-left:auto}}.roomActions{display:flex;gap:8px;align-items:center;white-space:nowrap}.roomActions button:disabled{opacity:.55;cursor:default}