:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#eaf2ff;background:#07111f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#123a6b 0,transparent 32%),#07111f;min-height:100vh}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.card,.panel,.dialog{background:#0d1b2d;border:1px solid #203b5e;border-radius:18px;box-shadow:0 20px 60px #0007}.card{width:min(420px,100%);padding:36px}.brand{font-weight:900;letter-spacing:.12em;font-size:20px}.brand span{color:#36a3ff}h1{margin:22px 0 4px;font-size:clamp(24px,3vw,34px)}h2{font-size:18px}p{color:#8fa9c7}label{display:grid;gap:8px;margin:18px 0;color:#b8cae0;font-size:14px}input,select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #294566;background:#091625;color:#fff;font-size:16px}button{border:0;border-radius:10px;padding:12px 18px;background:#1688ed;color:white;font-weight:700;cursor:pointer}.card button{width:100%;margin-top:8px}.ghost,.secondary{background:#14263b;color:#bdd3eb}.error{color:#ff7a85}header{height:70px;padding:0 clamp(18px,4vw,60px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d334e;background:#081523cc;position:sticky;top:0;backdrop-filter:blur(10px)}nav{display:flex;gap:8px}main{max-width:1400px;margin:auto;padding:32px clamp(16px,4vw,56px)}.title{display:flex;align-items:end;justify-content:space-between;gap:20px}.title h1{margin:0}.title p{margin:6px 0}.totals{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.metric{padding:20px;background:linear-gradient(145deg,#10243c,#0b192a);border:1px solid #203b5e;border-radius:14px}.metric strong{font-size:30px;display:block}.metric span{color:#8fa9c7}.panel{padding:20px;margin:18px 0}.toolbar{display:flex;gap:12px;margin-bottom:16px}.toolbar input{flex:1}.toolbar select{max-width:220px}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #1b304b;font-size:14px}th{color:#8fa9c7}.badge{display:inline-flex;padding:5px 10px;border-radius:99px;font-weight:800;font-size:12px}.healthy{background:#0d4d3d;color:#55e0b1}.warning{background:#5a4212;color:#ffd36b}.critical{background:#5a2029;color:#ff8a96}.offline,.unknown{background:#26364a;color:#bbc8d8}.alert{display:flex;justify-content:space-between;gap:16px;border-left:3px solid #ff7a85;padding:12px 14px;background:#111f31;margin:8px 0;border-radius:6px}.alert p{margin:4px 0;font-size:13px}dialog{border:0;padding:0;background:transparent}.dialog{padding:24px;width:min(430px,90vw)}.actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:760px){header{height:auto;padding:16px;align-items:flex-start}nav{flex-wrap:wrap;justify-content:flex-end}.title{align-items:flex-start;flex-direction:column}.totals{grid-template-columns:repeat(2,1fr)}.toolbar{flex-direction:column}.toolbar select{max-width:none}th:nth-child(3),td:nth-child(3){display:none}}