:root{font-family:Tahoma,Arial,sans-serif;color:#eef6ff;background:#020b17;color-scheme:dark;--bg:#020b17;--panel:#071422;--line:#18344e;--muted:#7791aa;--blue:#0787ff;--cyan:#00c8f8;--green:#11d985;--red:#ff4d5e;--orange:#ffae28}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -20%,#09294b 0,transparent 38%),var(--bg);min-width:320px}button,input{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{position:sticky;top:0;height:100vh;padding:18px 13px;border-left:1px solid var(--line);background:linear-gradient(180deg,#05111f,#020a14);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:4px 10px 22px;border-bottom:1px solid #10283e}.brand>span,.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#00b7ff,#0755d9);box-shadow:0 0 28px #0587ff55;font-size:24px;font-weight:900}.brand b{font-size:20px}.brand small,.aside-status small{display:block;color:var(--muted);margin-top:4px}nav{padding:20px 0;display:grid;gap:5px}nav button,.logout{border:0;background:transparent;color:#9eb1c4;padding:12px;border-radius:8px;text-align:right;cursor:pointer;display:flex;align-items:center;gap:12px}nav button i{width:26px;font-style:normal;color:#50baff;text-align:center}nav button:hover,nav button.active{color:#fff;background:linear-gradient(90deg,#0754ca,#0787ff);box-shadow:0 6px 24px #006dcc33}.aside-status{margin-top:auto;border:1px solid var(--line);background:#061727;border-radius:12px;padding:12px;color:#c9d8e6;font-size:12px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-left:7px}.logout{margin-top:8px;color:#ff8590}.app>main{padding:18px 24px;min-width:0}header{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #10283e;margin-bottom:18px}header h1{font-size:23px;margin:0}header p,.panel p{margin:5px 0;color:var(--muted);font-size:12px}.header-actions{display:flex;align-items:center;gap:10px}.header-actions>button,.drawer-head>button{background:#081827;border:1px solid var(--line);color:#c4d8ea;border-radius:8px;width:38px;height:38px;cursor:pointer}.admin{border:1px solid var(--line);background:#071522;padding:6px 8px 6px 14px;border-radius:10px;font-size:12px}.admin b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#075bd6;margin-right:8px}.cards{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:12px}.cards article,.panel{border:1px solid var(--line);background:linear-gradient(145deg,#081725,#04101c);border-radius:11px;box-shadow:0 8px 30px #0006}.cards article{padding:16px;display:flex;align-items:center;justify-content:space-between;min-height:105px}.cards small{color:#a8bbcc}.cards strong{display:block;font-size:27px;margin:8px 0 3px}.cards em{font-size:10px;color:var(--green);font-style:normal}.metric-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:22px}.metric-icon.blue{background:#086fd733;color:#1c9dff}.metric-icon.green{background:#08b66a22;color:var(--green)}.metric-icon.cyan{background:#00a5d922;color:var(--cyan)}.metric-icon.red{background:#e52a3b22;color:var(--red)}.metric-icon.violet{background:#6f58ff22;color:#9b8aff}.metric-icon.orange{background:#e98c1722;color:var(--orange)}.grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:12px 0}.panel{padding:16px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{margin:0;font-size:16px}.panel-head>span{background:#0c2032;padding:6px 10px;border-radius:6px;color:#8ea8bd;font-size:11px}.chart{height:160px;display:flex;align-items:flex-end;gap:5%;padding:24px 4% 5px;border-bottom:1px solid #18334c;background:repeating-linear-gradient(0deg,transparent,transparent 34px,#10263a 35px)}.chart i{flex:1;background:linear-gradient(#08a4ff,#0751b5);border-radius:4px 4px 0 0;box-shadow:0 0 12px #008cff44}.chart-legend{display:flex;gap:20px;color:#8fa7ba;font-size:11px;margin-top:12px}.chart-legend span:first-child{color:#1aa0ff}.donut{--online:60%;margin:18px auto 4px;width:150px;height:150px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#071422 54%,transparent 55%),conic-gradient(var(--green) var(--online),#163049 0);box-shadow:0 0 25px #0db87922}.donut b{font-size:34px}.donut small{color:var(--muted)}.networks-panel{padding:0;overflow:hidden}.networks-panel .panel-head{padding:16px}.search{display:flex;align-items:center;border:1px solid var(--line);background:#04101c;border-radius:8px;padding:0 10px;width:min(360px,100%)}.search input{width:100%;border:0;outline:0;background:transparent;padding:10px;color:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th,td{text-align:right;padding:13px 16px;border-top:1px solid #10283e;font-size:12px}th{color:#7f99af;font-weight:400;background:#06131f}tbody tr{cursor:pointer}tbody tr:hover{background:#092039}td b,td small{display:block}td small{color:var(--muted);margin-top:5px}.status{display:inline-block!important;width:max-content;border-radius:99px;padding:4px 9px!important;font-size:10px}.status.active,.status.online{color:#28e894;background:#0dac6922}.status.trial{color:#3fc3ff;background:#008cd622}.status.suspended,.status.expired,.status.offline{color:#ff7a87;background:#d9273a22}.online{color:var(--green)}.arrow{border:0;background:#09223a;color:#32a8ff;border-radius:6px;width:28px;height:28px}.loading,.empty{padding:60px;text-align:center;color:var(--muted)}.banner{padding:12px;margin-bottom:12px;border-radius:8px}.banner.error,.error{background:#4d1018;color:#ffbac0;border:1px solid #922736}.banner button{float:left;background:none;border:0;color:inherit}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;z-index:20}.drawer{position:absolute;inset:0 0 0 auto;width:min(600px,96vw);background:#03101c;border-left:1px solid var(--line);box-shadow:-20px 0 80px #000b;overflow:auto}.drawer-head{padding:22px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-head h2{margin:10px 0 4px}.drawer-head p{margin:0;color:var(--muted)}.tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line);padding:0 14px}.tabs button{padding:14px;border:0;border-bottom:2px solid transparent;background:none;color:#829bb1;white-space:nowrap}.tabs button.active{color:#37aaff;border-color:#078eff}.drawer-body{padding:18px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-grid div{border:1px solid var(--line);background:#071725;border-radius:9px;padding:12px}.info-grid small,.module-list small,.records small{display:block;color:var(--muted);margin-bottom:7px}.drawer h3{font-size:14px;margin-top:24px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button,.primary{border:1px solid #1769d7;background:#075ed4;color:#fff;border-radius:7px;padding:9px 14px;cursor:pointer}.actions .success{border-color:#168a5b;background:#09633f}.actions .danger{border-color:#a73542;background:#681923}.module-list{display:grid;gap:9px}.module-list label,.records article{display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid var(--line);border-radius:9px;background:#061522}.module-list input{width:42px;height:21px;accent-color:#078eff}.records{display:grid;gap:9px}.records article{justify-content:flex-start}.records article>div{flex:1}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#0b63d2;margin-left:10px}.avatar.router{background:#087d67}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#08345e,transparent 32%),#020a14;position:relative;overflow:hidden}.stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#087eff 1px,transparent 1px);background-size:55px 55px;opacity:.16}.login-card{position:relative;width:min(410px,92vw);border:1px solid #214d70;background:#041321ee;border-radius:24px;padding:34px;box-shadow:0 30px 100px #000;text-align:center}.login-card img{max-width:100px}.login-card .brand-mark{margin:auto}.login-card h1{font-size:34px;margin:14px 0 3px}.login-card>p{color:#8ca6bc;margin:0 0 24px}.login-card label{text-align:right;display:block;color:#a8bdce;font-size:12px;margin:12px 0}.login-card input{display:block;width:100%;margin-top:7px;padding:13px;border-radius:8px;border:1px solid var(--line);background:#061725;color:#fff}.wide{width:100%;padding:13px}.login-card>small{display:block;color:#668198;margin-top:18px}@media(max-width:1250px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.app{grid-template-columns:1fr}.app>aside{position:fixed;right:0;z-index:10;width:230px;transform:translate(100%);display:none}.app>main{padding:12px}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.responsive{align-items:stretch;flex-direction:column;gap:12px}header p{display:none}}@media(max-width:480px){.cards,.info-grid{grid-template-columns:1fr}}