:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#18233a;background:#f3f6fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;min-width:1180px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}.page{padding:24px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{margin:0;font-size:24px;font-weight:700;color:#14213a}.page-subtitle{margin:6px 0 0;color:#7b879d;font-size:13px}.panel{background:#fff;border:1px solid #e8edf5;border-radius:14px;box-shadow:0 4px 18px #1830580d}.filter-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;margin-bottom:18px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.online{background:#22b573;box-shadow:0 0 0 4px #22b5731f}.status-dot.offline,.status-dot.unknown{background:#a8b1c0}.metric-value{font-variant-numeric:tabular-nums}.muted{color:#8a96a9}.shell[data-v-5c222905]{min-height:100vh;display:flex;background:#f5f3ed}.sidebar[data-v-5c222905]{position:fixed;inset:0 auto 0 0;width:240px;padding:24px 16px;background:linear-gradient(180deg,#15335f,#0b203d);color:#fff;display:flex;flex-direction:column;z-index:10}.brand[data-v-5c222905]{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.brand-mark[data-v-5c222905]{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#1677ff;font-size:22px;font-weight:800;box-shadow:0 10px 26px #1677ff59}.brand strong[data-v-5c222905],.brand span[data-v-5c222905]{display:block}.brand strong[data-v-5c222905]{font-size:16px}.brand span[data-v-5c222905]{margin-top:4px;color:#9fb4d1;font-size:10px}nav[data-v-5c222905]{display:grid;gap:7px}nav a[data-v-5c222905]{height:46px;padding:0 14px;border-radius:10px;color:#aebed4;display:flex;align-items:center;gap:12px;text-decoration:none;font-size:14px}nav a[data-v-5c222905]:hover,nav a.active[data-v-5c222905]{background:linear-gradient(90deg,#1677ffe6,#1677ff8c);color:#fff}.sidebar-foot[data-v-5c222905]{margin-top:auto;padding:16px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-foot span[data-v-5c222905],.sidebar-foot small[data-v-5c222905]{display:block}.sidebar-foot span[data-v-5c222905]{font-size:12px}.sidebar-foot small[data-v-5c222905]{margin-top:5px;color:#8fa6c4;font-size:10px}.main[data-v-5c222905]{width:calc(100% - 240px);margin-left:240px}.topbar[data-v-5c222905]{height:82px;padding:0 28px;background:#fff;border-bottom:1px solid #ebe8df;display:flex;align-items:center;justify-content:space-between}.topbar h1[data-v-5c222905]{margin:0;font-size:22px}.topbar p[data-v-5c222905]{margin:5px 0 0;color:#86909c;font-size:12px}.top-actions[data-v-5c222905],.account[data-v-5c222905]{display:flex;align-items:center}.top-actions[data-v-5c222905]{gap:15px}.account[data-v-5c222905]{gap:10px}.avatar[data-v-5c222905]{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8f3ff;color:#1677ff;font-weight:700}.account strong[data-v-5c222905],.account span[data-v-5c222905]{display:block}.account strong[data-v-5c222905]{font-size:13px}.account span[data-v-5c222905]{margin-top:3px;color:#86909c;font-size:11px}.content[data-v-5c222905]{padding:24px 28px}