@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#e9f1ee;font-synthesis:none;--bg:#07100e;--panel:#0c1714;--panel-2:#101d19;--border:#1c2b27;--muted:#7d8e88;--green:#8bf4c1;--green-dark:#143a2c;background:#07100e;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 82% 0%, #10271f 0, transparent 25%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);z-index:10;background:#08120f;flex-direction:column;width:248px;padding:27px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:1.2px;align-items:center;gap:10px;height:36px;padding:0 7px;font:700 17px Space Grotesk;display:flex}.brand>span:last-child>span{color:var(--green)}.brand-mark{width:30px;height:30px;color:var(--green);background:#10261e;border:1px solid #2e6b52;border-radius:9px;place-items:center;display:grid;transform:rotate(-5deg)}.server-picker{border:1px solid var(--border);background:#101c19;border-radius:10px;align-items:center;gap:10px;margin-top:34px;padding:11px;display:flex}.server-picker>span:nth-child(2){flex-direction:column;flex:1;display:flex}.server-picker small,.nav-label{letter-spacing:1.3px;color:#698078;font-size:9px}.server-picker strong{margin-top:2px;font-size:13px}.game-tile{color:#b9f9dd;background:linear-gradient(145deg,#264d54,#366c60);border-radius:8px;place-items:center;width:34px;height:34px;display:grid}nav{margin-top:26px}.nav-label{margin:0 10px 10px}.nav-link{color:#83928d;border-radius:8px;align-items:center;gap:12px;margin:3px 0;padding:11px 12px;font-size:13px;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-link:hover{color:#d9e8e3;background:#0e1a17}.nav-link.active{color:#b9fadd;background:linear-gradient(90deg,#123326,#10231d)}.nav-link.active:before{content:"";background:var(--green);width:3px;height:23px;box-shadow:0 0 12px var(--green);border-radius:0 3px 3px 0;position:absolute;left:-18px}.sidebar-bottom{margin-top:auto}.mini-health{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:15px 7px 18px;display:flex}.mini-health>span:last-child,.profile>span:nth-child(2){flex-direction:column;display:flex}.mini-health strong,.profile strong{font-size:10px;font-weight:600}.mini-health small,.profile small{color:#65766f;margin-top:3px;font-size:9px}.pulse-dot,.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #193529}.profile{align-items:center;gap:9px;padding:17px 7px 0;display:flex}.profile>span:nth-child(2){flex:1}.avatar{color:#bdf9de;background:#203b32;border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;display:grid}.main-content{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--border);color:#83938d;justify-content:flex-end;align-items:center;gap:24px;height:65px;padding:0 38px;font-size:11px;display:flex}.topbar>div{align-items:center;gap:10px;display:flex}.live-dot{width:6px;height:6px;box-shadow:0 0 9px var(--green)}.icon-button{color:#8c9b96;background:0 0;border:0;place-items:center;display:grid;position:relative}.icon-button span{background:#ef8175;border-radius:50%;width:5px;height:5px;position:absolute;top:0;right:1px}.dashboard{max-width:1500px;margin:auto;padding:34px 38px 26px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:27px;display:flex}.eyebrow,.panel-kicker{color:#6c8179;letter-spacing:1.7px;margin:0 0 7px;font-size:9px;font-weight:700}.page-heading h1,.placeholder h1{letter-spacing:-.6px;margin:0 0 7px;font:600 27px Space Grotesk}.page-heading h1 span{font-size:21px}.page-heading p:last-child{color:#7c8c86;margin:0;font-size:12px}.page-heading p strong{color:#afc0ba;font-weight:500}.refresh-button{color:#aab9b4;background:#101d19;border:1px solid #263832;border-radius:7px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:flex}.refresh-button:hover{color:var(--green);border-color:#355e4d}.server-hero{background:linear-gradient(105deg,#101f1a,#0d1815);border:1px solid #21312c;border-radius:12px;grid-template-columns:1.6fr 1fr .7fr;align-items:center;gap:30px;min-height:130px;padding:25px 28px;display:grid;box-shadow:0 18px 50px #0004}.server-identity{align-items:center;gap:18px;display:flex}.game-emblem{background:linear-gradient(145deg,#87e3ba,#233e66);border-radius:15px;width:70px;height:70px;padding:3px;box-shadow:0 7px 23px #06100b}.game-emblem span{color:#d2fff0;background:radial-gradient(circle at 50% 30%,#427e79,#172c39);border-radius:12px;place-items:center;width:100%;height:100%;font:700 17px Space Grotesk;display:grid}.status-line{color:#53655f;align-items:center;gap:8px;display:flex}.status-line small{color:#63766f;font-size:10px}.status-pill{letter-spacing:1px;color:var(--green);background:#153528;border-radius:4px;align-items:center;gap:6px;padding:4px 7px;font-size:8px;font-weight:700;display:flex}.status-pill i{background:var(--green);border-radius:50%;width:5px;height:5px}.server-identity h2{margin:8px 0 3px;font:600 19px Space Grotesk}.server-identity p{color:#687b74;margin:0;font-size:10px}.server-address,.server-uptime{border-left:1px solid #263630;flex-direction:column;gap:8px;padding-left:30px;display:flex}.server-address>span,.server-uptime>span{color:#687d75;letter-spacing:1px;align-items:center;gap:7px;font-size:8px;font-weight:700;display:flex}.server-address>div{align-items:center;gap:8px;display:flex}.server-address strong,.server-uptime strong{font:600 14px Space Grotesk}.server-address button{color:#60736c;background:0 0;border:0;padding:0}.server-uptime small{color:#55bd8b;font-size:9px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin:14px 0;display:grid}.metric-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;grid-template-columns:37px 1fr;align-items:start;gap:12px;min-height:111px;padding:18px;display:grid;position:relative;overflow:hidden}.metric-icon{color:#75e6ae;background:#15372a;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.metric-icon.blue{color:#68bde4;background:#162d3b}.metric-icon.orange{color:#e7a866;background:#38291c}.metric-copy{flex-direction:column;display:flex}.metric-copy>span{letter-spacing:1.1px;color:#71827c;font-size:8px;font-weight:700}.metric-copy strong{margin:4px 0 1px;font:600 20px Space Grotesk}.metric-copy small{color:#697a74;font-size:9px}.progress{background:#17231f;height:2px;position:absolute;bottom:0;left:0;right:0}.progress span{background:linear-gradient(90deg,#4cb987,var(--green));height:100%;display:block;box-shadow:0 0 8px #7cf2ba}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr);gap:14px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:0;padding:21px}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-kicker{color:#6b8178;align-items:center;gap:6px;display:flex}.panel h3{margin:0;font:600 15px Space Grotesk}.panel select{color:#8a9b95;background:#101c18;border:1px solid #263730;border-radius:6px;padding:7px 26px 7px 9px;font-size:9px}.chart-wrap{padding:17px 0 0 28px;position:relative}.chart-wrap svg{width:100%;height:190px;overflow:visible}.grid-line{stroke:#25342f;stroke-width:1px;stroke-dasharray:3 5}.chart-line{fill:none;stroke:#7cf2ba;stroke-width:2.5px;vector-effect:non-scaling-stroke}.chart-point{fill:#0c1714;stroke:#8af4c1;stroke-width:2px;vector-effect:non-scaling-stroke}.chart-y-labels{color:#52645d;flex-direction:column;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:21px;bottom:4px;left:0}.chart-x-labels{color:#52645d;justify-content:space-between;margin-top:7px;font-size:8px;display:flex}.player-count{width:24px;height:24px;color:var(--green);background:#18372b;border-radius:6px;place-items:center;font-size:10px;display:grid}.player-list{margin-top:14px}.player-row{border-bottom:1px solid #182622;grid-template-columns:32px 1fr auto 45px;align-items:center;gap:9px;padding:10px 0;display:grid}.player-avatar{color:#10201b;border-radius:8px;place-items:center;width:30px;height:30px;font-size:9px;font-weight:700;display:grid}.player-name,.session{flex-direction:column;display:flex}.player-name strong,.session strong{font-size:10px}.player-name small,.session small{color:#61736c;margin-top:2px;font-size:8px}.session{text-align:right}.ping{color:#6fd6a2;text-align:right;font-size:8px}.ping.medium{color:#e3b46f}.all-players{color:#78cda4;background:0 0;border:0;justify-content:center;gap:8px;width:100%;padding:15px 0 0;font-size:9px;display:flex}.last-update{text-align:right;color:#52645e;margin:14px 0 0;font-size:8px}.last-update span{background:#559f7b;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.page-state,.placeholder{color:#71827c;justify-content:center;align-items:center;gap:10px;min-height:calc(100vh - 65px);display:flex}.page-state.error,.placeholder{flex-direction:column}.page-state button{color:var(--green);background:#173629;border:1px solid #2f5a47;border-radius:6px;padding:8px 14px}.loader{border:2px solid #284037;border-top-color:var(--green);border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin}.placeholder h1{margin:0}.placeholder>svg{color:var(--green)}.placeholder>p:last-child{color:#71827c;font-size:12px}.page-enter{animation:.35s ease-out enter}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:0;transform:translateY(5px)}}@media (width<=1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.server-hero{grid-template-columns:1.4fr 1fr}.server-uptime{display:none}}@media (width<=760px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;height:auto;padding:14px 18px;position:static}.brand{justify-content:center}.server-picker,.sidebar-bottom,.nav-label{display:none}.sidebar nav{margin-top:10px;display:flex;overflow:auto}.nav-link{flex:none;padding:9px 11px}.nav-link.active:before{display:none}.main-content{display:block}.topbar{display:none}.dashboard{padding:22px 15px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.server-hero{grid-template-columns:1fr;padding:20px}.server-address{border-left:0;border-top:1px solid var(--border);padding:18px 0 0}.metrics-grid{grid-template-columns:1fr 1fr}.metric-card{grid-template-columns:32px 1fr;padding:14px}.metric-icon{width:31px;height:31px}.metric-copy strong{font-size:16px}.dashboard-grid{grid-template-columns:1fr}.players-panel{min-width:0}}@media (width<=460px){.metrics-grid{grid-template-columns:1fr}.refresh-button{padding:8px;font-size:0}.game-emblem{width:58px;height:58px}.server-identity h2{font-size:17px}.panel{padding:16px}}