:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;color:#0b2742;background:#f4f7fa}*{box-sizing:border-box}body{margin:0;background:#f4f7fa}.top{background:#0b2742;color:#fff;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:12px}.mark{width:44px;height:44px;border-radius:14px;background:#fff;color:#0b2742;display:grid;place-items:center;font-weight:800;font-size:25px}.brand strong{display:block;font-size:19px}.brand small{opacity:.75}.pill{border:1px solid #55718c;border-radius:30px;padding:9px 13px;font-size:13px;white-space:nowrap}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:7px}.dot:not(.offline){background:#35c46a}.dot.offline{background:#f04438}.wrap{max-width:1100px;margin:auto;padding:22px 16px 50px}.card{background:#fff;border:1px solid #dfe8ef;border-radius:22px;box-shadow:0 5px 18px #0b27420d;padding:20px}.login{max-width:440px;margin:45px auto}.login h1{margin:0 0 8px;font-size:29px}.muted{color:#6e89a2;line-height:1.8}.field{margin:16px 0}.field label{display:block;margin-bottom:7px;font-weight:700}.field input{width:100%;padding:14px;border:1px solid #cbd8e2;border-radius:12px;font-size:16px;outline:none}.field input:focus{border-color:#176db1}.btn{width:100%;border:0;border-radius:13px;padding:14px;background:#0b2742;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.btn:disabled{opacity:.6;cursor:wait}.linkbtn{display:block;width:100%;border:0;background:none;color:#176db1;font-size:14px;font-weight:700;padding:12px 8px 2px;cursor:pointer}.success{color:#126b3f;background:#eefaf3;border:1px solid #ccebd9;padding:11px;border-radius:12px;margin:12px 0;display:none}.btn.secondary{background:#edf3f7;color:#0b2742}.error{color:#b42318;background:#fff1f0;border:1px solid #ffd2cd;padding:11px;border-radius:12px;margin:12px 0;display:none}.head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.head h1{margin:0}.actions{display:flex;gap:8px}.actions .btn{width:auto;padding:10px 14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat span{color:#6e89a2}.stat strong{display:block;font-size:30px;margin-top:7px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.list{display:grid;gap:9px}.row{border:1px solid #e1e9ef;border-radius:14px;padding:12px;display:flex;justify-content:space-between;gap:10px;align-items:center}.row b{display:block}.row small{color:#718aa0}.tag{font-size:12px;padding:6px 9px;border-radius:20px;background:#edf4f8;white-space:nowrap}.empty{color:#718aa0;padding:18px 0}.hidden{display:none!important}@media(max-width:700px){.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.top{padding:14px}.brand strong{font-size:16px}.brand small{font-size:12px}.wrap{padding:14px 12px 40px}.card{border-radius:18px}}