*{box-sizing:border-box}body{margin:0;background:#070a10;color:#eaf1ff;font:14px Inter,Segoe UI,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 70% 0,#132a49 0,transparent 34%),radial-gradient(circle at 10% 80%,#171338 0,transparent 30%);pointer-events:none}aside{position:fixed;width:245px;inset:0 auto 0 0;padding:28px 20px;background:#0a0e16e8;border-right:1px solid #202a3a;z-index:2}.brand{font-size:28px;font-weight:900;letter-spacing:2px}.brand b{color:#4fa3ff}aside>span{display:block;color:#63738c;font-size:10px;letter-spacing:2px;margin:6px 0 34px}nav a{display:block;padding:14px;border-radius:10px;margin:5px 0;color:#9fb0c9;cursor:pointer}nav .on,nav a:hover{background:#111b2a;color:#fff}.logout{position:absolute;bottom:25px;color:#718199;text-decoration:none}main{margin-left:245px;padding:34px 40px;position:relative}header{display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:30px}header p{color:#718199}.pulse{font-size:11px;color:#48e6a0;background:#0d241c;padding:10px 14px;border:1px solid #174e38;border-radius:30px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.metric,.card{background:linear-gradient(145deg,#0e141f,#0a0e16);border:1px solid #202b3b;border-radius:16px;padding:19px;box-shadow:0 18px 50px #0005}.metric .v{font-size:26px;font-weight:800;margin:8px 0}.metric small,.muted{color:#70819a}.bar{height:5px;background:#182231;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#347dff,#5fc4ff)}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.servers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card h3{margin:6px 0;font-size:17px}.tag{font-size:10px;color:#76a7dd}.status{float:right;font-size:10px;padding:6px 9px;border-radius:20px}.online{color:#5ff0aa;background:#0c2b20}.offline{color:#ff7787;background:#31151b}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.stats div{background:#090e16;padding:10px;border-radius:8px}.stats b{display:block;margin-top:5px}.actions{display:flex;gap:7px}.actions button,.loginbox button{border:0;border-radius:8px;padding:9px 11px;background:#172235;color:#bcd0ea;cursor:pointer}.actions button:first-child{background:#123b2b;color:#64f2ae}.actions button:nth-child(3){background:#392616;color:#ffb46d}.actions button:last-child{background:#132e4c;color:#70baff}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:10;align-items:center;justify-content:center}.modalbox{width:min(850px,90vw);max-height:80vh;overflow:auto;background:#0c121d;border:1px solid #29364a;border-radius:16px;padding:24px}.x{float:right;background:none;border:0;color:white;font-size:28px}.plugin{padding:9px;border-bottom:1px solid #1b2635;color:#a9bad1}.console{display:flex;gap:8px}.console input{flex:1}.login{display:grid;place-items:center;height:100vh}.loginbox{width:390px;padding:40px;background:#0d131e;border:1px solid #27354a;border-radius:20px;box-shadow:0 30px 100px #000}.loginbox h1{margin-top:25px}.loginbox p{color:#718199}.loginbox input,.console input{width:100%;padding:13px;margin:7px 0;background:#070b12;border:1px solid #28364a;border-radius:8px;color:white}.loginbox button{width:100%;margin-top:10px;background:#2678ff;color:white;font-weight:700}.loginbox small{display:block;color:#ff6b7d;margin-top:10px}@media(max-width:1050px){.servers{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}}