@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#e9edf8;font-family:DM Sans,sans-serif;font-size:13px}.shell{min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:245px;background:#0d1425;border-right:1px solid #202a40;padding:27px 17px;display:flex;flex-direction:column;z-index:2}.logo{display:flex;align-items:center;gap:12px;padding:0 8px 38px}.logo>span{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#8998ff,#5668d8);display:grid;place-items:center}.logo b{font:700 15px Space Grotesk}.logo small{display:block;font-size:9px;letter-spacing:1.4px;color:#77839b;margin-top:4px}aside label{font-size:10px;letter-spacing:1.5px;color:#66728a;padding:0 12px 12px}aside>button{display:flex;align-items:center;gap:12px;border:0;background:none;color:#929db4;text-align:left;padding:12px;border-radius:9px;margin:3px 0;font-size:12px}aside>button.selected,aside>button:hover{background:#202b49;color:#b5beff}aside em{font-style:normal;margin-left:auto;background:#354263;border-radius:20px;padding:2px 7px}.connection{margin-top:auto;border:1px solid #29354c;border-radius:9px;padding:13px;color:#cbd5e8;font-size:11px}.connection i{display:inline-block;width:7px;height:7px;background:#3bc99f;border-radius:50%;margin-right:8px}.connection small{color:#7f8ba3;margin-left:15px}main{margin-left:245px}header{height:70px;border-bottom:1px solid #202a40;display:flex;justify-content:space-between;align-items:center;padding:0 35px;color:#8793aa;font-size:11px}header b{color:#e3e9f6;font-weight:500}header>div{display:flex;align-items:center;gap:18px}.online{color:#61d5ae}.refresh{display:flex;gap:7px;align-items:center;border:1px solid #303d58;background:#172239;color:#d5def0;padding:9px 12px;border-radius:8px;font-size:11px}.body{max-width:1500px;margin:auto;padding:34px 35px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.heading small{font-size:9px;letter-spacing:1.7px;color:#8996b1;font-weight:700}.heading h1{font:600 27px Space Grotesk;margin:8px 0 5px}.heading p,.panel>p,.panelhead p{color:#8591aa;font-size:11px;margin:0 0 17px}.updated{font-size:10px;color:#8793aa}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stats article,.panel{background:#111a2c;border:1px solid #253149;border-radius:12px}.stats article{padding:18px;min-height:140px}.stats svg{color:#9caaff;margin-bottom:13px}.stats small,.stats span{display:block;color:#929eb5;font-size:10px}.stats strong{display:block;font:600 22px Space Grotesk;margin:6px 0}.stats span{color:#6f7c96}.charts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:16px}.panel{padding:20px;margin-bottom:16px;min-width:0}.panel h2{font:600 14px Space Grotesk;margin:0 0 6px}.panel>p{margin-bottom:16px}.panelhead{display:flex;justify-content:space-between;align-items:center}.search{display:flex;align-items:center;gap:8px;background:#0d1526;border:1px solid #2c3952;border-radius:8px;padding:8px;color:#8592aa}.search input{width:180px;background:none;border:0;outline:0;color:#fff;font-size:11px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#74819b;padding:11px;border-bottom:1px solid #29354b}td{font-size:11px;color:#bdc7da;padding:13px 11px;border-bottom:1px solid #202b40}tbody tr:last-child td{border:0}tbody tr:hover{background:#172239}.bright{color:#edf1fa;font-weight:600}.pill{background:#25354b;color:#a9c5dc;padding:4px 7px;border-radius:5px;font-size:9px}.empty{height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#7b89a3;font-size:11px}.empty b{color:#c3cde0}.empty span{color:#77849d}footer{display:flex;justify-content:space-between;color:#68758e;font-size:9px;padding:8px 2px}.error{padding:12px;background:#472932;border:1px solid #79424d;border-radius:8px;color:#ffc1c5;margin-bottom:16px}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}}@media(max-width:680px){aside{position:static;width:auto;height:auto;padding:15px}aside label,aside>button,.connection{display:none}.logo{padding:0}main{margin:0}header{padding:0 15px;height:58px}.body{padding:22px 14px}.heading{display:block}.updated{display:block;margin-top:12px}.stats{gap:9px}.stats article{padding:13px}.stats strong{font-size:18px}.panel{padding:14px}.panelhead{display:block}.search{margin:10px 0}.search input{width:140px}footer{display:block}footer span{display:block;margin-top:6px}}