:root{--navy:#163b63;--blue:#1f6fb2;--ink:#172b3a;--muted:#637381;--line:#d9e2ec;--canvas:#f3f6fa}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px "Segoe UI","Microsoft YaHei UI",sans-serif}aside{position:fixed;inset:0 auto 0 0;width:232px;background:var(--navy);padding:28px 16px;color:#c7d8e9}aside h1{color:#fff;margin:0;font-size:25px}aside p{margin:5px 0 30px;font-size:12px}aside a{display:block;padding:11px 12px;border-radius:7px;color:#c7d8e9;text-decoration:none;margin:3px 0}aside a:hover,aside a.active{background:#28547e;color:#fff}main{margin-left:232px;padding:30px 36px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}header h2{margin:0;font-size:24px}header span{color:var(--muted);font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.stats article{padding:20px}.stats b{display:block;font-size:30px;color:var(--navy)}.stats span{display:block;margin-top:8px;color:var(--muted)}.panel{padding:20px;margin-bottom:18px;overflow:auto}.panel h3{margin:0 0 16px;font-size:16px}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #edf1f5}th{font-size:12px;color:var(--muted);font-weight:600}.form form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}input{height:38px;border:1px solid #b7c6d5;border-radius:6px;padding:0 10px;font:inherit}button{height:38px;border:0;border-radius:6px;padding:0 16px;background:var(--blue);color:#fff;font:600 14px inherit;cursor:pointer}button:hover{background:#185d96}.login{min-height:100vh;margin:0;display:grid;place-items:center;padding:20px}.login section{width:400px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px}.login h1{margin:0 0 8px;color:var(--navy)}.login p{color:var(--muted);margin-bottom:24px}.login label{display:block;margin:14px 0 6px;font-weight:600}.login input{width:100%;margin-top:6px}.login button{width:100%;margin-top:20px}.alert{padding:10px;border-radius:6px}.error{background:#fff0f0;color:#b42318}td strong{font-weight:650}.subline{display:block;margin-top:4px;color:var(--muted);font-size:12px}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:650}.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.online{color:#176b45;background:#e7f6ed}.status.offline{color:#687582;background:#edf1f5}.status.active{color:#1e5f99;background:#e8f2fb}@media(max-width:900px){aside{position:static;width:auto;display:flex;gap:6px;padding:12px}aside p{display:none}aside a{margin:0}main{margin:0;padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.form form{grid-template-columns:1fr}}