body{color:#172033;background:#eef2f5;margin:0;font-family:Inter,system-ui,Arial}.wrap{padding:22px}.header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.brand{align-items:center;gap:14px;display:flex}.logo{height:46px}.title{font-size:26px;font-weight:800}.subtitle{color:#667085;font-size:13px}.top-actions{align-items:center;gap:12px;display:flex}.muted{color:#667085}.tabs{gap:8px;margin:18px 0;display:flex}.tabs a{color:#16304a;background:#fff;border:1px solid #dfe5ec;border-radius:8px;padding:10px 16px;font-weight:700;text-decoration:none}.tabs a.active{color:#fff;background:#16304a}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.card,.panel{background:#fff;border:1px solid #dfe5ec;border-radius:8px;box-shadow:0 1px 2px #0001}.card{padding:22px}.label{color:#10243b;margin-bottom:14px;font-size:15px}.value{color:#16304a;font-size:30px;font-weight:800}.panel{margin-bottom:22px;overflow:hidden}.panel h2,summary{cursor:pointer;border-bottom:1px solid #e7ebef;margin:0;padding:16px 18px;font-size:18px;font-weight:700}.grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf0f2;padding:10px 12px;font-size:13px}th{color:#344054;background:#f8fafc}a{color:#0b65c2;font-weight:700;text-decoration:none}.badge{background:#eef2f7;border-radius:999px;padding:4px 8px;font-size:12px;display:inline-block}.urgent,.offline{color:#991b1b;background:#fee2e2}.high,.degraded{color:#9a3412;background:#ffedd5}.medium,.monitoring{color:#1d4ed8;background:#dbeafe}.low,.online{color:#166534;background:#dcfce7}.recovered{color:#075985;background:#e0f2fe}.subject{white-space:nowrap;text-overflow:ellipsis;max-width:560px;overflow:hidden}form.filters{grid-template-columns:repeat(6,1fr);gap:12px;padding:16px;display:grid}select,input,button{border:1px solid #cfd8e3;border-radius:6px;padding:10px;font-size:13px}button{color:#fff;cursor:pointer;background:#16304a;font-weight:700}.clear{color:#fff;text-align:center;background:#64748b;border-radius:6px;padding:10px 14px}.tz-select{padding:6px 10px}.attention{color:#991b1b;font-weight:800}.good{color:#166534;font-weight:800}@media (max-width:1300px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}form.filters{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.cards,form.filters{grid-template-columns:1fr}.top-actions{flex-wrap:wrap}.header{flex-direction:column;align-items:flex-start;gap:14px}}