:root{font-family:system-ui,Arial,sans-serif;color:#edf3ff;background:#101b2e}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{display:flex;align-items:center;gap:25px;padding:20px max(25px,calc((100vw - 1200px)/2));background:#16253e;border-bottom:1px solid #34435a}header span{color:#9fb2cf}header form{margin-left:auto}.brand{font-size:23px;font-weight:800;color:white;text-decoration:none}main{max-width:1200px;margin:40px auto;padding:0 22px}h1{font-size:30px;margin:0 0 8px}h2{font-size:19px;margin:0}p{color:#aebed6}.card{background:#1b2a43;border:1px solid #34435a;border-radius:14px;padding:24px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:28px 0}.stats .card{display:flex;flex-direction:column;gap:9px;text-decoration:none;color:white}.stats strong{font-size:35px}.stats small{color:#b4c3db}.good{color:#4cdaa3}.warn{color:#ffca64}.bad{color:#ff7b89}.section-title{display:flex;justify-content:space-between;gap:15px;align-items:center}.section-title span{color:#aebed6}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:22px 0}.filters label{flex:1;min-width:160px}label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#c6d5ec}input,select{padding:12px;color:white;background:#111d30;border:1px solid #52617a;border-radius:8px;width:100%;font:inherit}button{background:#4485ed;color:white;border:0;border-radius:8px;padding:12px 19px;font-weight:700;cursor:pointer}.subtle{background:#2a3d5b}.reset{color:#9fc5ff;padding:12px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:750px}th{text-align:left;color:#afc0d9;font-size:13px}th,td{padding:15px 10px;border-bottom:1px solid #36455d}td a,a{color:#a7c9ff}.pill{display:inline-block;padding:5px 10px;border-radius:20px;background:#36475f;font-size:13px}.pill.critical{background:#61313d;color:#ffb7bd}.pill.warning{background:#594629;color:#ffe0a1}.pill.healthy{background:#225444;color:#a3f6d0}.pill.offline{background:#394154;color:#d1d9e8}.login{max-width:430px;margin:75px auto}.login form{display:grid;gap:20px;margin-top:25px}.error{color:#ff9aa7}.detail{margin-top:20px}.note{font-style:italic}footer{text-align:center;color:#8094b3;padding:40px 15px;font-size:12px}@media(max-width:750px){.stats{grid-template-columns:repeat(2,1fr)}header{padding:16px;gap:10px}header span{display:none}.section-title{display:block}}