*{box-sizing:border-box}body{margin:0;background:#08111f;color:#e5eefb;font-family:Arial,Helvetica,sans-serif;display:flex;min-height:100vh}aside{width:260px;background:linear-gradient(180deg,#0f1f38,#07101d);padding:28px;border-right:1px solid #1e3355}aside h1{margin:0;color:#38bdf8}aside p{color:#94a3b8}aside span{display:block;background:#12233d;padding:12px;border-radius:12px}main{flex:1;padding:24px;overflow:auto}header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}h2{margin:0}small{color:#94a3b8}input{background:#0f1f38;border:1px solid #243b61;color:white;border-radius:12px;padding:13px;min-width:320px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.cards div,.panel{background:#0f1f38;border:1px solid #1e3355;border-radius:16px;padding:18px;box-shadow:0 10px 30px #0005}.cards strong{display:block;font-size:28px;margin-top:8px}.panel{margin-bottom:14px}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #223a60;text-align:left;font-size:14px}th{color:#93c5fd}.badge{padding:6px 10px;border-radius:20px;font-weight:bold}.online{background:#064e3b;color:#34d399}.offline{background:#4c0519;color:#fb7185}.rx-good{color:#22c55e}.rx-warn{color:#facc15}.rx-bad{color:#fb7185}@media(max-width:900px){body{display:block}aside{width:auto}.cards{grid-template-columns:repeat(2,1fr)}header{display:block}input{min-width:100%;margin-top:12px}table{font-size:12px}}