*{box-sizing:border-box}body{margin:0;background:#090e18;color:#edf2fb;font:14px system-ui,sans-serif}button,input{font:inherit}.login{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#1a294a,#090e18 48%)}.login[hidden]{display:none}.login form{width:min(380px,90%);padding:34px;background:#111827;border:1px solid #28334a;border-radius:16px;box-shadow:0 30px 90px #0008}.logo{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#607ef8,#8268e9);font-size:24px}.login h1{margin:18px 0 4px}.login p{color:#7d8aa3;margin:0 0 24px}.login input{width:100%;height:44px;background:#0c121e;border:1px solid #303b52;border-radius:8px;padding:0 12px;color:#fff}.login button,.title button{width:100%;height:42px;margin-top:12px;border:0;border-radius:8px;color:#fff;background:linear-gradient(135deg,#607df4,#7968ed)}#err{display:block;color:#ff6a74;margin-top:10px}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#0c111d;border-right:1px solid #202a3d;padding:24px 17px;display:flex;flex-direction:column}aside h2{margin:0 8px 30px}aside h2 i{font-style:normal;color:#8298ff}aside h2 small{display:block;font-size:8px;letter-spacing:1.5px;color:#5f6c84;margin:3px 0 0 25px}nav{flex:1}nav b{display:block;font-size:9px;letter-spacing:1.4px;color:#536077;margin:24px 12px 8px}nav a{display:block;padding:12px;border-radius:8px;color:#8693aa;margin:3px 0}.active{color:#dce5ff!important;background:linear-gradient(90deg,#5069d82d,transparent)}aside footer{border:1px solid #263047;border-radius:9px;padding:13px}aside footer strong,aside footer small{display:block;font-size:10px}aside footer i,.title small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36d09d;box-shadow:0 0 9px #36d09d;margin-right:6px}aside footer small{color:#66748c;font-size:8px;margin-top:5px}main{margin-left:230px}header{height:70px;border-bottom:1px solid #202a3d;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:#0c111dd9}header span{width:380px;padding:10px 12px;border:1px solid #29334a;border-radius:8px;color:#69768e;background:#111827}header b{font-size:11px}main section{padding:34px;max-width:1400px;margin:auto}.title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.title small{color:#46ce9e;font-size:9px;letter-spacing:1.2px}.title h1{font-size:27px;margin:8px 0}.title p{color:#7b879e;margin:0}.title button{width:auto;padding:0 18px;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px}.cards article,.panel{border:1px solid #263047;background:linear-gradient(145deg,#131a29,#101623);border-radius:10px}.cards article{padding:18px}.cards small{font-size:8px;color:#78859c;letter-spacing:1px}.cards strong{display:block;font-size:25px;margin:6px 0}.cards p{font-size:9px;color:#6d7990;margin:0}.cards em{color:#39ce9a;font-style:normal}.panelhead{height:65px;padding:0 18px;border-bottom:1px solid #263047;display:flex;align-items:center;justify-content:space-between}.panelhead h2{font-size:13px;margin:0 0 5px}.panelhead p,.panelhead span{font-size:9px;color:#738097;margin:0}.country{margin:9px;border:1px solid #222c40;border-radius:8px;overflow:hidden}.countryhead{padding:12px;background:#151c2c}.countryhead b,.countryhead small{display:block;font-size:11px}.countryhead small{font-size:8px;color:#6f7c93;margin-top:3px}.host{height:65px;padding:0 14px;border-top:1px solid #222c40;display:grid;grid-template-columns:8px minmax(160px,1.4fr) repeat(3,1fr) 65px;gap:16px;align-items:center}.host>i{width:7px;height:7px;border-radius:50%}.on{background:#36d09d;box-shadow:0 0 9px #36d09d}.off{background:#ff6470}.host>div b,.host>div small{display:block;font-size:10px}.host>div small{font-size:8px;color:#6e7b92;margin-top:4px}.host label{font-size:8px;color:#77849a}.host label>b{float:right;color:#b3bdce}.host label span{display:block;height:3px;background:#273148;border-radius:2px;margin-top:7px}.host label span i{display:block;height:100%;background:#718af6;border-radius:2px}.host>em{font-size:8px;font-style:normal;color:#3bd09c;background:#35d09c16;padding:5px 8px;border-radius:10px;text-align:center}@media(max-width:900px){aside{display:none}main{margin:0}.cards{grid-template-columns:1fr 1fr}.host{grid-template-columns:8px 1fr 80px}.host label:nth-of-type(2),.host label:nth-of-type(3),.host>em{display:none}}@media(max-width:520px){main section{padding:20px 12px}header{padding:0 15px}header span{width:230px}.cards{grid-template-columns:1fr}.host label{display:none}.host{grid-template-columns:8px 1fr}}