:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#14213d;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.topbar{display:flex;align-items:center;justify-content:space-between;background:#0b2447;color:white;padding:18px 6vw}.topbar h1{margin:0}.topbar small{opacity:.75}.wrap{max-width:1200px;margin:auto;padding:24px}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 6px 24px #0000000d;margin-bottom:18px}.toolbar{display:flex;gap:12px;align-items:end;justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat span{opacity:.6}.stat strong{font-size:34px;display:block;margin:12px 0}.smallstrong{font-size:18px!important}.progress{height:12px;background:#e7edf4;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#159947}.badge{padding:7px 10px;border-radius:999px;font-size:12px;margin-right:8px}.online{background:#d8f7e4;color:#166534}.offline{background:#ffe1e1;color:#991b1b}.linkbtn,button{background:#0b2447;color:white;border:0;border-radius:10px;padding:10px 14px;text-decoration:none;cursor:pointer}.danger{background:#a61b1b}.actions{display:flex;gap:10px;flex-wrap:wrap}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:flex;flex-direction:column;gap:5px}input,select{padding:10px;border:1px solid #d7dfe8;border-radius:10px}.loginbody{min-height:100vh;display:grid;place-items:center}.loginbox{width:min(420px,92vw);text-align:center}.loginbox input,.loginbox button{width:100%;margin:7px 0}.error{background:#ffe4e6;color:#9f1239;padding:10px;border-radius:8px}.alarm{padding:8px 0;border-bottom:1px solid #eee}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}}@media(max-width:520px){.grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.actions button{flex:1}}