:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}header{background:#10233f;color:#fff;padding:20px max(20px,calc((100% - 1200px)/2));display:flex;justify-content:space-between;align-items:center}h1,h2,p{margin-top:0}main{max-width:1200px;margin:24px auto;padding:0 18px}.hidden{display:none!important}.panel,.metric{background:#fff;border:1px solid #dce3ec;border-radius:14px;padding:20px;box-shadow:0 4px 18px #14213d0d;margin-bottom:20px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .panel{width:min(420px,100%)}label{display:block;margin:12px 0;font-weight:600}input,select,button{font:inherit}input,select{width:100%;padding:10px;border:1px solid #b9c4d3;border-radius:8px;margin-top:5px}button{border:0;border-radius:8px;background:#1769aa;color:#fff;padding:10px 15px;cursor:pointer}.secondary{background:#fff;color:#10233f}.link{background:none;color:#1769aa;padding:0;text-align:left}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric{margin:0}.metric span{display:block;color:#64748b}.metric strong{font-size:2rem}.toolbar{display:flex;justify-content:space-between;align-items:center}.toolbar select{width:auto}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e5eaf0;white-space:nowrap}.small{width:90px}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px}.success{background:#dcfce7;padding:18px;border-radius:10px}.installer{max-width:850px}.installer form{background:#fff;padding:22px;border-radius:14px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}@media(max-width:700px){.metrics,.grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;gap:12px;flex-direction:column}}
.actions{display:flex;gap:.6rem;flex-wrap:wrap}.button{display:inline-block;text-decoration:none;padding:.65rem .9rem;border-radius:.55rem}.status{padding:.2rem .5rem;border-radius:999px;background:#eef2f7}.status.online{background:#dcfce7}.status.offline{background:#fee2e2}.alarm-row{background:#fff7ed}.check{display:flex;gap:.5rem;align-items:center}.check input{width:auto}.grid small{display:block;color:#64748b;margin-top:.25rem}

.app-footer{max-width:1200px;margin:10px auto 30px;padding:0 18px;display:flex;gap:18px;flex-wrap:wrap}.app-footer a{color:#1769aa}
.metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stale-row{background:#fef2f2}.danger{color:#b91c1c;font-weight:700}.hint{color:#64748b}.actions select{width:auto;margin:0;background:#fff;color:#10233f}