:root{font:15px system-ui;color:#eef6ff;background:#07182b}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1{margin:4px 0;font-size:30px}span{color:#28b7f2;font-weight:700;letter-spacing:.08em}.card{background:#102f51;border:1px solid #265782;border-radius:14px;padding:20px}.login{min-height:90vh;display:grid;place-items:center}.login .card{width:min(390px,100%);text-align:center}.logo{margin:auto;background:#25aef0;color:#fff;border-radius:12px;padding:14px;width:60px;font-weight:800}.login form{display:grid;gap:12px;margin-top:20px}input,button{border:1px solid #37668f;border-radius:8px;padding:12px;background:#0a2340;color:#fff}button{background:#20aee9;font-weight:700;cursor:pointer}#error{color:#ff8c9a}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #28547d}th{color:#9fc0dc}.online{color:#39e0a3}.offline{color:#ffb35c}@media(max-width:650px){main{padding:14px}h1{font-size:24px}table{font-size:13px}th,td{padding:11px 5px}}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.metric{background:#102f51;border:1px solid #265782;border-radius:14px;padding:16px}.metric span,.metric small{display:block;color:#9fc0dc;letter-spacing:0}.metric strong{display:block;font-size:27px;margin:8px 0}.section-head{display:flex;justify-content:space-between;align-items:center}.live{color:#39e0a3}@media(max-width:650px){.summary{grid-template-columns:1fr}}