:root{font-family:Inter,Segoe UI,sans-serif;color:#17233b;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#0b1830;color:white;padding:28px 18px}.brand{font-size:12px;letter-spacing:.16em;margin:0 12px 35px}.brand strong{font-size:24px;letter-spacing:0;color:#55a7ff}nav{display:grid;gap:6px}nav a{padding:12px;border-radius:8px;color:#aebbd0}nav a.active{background:#17325c;color:white}main{padding:32px;overflow:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}h1{margin:0;font-size:28px}p{color:#66758d}button,.button{border:0;border-radius:7px;background:#1473e6;color:white;padding:10px 16px;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px}.cards article,.panel,#login{background:white;border:1px solid #dde5f0;border-radius:12px;padding:20px;box-shadow:0 3px 12px #17233b0a}.cards span{display:block;color:#718099;font-size:13px}.cards strong{display:block;font-size:30px;margin-top:10px}.health{display:flex;gap:15px;margin:20px 0}.health span{background:white;border-radius:20px;padding:8px 14px;border:1px solid #dde5f0}.ok{color:#16855a}.warn{color:#b47700}.crit{color:#c53b42}.unknown{color:#66758d}.panel{overflow:auto}.panel h2{margin-top:0}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7edf5;font-size:14px}th{color:#66758d;font-weight:600}.status{font-weight:600}@media(max-width:900px){body{grid-template-columns:1fr}aside{display:none}.cards{grid-template-columns:repeat(2,1fr)}main{padding:18px}}