@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#eaf1ff;background:#070d18;margin:0;font-family:Vazirmatn,Arial,sans-serif}button,input{font:inherit}.app{min-height:100vh}aside{z-index:20;background:#0b1423;border-left:1px solid #1c2a40;width:250px;height:100vh;padding:25px 15px;position:fixed;top:0;right:0}.logo{padding:0 13px 30px;font-size:23px;font-weight:800}.logo span{color:#62d9ff}.nav button{color:#91a3bf;cursor:pointer;text-align:right;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;margin:5px 0;padding:13px 14px;display:flex}.nav button.active,.nav button:hover{color:#fff;background:#13263e}.sideFoot{color:#67e8b7;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;bottom:25px;right:20px}main{max-width:1600px;margin-right:250px;padding:28px 32px}header{align-items:center;gap:15px;margin-bottom:28px;display:flex}.eyebrow{color:#7086a5;font-size:12px}h1{margin:2px 0;font-size:27px}h2{margin:0;font-size:16px}.headActions{align-items:center;gap:10px;margin-right:auto;display:flex}.headActions button,.admin{color:#cbd8eb;background:#101d30;border:1px solid #1f3049;border-radius:11px;padding:10px}.admin{gap:8px;display:flex}.admin span{font-size:13px}.hamb{display:none}.cards{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.card,.panel{background:linear-gradient(145deg,#0e1a2c,#0b1524);border:1px solid #1b2d46;border-radius:16px;box-shadow:0 10px 35px #0002}.card{min-height:135px;padding:18px;position:relative}.icon{color:#6df;background:#132c44;border-radius:11px;place-items:center;width:38px;height:38px;margin-bottom:14px;display:grid}.label{color:#879ab7;font-size:12px}.card strong{margin:5px 0;font-size:25px;display:block}.card small{color:#63e0ad;font-size:11px}.grid2{grid-template-columns:1.5fr 1fr;gap:15px;margin-top:15px;display:grid}.panel{margin-top:15px;padding:19px}.panelHead{justify-content:space-between;align-items:center;display:flex}.panelHead span,.muted{color:#7086a5;font-size:11px}.chart{align-items:end;height:220px;margin-top:18px;display:flex}.bars{align-items:end;gap:10px;width:100%;height:100%;padding:15px 5px;display:flex}.bars i{background:linear-gradient(#55d8ff,#4d69ff);border-radius:7px 7px 2px 2px;flex:1;min-height:12px;display:block;position:relative}.bars b{color:#5f7595;font-size:9px;font-weight:400;position:absolute;bottom:-19px}.serverRow{border-bottom:1px solid #17273c;justify-content:space-between;align-items:center;padding:16px 2px;display:flex}.serverRow small{color:#647894}.dot{background:#55e2a1;border-radius:50%;width:8px;height:8px;margin-left:8px;display:inline-block;box-shadow:0 0 12px #55e2a1}.toolbar{gap:10px;margin-bottom:15px;display:flex}.search{background:#0e1a2c;border:1px solid #1b2d46;border-radius:11px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:12px}.primary,.secondary{cursor:pointer;border:0;border-radius:10px;align-items:center;gap:8px;padding:11px 15px;display:flex}.primary{color:#fff;background:linear-gradient(135deg,#35c9ff,#5667ff)}.secondary{color:#d8e7ff;background:#14263d;border:1px solid #27405f}.link{color:#61d8ff;background:0 0;border:0}table{border-collapse:collapse;width:100%}th,td{text-align:right;border-bottom:1px solid #17273c;padding:15px 8px;font-size:12px}th{color:#6f83a0;font-weight:500}.badge{border-radius:999px;padding:5px 9px;font-size:10px}.ok{color:#62e2a8;background:#0d3329}.warn{color:#ffd166;background:#352d16}.bad{color:#ff7185;background:#381a23}.feature{min-height:300px}.feature p{color:#91a3bf;max-width:600px;line-height:2}.feature .primary,.feature .secondary{margin:15px 0}.adapters{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.adapters span{background:#14263d;border:1px solid #29415f;border-radius:9px;padding:8px 10px;font-size:11px}.serverGrid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.serverTitle{justify-content:space-between;display:flex}.metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0;display:grid}.metrics div{color:#7489a5;background:#0a1422;border-radius:10px;padding:12px;font-size:11px}.metrics strong{color:#fff;margin-top:5px;font-size:17px;display:block}.progress{background:#17273c;border-radius:10px;height:6px;overflow:hidden}.progress i{background:linear-gradient(90deg,#4fd9ff,#6366f1);border-radius:10px;height:100%;display:block}.settingsList>div{color:#b6c5da;border-bottom:1px solid #17273c;justify-content:space-between;padding:16px 0;display:flex}@media (width<=1000px){aside{width:220px}main{margin-right:220px;padding:22px}.cards{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){aside{width:260px;transition:all .2s;transform:translate(105%);box-shadow:-20px 0 50px #0007}.show{transform:translate(0)}main{margin-right:0;padding:17px}.hamb{color:#fff;background:#101d30;border:1px solid #20344e;border-radius:10px;place-items:center;padding:8px;display:grid}.cards,.grid2,.serverGrid{grid-template-columns:1fr}.cards .card{min-height:110px}.headActions .admin{display:none}h1{font-size:21px}.panel{overflow-x:auto}.toolbar{flex-direction:column}table{min-width:720px}.feature{min-height:0}.chart{height:180px}}