:root{--bg:#0b0d14;--side:#0f111a;--panel:#12151f;--panel2:#161924;--line:#232734;--text:#eef0f6;--muted:#777e90;--purple:#7658ff;--green:#3bd48a;--blue:#4b8dff;--red:#f05d75;--orange:#f4a84c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:12px Manrope,Arial,sans-serif;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:var(--side);border-right:1px solid #1d202b;padding:25px 18px;display:flex;flex-direction:column;z-index:4}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;padding:0 9px;margin-bottom:31px}.logo>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#896eff,#5c3be1);font-size:20px;font-weight:800;box-shadow:0 8px 25px #7658ff40}.logo div{font-weight:800;letter-spacing:.7px;font-size:13px}.logo small{display:block;color:#7061bd;font-size:7px;letter-spacing:2px;margin-top:2px}.sidebar nav{flex:1}.sidebar nav p{font-size:8px;color:#515768;font-weight:800;letter-spacing:1.4px;margin:23px 12px 9px}.sidebar nav a{height:41px;display:flex;align-items:center;gap:12px;color:#8d93a4;text-decoration:none;padding:0 11px;border-radius:9px;margin:2px 0;font-size:10px;font-weight:600;transition:.2s}.sidebar nav a:hover,.sidebar nav a.active{background:#7558ff17;color:#fff}.sidebar nav a.active{box-shadow:inset 2px 0 var(--purple)}.sidebar nav i{font-style:normal;font-size:15px;width:17px;text-align:center;color:#6e7485}.sidebar nav a.active i{color:#927cff}.sidebar nav b{margin-left:auto;background:#282c3a;color:#aeb3c0;border-radius:99px;padding:2px 7px;font-size:8px}.sidebar nav b.alert{color:#ff7b91;background:#f05d751a}.server-card{border:1px solid #252936;border-radius:11px;background:#141720;padding:13px;margin-top:14px}.server-card>div:first-child{display:flex;align-items:center;gap:7px;font-size:8px}.server-card small{font-size:7px;color:#62697a;display:block;margin-top:6px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #3bd48a15}.server-load{height:3px;background:#252a36;border-radius:5px;margin-top:12px}.server-load i{display:block;width:24%;height:100%;background:var(--green);border-radius:5px}.collapse{position:absolute;right:-10px;top:85px;width:20px;height:28px;border-radius:6px;border:1px solid #272b38;background:#151822;color:#797f8d;cursor:pointer}main{margin-left:228px;min-width:850px;padding:0 30px 40px}header{height:83px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b1e28}header>div:first-child small{font-size:7px;letter-spacing:1.5px;color:#5f6574;font-weight:800}h1{font-size:18px;margin:5px 0 0;letter-spacing:-.5px}.header-actions{display:flex;align-items:center;gap:10px}.search{height:37px;width:280px;display:flex;align-items:center;gap:8px;border:1px solid #242834;background:#12151d;border-radius:9px;padding:0 9px;color:#73798b}.search input{border:0;outline:0;background:transparent;color:#daddE6;width:100%;font:9px Manrope}.search kbd{font:7px Manrope;color:#686f7e;background:#1f222d;padding:4px 6px;border-radius:5px;white-space:nowrap}.bell{height:37px;width:37px;border:1px solid #242834;background:#12151d;color:#969cab;border-radius:9px;position:relative}.bell em{position:absolute;right:-4px;top:-5px;background:var(--red);border:2px solid var(--bg);color:#fff;font:700 7px Manrope;width:16px;height:16px;border-radius:50%;display:grid;place-items:center}.profile{display:flex;align-items:center;gap:9px;border-left:1px solid #232631;padding-left:12px;margin-left:2px}.profile>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#7558ff,#3c2c95);font-size:9px;font-weight:800}.profile div{display:grid;gap:2px}.profile b{font-size:9px}.profile small{font-size:7px;color:#6e7483}.profile i{font-style:normal;color:#626878}.welcome{margin-top:25px;padding:24px 26px;border:1px solid #282a3a;border-radius:14px;background:radial-gradient(circle at 72% 0,#7155ff20,transparent 38%),linear-gradient(110deg,#171a28,#11141d);display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.welcome:after{content:"N";position:absolute;right:28%;top:-50px;font-size:160px;font-weight:800;color:#ffffff04;transform:rotate(12deg)}.live{display:inline-flex;align-items:center;gap:6px;font-size:7px;color:#68dfa2;background:#3bd48a10;padding:5px 8px;border-radius:99px;font-weight:800;letter-spacing:.7px}.live i{width:5px;height:5px;background:var(--green);border-radius:50%}.welcome h2{font-size:21px;margin:10px 0 4px}.welcome p{margin:0;color:#687080;font-size:8px}.welcome-actions{display:flex;gap:8px;z-index:1}.welcome button,.panel-head button{border:1px solid #2a2e3b;background:#1b1e29;color:#9ca2b1;border-radius:8px;padding:10px 14px;font:700 8px Manrope;cursor:pointer}.welcome button.accent{background:var(--purple);border-color:var(--purple);color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.stats article{min-height:116px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px;display:flex;gap:12px;align-items:flex-start;position:relative;overflow:hidden}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:15px;flex:none}.violet{background:#7658ff18;color:#8f7aff}.green{background:#3bd48a17;color:#43d993}.blue{background:#4b8dff17;color:#679eff}.orange{background:#f4a84c17;color:#f4b45f}.stats article>div:nth-child(2){display:grid}.stats small{font-size:7px;color:#6f7686;font-weight:700;letter-spacing:.6px}.stats strong{font-size:21px;margin-top:5px}.stats strong em{font-size:9px;font-style:normal;color:#626979;font-weight:600}.stats p{font-size:7px;margin:5px 0 0}.up,.good{color:#4dcf8e}.warn{color:#f1a85b}.spark{position:absolute;right:14px;bottom:16px;height:30px;display:flex;align-items:flex-end;gap:3px}.spark i,.bars i{display:block;width:4px;border-radius:4px;background:#7358db}.spark i:nth-child(1){height:8px}.spark i:nth-child(2){height:12px}.spark i:nth-child(3){height:10px}.spark i:nth-child(4){height:18px}.spark i:nth-child(5){height:15px}.spark i:nth-child(6){height:23px}.spark i:nth-child(7){height:28px}.ring{position:absolute;right:15px;bottom:14px;width:35px;height:35px;border:4px solid #25322e;border-top-color:var(--green);border-right-color:var(--green);border-radius:50%;display:grid;place-items:center;transform:rotate(20deg)}.ring span{font-size:7px;transform:rotate(-20deg)}.bars{position:absolute;right:15px;bottom:15px;display:flex;align-items:flex-end;gap:3px;height:30px}.bars i{width:5px;background:#4b8dff55}.bars i:nth-child(1){height:12px}.bars i:nth-child(2){height:18px}.bars i:nth-child(3){height:14px}.bars i:nth-child(4){height:24px}.bars i:nth-child(5){height:19px}.bars i:nth-child(6){height:29px;background:var(--blue)}.arrow{position:absolute;right:17px;bottom:16px;border:0;background:transparent;color:#787f90;font-size:17px}.grid-main{display:grid;grid-template-columns:minmax(590px,1.7fr) minmax(280px,.85fr);gap:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-head{height:67px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head h3{font-size:11px;margin:0 0 4px}.panel-head p{font-size:7px;color:#686f7f;margin:0}.panel-head button{padding:8px 10px;background:transparent}.table-head,.player{display:grid;grid-template-columns:2.1fr .45fr .55fr 1fr .7fr 25px;align-items:center;padding:0 18px}.table-head{height:33px;background:#151822;color:#606779;font-size:7px;font-weight:700}.player{height:58px;border-top:1px solid #1e222d;font-size:8px}.player:hover{background:#161a25}.identity{display:flex;align-items:center;gap:9px}.identity div{display:grid;gap:2px}.identity b{font-size:8px}.identity small{font-size:7px;color:#646b7b}.ava{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-size:8px;font-weight:800;position:relative}.ava i{position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;border-radius:50%;background:var(--green);border:2px solid var(--panel)}.a1{background:#7658ff33;color:#a999ff}.a2{background:#4b8dff28;color:#7cadff}.a3{background:#e28f4c28;color:#f3b275}.a4{background:#43c77b28;color:#68dda0}.a5{background:#ef5e8228;color:#f58aa3}.player code{color:#828999;font:8px Manrope}.tag{justify-self:start;border-radius:5px;padding:4px 6px;font-size:6px;font-weight:800}.admin{color:#a48fff;background:#7658ff18}.police{color:#6ea2ff;background:#4b8dff18}.citizen{color:#a0a6b4;background:#9199aa13}.family{color:#63dc99;background:#3bd48a15}.medic{color:#ff879d;background:#f05d7518}.ping{color:#4fd693;font-size:7px}.ping.mid{color:#f0b95e}.ping.bad{color:#f36e84}.player>button{border:0;background:transparent;color:#626a7b;font-size:10px}.activity{display:flex;flex-direction:column}.activity .dots{border:0}.timeline{padding:4px 18px;flex:1}.timeline>div{display:flex;gap:10px;padding:12px 0;position:relative}.timeline>div:not(:last-child):after{content:"";position:absolute;left:13px;top:37px;bottom:-7px;width:1px;background:#252a35}.event{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;flex:none;font-size:10px}.event.purple{color:#9b88ff;background:#7658ff18}.event.red{color:#f27a8e;background:#f05d7518}.event.blue{color:#70a2ff;background:#4b8dff18}.event.green{color:#61dd9c;background:#3bd48a18}.event.orange{color:#f5b764;background:#f4a84c18}.timeline p{font-size:7.5px;color:#9399a7;line-height:1.55;margin:0}.timeline b{color:#d9dce4}.timeline strong{color:#a79bdf}.timeline small{display:block;color:#555c6d;font-size:6.5px;margin-top:3px}.activity>a{border-top:1px solid var(--line);height:36px;display:grid;place-items:center;color:#8d7bff;text-decoration:none;font-size:7px;font-weight:700}.bottom-grid{display:grid;grid-template-columns:1.65fr .75fr;gap:12px;margin-top:12px}.performance{height:235px;position:relative}.legend{color:#757c8d;font-size:7px;display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;border-radius:50%;margin-left:8px}.l1{background:var(--purple)}.l2{background:var(--green)}.chart-labels{position:absolute;left:18px;top:83px;bottom:28px;display:flex;flex-direction:column;justify-content:space-between;color:#555c6b;font-size:6px}.chart-lines{position:absolute;left:50px;right:17px;top:78px;height:122px;background:repeating-linear-gradient(to bottom,#222631 0,#222631 1px,transparent 1px,transparent 30px)}.chart-lines svg{width:100%;height:100%;overflow:visible}.area{fill:url(#fill)}.cpu,.ram{fill:none;stroke-width:2}.cpu{stroke:var(--purple)}.ram{stroke:var(--green);stroke-width:1.5}.times{position:absolute;left:50px;right:17px;bottom:12px;display:flex;justify-content:space-between;color:#555c6b;font-size:6px}.services{height:235px}.services>.panel-head{height:60px}.services>div:not(.panel-head){height:58px;border-top:1px solid #1e222d;display:flex;align-items:center;padding:0 16px;gap:9px}.service-icon{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;background:#4b8dff18;color:#6c9fff;font-weight:800;font-size:7px}.service-icon.redis{background:#f05d7518;color:#ef6c83}.service-icon.rage{background:#7658ff18;color:#9b87ff}.services p{display:grid;gap:2px;margin:0}.services b{font-size:8px}.services small{color:#616879;font-size:6.5px}.services em{margin-left:auto;color:#51d394;background:#3bd48a12;font:700 6px Manrope;padding:4px 6px;border-radius:4px}@media(max-width:1100px){.stats{grid-template-columns:1fr 1fr}.grid-main{grid-template-columns:1fr}.activity{min-height:400px}.bottom-grid{grid-template-columns:1fr}.search{display:none}}@media(max-width:760px){.sidebar{width:70px;padding:25px 10px}.logo{padding:0;justify-content:center}.logo div,.sidebar nav p,.sidebar nav a span,.sidebar nav a b,.server-card,.collapse{display:none}.sidebar nav a{justify-content:center;padding:0}.sidebar nav i{font-size:17px}.sidebar nav a.active{box-shadow:none}.sidebar nav{flex:0}main{margin-left:70px;padding:0 15px;min-width:650px}.profile div,.profile i{display:none}}