*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#172033;font:15px Arial,sans-serif}header{background:#12284b;color:#fff;padding:16px 7%;display:flex;justify-content:space-between;align-items:center}header h1{margin:0;font-size:22px}header a{color:#fff}main{max-width:1200px;margin:30px auto;padding:0 20px}h2{margin-top:32px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards div{padding:20px;border-radius:8px;font-weight:bold}.ok{background:#d9f5e5}.warning{background:#fff1c7}.error{background:#ffdce1}.offline{background:#e1e5eb}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px;border-bottom:1px solid #e7ebf1;text-align:left}.badge{padding:4px 8px;border-radius:20px;font-weight:bold;text-transform:uppercase;font-size:11px}.badge.ok{background:#b9e9ca}.badge.warning{background:#ffe19a}.badge.error{background:#ffb6c0}.badge.offline{background:#cbd1da}button{border:0;border-radius:5px;background:#1769aa;color:#fff;padding:9px 14px;cursor:pointer}input{padding:9px;border:1px solid #b9c3d0;border-radius:5px;display:block;margin:6px 0 14px;min-width:260px}.inline{display:flex;gap:8px}.inline input{margin:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#10223e;color:#dbeafe;padding:16px;border-radius:7px}.login main{max-width:350px;background:#fff;margin-top:15vh;padding:30px;border-radius:10px;box-shadow:0 4px 24px #ccd3df}.login small{color:#b00020;display:block;margin-top:10px}dt{font-weight:bold;margin-top:12px}dd{margin:4px 0}