:root{
  color-scheme:dark;
  --bg:#03090d;--panel:#071015;--panel2:#0a141a;--line:#2d3940;
  --text:#eef1f3;--muted:#a0a8ae;
  --running:#62e42d;--starting:#ffa514;--stopping:#39a9ff;--offline:#ff342d;
}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#12232c 0,#03090d 43%);color:var(--text);font:15px "Segoe UI",Arial,sans-serif;min-height:100vh}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.brand-rail{position:sticky;top:0;height:100vh;background:#030b0f;border-right:1px solid #263139;padding:18px 15px;display:flex;flex-direction:column;align-items:center}.brand-logo{display:block;width:100%;max-height:440px;object-fit:contain}.legend{width:100%;margin-top:20px;padding:14px;border-top:1px solid #263139;border-bottom:1px solid #263139;color:var(--muted)}.legend h3{font-size:12px;letter-spacing:1.6px;color:#d9e1e5;margin:0 0 12px}.legend div{display:flex;align-items:center;gap:9px;margin:9px 0}.legend-dot,.status i,.connection-dot,.manager-dot{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:0 0 11px currentColor}.legend-dot.running{background:var(--running);color:var(--running)}.legend-dot.starting{background:var(--starting);color:var(--starting)}.legend-dot.stopping{background:var(--stopping);color:var(--stopping)}.legend-dot.offline{background:var(--offline);color:var(--offline)}.version{margin-top:auto;color:#6e777d;font-size:11px;letter-spacing:.7px}.workspace{min-width:0}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:17px 24px;border-bottom:1px solid #273138;background:#02070ae8}.title-block h1{font-family:Georgia,serif;color:var(--running);margin:0;font-size:34px;line-height:1}.title-block p{margin:7px 0 0;color:white;letter-spacing:2.2px}.account{display:flex;align-items:center;gap:11px;color:#a9bac3}.connection-dot,.manager-dot{background:var(--running);color:var(--running)}button{color:#fff;border:1px solid #394850;border-radius:5px;padding:10px 13px;font-weight:750;cursor:pointer;transition:filter .15s,transform .15s,border-color .15s}button:hover{filter:brightness(1.22);transform:translateY(-1px)}button:active{transform:translateY(0)}.logout{background:#111a20}.workspace main{display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,1fr) minmax(290px,.82fr);gap:14px;padding:16px;max-width:1680px;margin:auto}.server,.side article{position:relative;background:linear-gradient(160deg,#0a141a,#071015);border:1px solid var(--line);border-radius:7px;padding:16px;box-shadow:0 14px 38px #0008;overflow:hidden}.server::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--state-color)}.server.status-running{--state-color:var(--running)}.server.status-starting{--state-color:var(--starting)}.server.status-stopping{--state-color:var(--stopping)}.server.status-offline,.server.status-unknown{--state-color:var(--offline)}.cardhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cardhead h2,.side h2{font-size:16px;margin:0;color:#f5f7f8}.status{display:flex;align-items:center;gap:8px;color:var(--state-color);font-weight:750}.status i{background:var(--state-color);color:var(--state-color)}.hero{height:235px;border-radius:5px;background-position:center;background-size:cover;border:1px solid #18252c;box-shadow:inset 0 -80px 80px #0007}.hero.icarus{background-image:linear-gradient(#0001,#0005),url('icarus_card.jpg')}.hero.enshrouded{background-image:linear-gradient(#0001,#0005),url('enshrouded_card.jpg')}.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:15px 0;color:var(--muted)}.facts span{display:flex;justify-content:space-between;gap:10px}.facts b{color:#fff;text-align:right}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.actions .start{background:#245f18;border-color:#377d27}.actions .stop{background:#8e1714;border-color:#b62a25}.actions .restart{background:#0d171d}.actions .backup{background:#142734;border-color:#2e5065}.side{display:grid;gap:14px;align-content:start}.side article{padding:17px}.manager-card{min-height:250px}.manager-state{display:flex;align-items:center;gap:10px;margin:29px 0 18px;font-size:17px}.side p{color:var(--muted)}.system-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #1e2a30;color:var(--muted)}.system-row b{color:#fff}.system-row .healthy{color:var(--running)}#activity{max-height:430px;overflow:auto}#activity div{position:relative;padding:11px 0 11px 18px;border-bottom:1px solid #1e2a30;font-size:13px;line-height:1.4}#activity div::before{content:"";position:absolute;left:1px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--running);box-shadow:0 0 8px #62e42d88}#toast{position:fixed;right:20px;bottom:20px;z-index:20;max-width:480px;background:#111d23;border:1px solid #47606c;border-radius:6px;padding:14px;display:none;box-shadow:0 12px 40px #000b}.auth{display:grid;place-items:center}.auth form{width:min(430px,92vw);padding:28px;background:#091218;border:1px solid var(--line);border-radius:8px}.auth label{display:block;color:var(--muted);margin:18px 0}.auth input{display:block;width:100%;margin-top:7px;padding:12px;background:#03090c;color:#fff;border:1px solid #394850;border-radius:4px}.auth button{width:100%}.auth #error{color:#ff7f7f;margin-top:14px}
@media(max-width:1250px){.workspace main{grid-template-columns:1fr 1fr}.side{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.brand-rail{position:relative;height:auto;display:grid;grid-template-columns:150px 1fr auto;gap:18px;align-items:center;border-right:0;border-bottom:1px solid #263139}.brand-logo{height:190px}.legend{margin:0;border-top:0}.version{margin:0;align-self:end}}
@media(max-width:720px){.brand-rail{grid-template-columns:115px 1fr}.version{display:none}.brand-logo{height:155px}header{height:auto;align-items:flex-start;gap:15px}.account{flex-direction:column;align-items:flex-end}.workspace main{grid-template-columns:1fr}.side{grid-column:auto;grid-template-columns:1fr}.hero{height:190px}.actions{grid-template-columns:1fr 1fr}.facts{grid-template-columns:1fr}}
.rail-nav{width:100%;display:grid;gap:7px;margin:15px 0}.nav-button{width:100%;text-align:left;background:#081218;border-color:#22313a;color:#cbd5da}.nav-button.active{background:#17321d;border-color:#4ea52e;color:#fff;box-shadow:inset 3px 0 var(--running)}.signed-in-user{padding-left:10px;border-left:1px solid #334149;color:#fff}.hidden{display:none!important}.view{max-width:1680px;margin:auto}.dashboard-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,1fr) minmax(290px,.82fr);gap:14px;padding:16px}.admin-view{display:block;padding:22px;max-width:1350px}.admin-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.admin-heading h2{margin:0;font-size:24px}.admin-heading p,.panel-title p{color:var(--muted);margin:7px 0 0}.admin-tabs{display:flex;gap:6px;border-bottom:1px solid #2b3840;margin-bottom:16px}.tab-button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--muted)}.tab-button.active{color:#fff;border-bottom-color:var(--running)}.admin-panel{background:linear-gradient(160deg,#0a141a,#071015);border:1px solid var(--line);border-radius:7px;padding:22px;box-shadow:0 14px 38px #0008}.panel-title{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:17px;border-bottom:1px solid #213039}.panel-title h3{margin:0;font-size:19px}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:20px;margin-top:22px}.settings-form label,.dialog-card label{color:var(--muted);font-weight:650}.settings-form input,.settings-form select,.dialog-card input,.dialog-card select{display:block;width:100%;margin-top:8px;padding:12px;background:#03090c;color:#fff;border:1px solid #394850;border-radius:4px}.settings-form .primary{align-self:end}.primary{background:#245f18;border-color:#4b9c34}.users-title{align-items:center}.role-key{display:flex;flex-wrap:wrap;gap:12px;margin:17px 0}.role-key span{background:#09131a;border:1px solid #26353d;border-radius:5px;padding:9px 12px;color:var(--muted)}.role-key b{color:#fff;margin-right:5px}.user-table-wrap{overflow:auto}.user-table{width:100%;border-collapse:collapse;min-width:820px}.user-table th{text-align:left;color:#85939b;font-size:12px;letter-spacing:.8px;padding:12px;border-bottom:1px solid #334149}.user-table td{padding:14px 12px;border-bottom:1px solid #1e2a30}.user-table small{display:block;color:#79868d;margin-top:4px}.role,.account-status{display:inline-block;padding:5px 9px;border:1px solid #3b4b54;border-radius:99px;font-size:12px}.role-administrator{color:#ffd166;border-color:#796324}.role-operator{color:#6ed6ff;border-color:#24637a}.role-viewer{color:#b8c0c5}.account-status.enabled{color:var(--running);border-color:#337622}.account-status.disabled{color:#ff7873;border-color:#7a2723}.row-actions{text-align:right;white-space:nowrap}.row-actions button{padding:7px 9px;margin-left:5px;background:#101b21}.row-actions .danger{border-color:#79312e;color:#ff8d88}dialog{border:0;padding:0;background:transparent;color:#fff}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}.dialog-card{width:min(500px,92vw);background:#091218;border:1px solid #3a4a53;border-radius:8px;padding:22px;box-shadow:0 24px 70px #000}.dialog-card label{display:block;margin:16px 0}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h3{margin:0}.icon-button{font-size:24px;padding:2px 9px;background:transparent;border:0}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.check-row{display:flex!important;align-items:center;gap:9px}.check-row input{width:auto!important;margin:0!important}.error{border-color:#8e312d!important;color:#ffaaa6}
@media(max-width:1250px){.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid .side{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:720px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .side{grid-column:auto;grid-template-columns:1fr}.settings-form{grid-template-columns:1fr}.signed-in-user{display:none}}