*{box-sizing:border-box}body{margin:0;background:#07111f;color:#e7edf5;font-family:Inter,system-ui,Arial}main{max-width:1400px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{margin:0;font-size:34px}h2{font-size:19px;margin:28px 0 12px}p{color:#91a4bb}.badge{border:1px solid #31506f;padding:8px 12px;border-radius:8px;color:#8fc7ff}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.cards>div{background:#0d1b2d;border:1px solid #1d334b;border-radius:12px;padding:20px}.cards b{display:block;font-size:30px}.cards span{color:#8fa4bb}.cards .critical b,.critical{color:#ff6b6b}.cards .warning b,.warning{color:#ffc857}.table{background:#0d1b2d;border:1px solid #1d334b;border-radius:12px;overflow:hidden}.tr{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr 3fr .7fr;grid-gap:12px;gap:12px;padding:13px 15px;border-bottom:1px solid #172a40;align-items:center}.head{color:#86a0bb;font-size:12px;text-transform:uppercase}.critical{color:#ff6b6b}.warning{color:#ffc857}.online{color:#57d68d}.offline{color:#ff6b6b}.empty{padding:20px}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.tr{grid-template-columns:1fr 1fr}.tr span:nth-child(n+3){display:none}}