@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#080b12;--panel:#0d131fe0;--panel-2:#121a29eb;--line:#ffffff1a;--line-strong:#ffffff29;--text:#f4f7fb;--muted:#9aa7ba;--muted-2:#718096;--accent:#61a9ff;--accent-2:#7bc4ff;--green:#56d89b;--amber:#f2bc67;--danger:#f08080;--shadow:0 24px 70px #00000061}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 86% 14%,#3069a81f,#0000 28%),radial-gradient(at bottom,#1b2735 0%,#090a0f 72%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.app-layout{grid-template-columns:245px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070b12d6;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:4px 6px 24px;display:flex}.brand__mark{background:linear-gradient(145deg,#2e75bd,#5faaff);border-radius:11px;place-items:center;width:38px;height:38px;font-size:.78rem;font-weight:800;display:grid;box-shadow:0 10px 24px #2470bf3d}.brand__text{display:grid}.brand__text strong{font-size:.98rem}.brand__text small{color:var(--muted);margin-top:2px;font-size:.72rem}.nav{flex-direction:column;gap:6px;display:flex}.nav a,.nav__disabled{color:#9eabba;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;min-height:44px;padding:0 12px;font-size:.88rem;font-weight:600;text-decoration:none;display:flex}.nav a>span,.nav__disabled>span{text-align:center;color:#708399;width:18px}.nav a:hover{color:#eef4fb;background:#ffffff0b}.nav a.is-active{color:#ddebfb;background:#61a9ff1a;border-color:#61a9ff29}.nav a.is-active>span{color:var(--accent-2)}.nav__disabled{opacity:.45}.nav__disabled em{color:#8290a2;border:1px solid var(--line);border-radius:999px;margin-left:auto;padding:3px 6px;font-size:.58rem;font-style:normal}.sidebar__footer{gap:14px;margin-top:auto;padding:14px 8px 4px;display:grid}.mini-status{color:#8e9bad;font-size:.74rem;font-weight:600}.mini-status i,.status-badge i{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #56d89b17}.language-switcher{border:1px solid var(--line);background:#ffffff06;border-radius:10px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.language-switcher button{color:#738398;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px;font-size:.7rem;font-weight:800}.language-switcher button.is-active{color:#ddecff;background:#61a9ff1c}.main{width:min(1400px,100%);margin:0 auto;padding:34px 38px 52px}.topbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.topbar h1{letter-spacing:-.035em;margin-top:7px;font-size:clamp(1.8rem,3vw,2.55rem)}.topbar p{color:var(--muted);margin-top:7px;font-size:.88rem}.eyebrow,.summary-label{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);font-size:.66rem;font-weight:800;display:inline-flex}.summary-grid{grid-template-columns:190px 190px minmax(280px,1fr);gap:14px;margin-bottom:18px;display:grid}.summary-card{border:1px solid var(--line);background:#0e1522d1;border-radius:17px;min-height:118px;padding:18px 20px;box-shadow:0 14px 35px #0000002e}.summary-card--primary{background:linear-gradient(145deg,#2149718c,#0f1927db);border-color:#61a9ff33}.summary-card strong{margin-top:11px;font-size:1.62rem;line-height:1;display:block}.summary-card--wide strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.15rem}.summary-card p{color:var(--muted);margin-top:8px;font-size:.76rem}.summary-label{color:#74899e;font-size:.6rem}.notice{color:#9fb6d0;background:#61a9ff0e;border:1px solid #61a9ff29;border-radius:11px;margin:0 0 18px;padding:11px 14px;font-size:.74rem}.content-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#0a101ad6;border-radius:19px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);background:#ffffff05;justify-content:space-between;align-items:flex-end;gap:20px;padding:23px 24px;display:flex}.panel-heading h2{margin:5px 0 4px;font-size:1.18rem}.panel-heading p{color:var(--muted);font-size:.76rem}.panel-count{color:#8fa0b3;border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:.7rem}.server-list{display:grid}.server-row{border-bottom:1px solid #ffffff12;grid-template-columns:76px minmax(0,1fr) 150px;align-items:center;gap:18px;padding:22px 24px;transition:background .18s;display:grid}.server-row:last-child{border-bottom:0}.server-row:hover{background:#ffffff06}.server-row__icon{place-items:center;display:grid}.server-icon{background:#61a9ff11;border:1px solid #61a9ff33;border-radius:14px;align-content:center;place-items:center;gap:1px;width:58px;height:58px;display:grid}.server-icon strong{color:#d9eaff;font-size:.78rem}.server-icon small{color:#5f7998;letter-spacing:.15em;font-size:.43rem}.server-row__titleline{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.server-kicker{color:#718397;text-transform:uppercase;letter-spacing:.09em;margin-bottom:4px;font-size:.66rem;font-weight:700}.server-row h3{font-size:1.02rem}.status-badge{border:1px solid var(--line);color:#aab7c6;white-space:nowrap;border-radius:999px;align-items:center;height:27px;padding:0 9px;font-size:.66rem;font-weight:700;display:inline-flex}.status-badge--online{color:#8fe4b7;background:#56d89b0d;border-color:#56d89b2e}.status-badge--offline{color:#c4cad2;background:#ffffff06}.status-badge--offline i{background:#738194;box-shadow:0 0 0 4px #73819414}.status-badge--unknown i{background:var(--amber);box-shadow:0 0 0 4px #f2bc6714}.server-details{flex-wrap:wrap;gap:9px 20px;margin-top:13px;display:flex}.detail-item{flex-direction:column;gap:3px;min-width:76px;display:flex}.detail-item span{color:#66778b;text-transform:uppercase;letter-spacing:.09em;font-size:.59rem;font-weight:700}.detail-item strong,.detail-item code{color:#cdd8e5;font-size:.75rem;font-weight:600}.server-row__actions{gap:8px;display:grid}.button{border:1px solid var(--line-strong);color:#dce6f2;cursor:pointer;background:#ffffff0b;border-radius:10px;min-height:38px;padding:0 14px;font-size:.76rem;font-weight:700;transition:all .18s}.button:hover{border-color:#61a9ff4d;transform:translateY(-1px)}.button--primary{color:#fff;background:linear-gradient(145deg,#2e75bd,#559dec);border-color:#7abeff59;box-shadow:0 10px 22px #2e75bd2e}.button--secondary{background:#ffffff09}.button--large{min-height:42px;padding:0 16px}.empty-panel{text-align:center;align-content:center;place-items:center;min-height:360px;padding:40px;display:grid}.empty-panel__icon{color:#cfe5ff;background:#61a9ff12;border:1px solid #61a9ff38;border-radius:18px;place-items:center;width:72px;height:72px;margin-bottom:18px;font-weight:800;display:grid}.empty-panel h2{margin-bottom:7px}.empty-panel p{color:var(--muted);font-size:.82rem}@media (width<=980px){.app-layout{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding:20px 12px}.brand{justify-content:center;padding-inline:0}.brand__text,.nav a:not(.is-active) em,.nav a:not(.is-active)+em{display:none}.nav a,.nav__disabled{justify-content:center;padding:0;font-size:0}.nav a>span,.nav__disabled>span{font-size:.92rem}.nav__disabled em{display:none}.language-switcher{grid-template-columns:1fr}.mini-status{text-align:center;font-size:0}.main{padding:28px 22px 44px}.summary-grid{grid-template-columns:1fr 1fr}.summary-card--wide{grid-column:1/-1}.server-row{grid-template-columns:62px minmax(0,1fr)}.server-row__actions{grid-column:2;grid-template-columns:1fr 1fr}}@media (width<=680px){.app-layout{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;position:static}.brand{justify-content:flex-start}.brand__text{display:grid}.nav{grid-template-columns:repeat(2,1fr);display:grid}.nav a,.nav__disabled{justify-content:flex-start;padding:0 12px;font-size:.77rem}.nav__disabled{display:none}.sidebar__footer{grid-template-columns:120px 1fr;align-items:center}.mini-status{text-align:right;font-size:.7rem}.language-switcher{grid-template-columns:1fr 1fr}.main{padding:24px 16px 36px}.topbar{flex-direction:column;align-items:flex-start}.summary-grid{grid-template-columns:1fr}.summary-card--wide{grid-column:auto}.panel-heading{flex-direction:column;align-items:flex-start}.server-row{grid-template-columns:1fr}.server-row__icon{justify-content:start}.server-row__actions{grid-column:auto;grid-template-columns:1fr 1fr}}