.login-overlay[data-v-fbf5bd4e]{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:100}.login-card[data-v-fbf5bd4e]{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:28px 24px;width:300px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.login-brand[data-v-fbf5bd4e]{font-size:18px;font-weight:700;text-align:center}.login-card input[data-v-fbf5bd4e]{padding:10px 12px;font-size:14px}.login-error[data-v-fbf5bd4e]{color:var(--danger);font-size:12px;text-align:center}:root,:root[data-theme=dark]{--bg: #0e1420;--bg-elev: #151d2e;--bg-card: #1a2334;--bg-hover: #202b42;--border: #26324a;--text: #e6edf7;--text-dim: #93a1b8;--accent: #4f8cff;--ok: #2ecc71;--warn: #f5a623;--danger: #ff5c5c;--shadow: 0 4px 16px rgba(0, 0, 0, .35)}:root[data-theme=light]{--bg: #f2f5fa;--bg-elev: #ffffff;--bg-card: #ffffff;--bg-hover: #eef2f8;--border: #dbe2ee;--text: #1c2536;--text-dim: #64748b;--accent: #2563eb;--ok: #16a34a;--warn: #d97706;--danger: #dc2626;--shadow: 0 4px 16px rgba(30, 50, 90, .12)}:root[data-color=us]{--up: var(--ok);--down: var(--danger)}:root[data-color=cn]{--up: var(--danger);--down: var(--ok)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}#app{min-height:100vh}a{color:var(--accent);text-decoration:none}.num{font-variant-numeric:tabular-nums}.up{color:var(--up)}.down{color:var(--down)}.dim{color:var(--text-dim)}.app-shell{display:flex;min-height:100vh}.sidebar{width:200px;flex-shrink:0;background:var(--bg-elev);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:18px 16px;font-weight:700;font-size:16px;border-bottom:1px solid var(--border)}.side-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:4px}.side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--text-dim);font-weight:500}.side-link:hover{background:var(--bg-hover);color:var(--text)}.side-link.active{background:var(--accent);color:#fff}.side-footer{padding:14px 16px;border-top:1px solid var(--border);font-size:12px;color:var(--text-dim);display:flex;align-items:center;gap:8px}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--bg-elev);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar h1{margin:0;font-size:18px}.top-actions{display:flex;align-items:center;gap:12px}.conn-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.conn-dot{width:8px;height:8px;border-radius:50%;background:var(--warn);display:inline-block}.conn-dot.ok{background:var(--ok)}.icon-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:6px 10px;cursor:pointer;font-size:15px}.icon-btn:hover{background:var(--bg-hover)}.content{padding:20px;max-width:1200px;width:100%;margin:0 auto;flex:1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.grid{display:grid;gap:14px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.two-col{grid-template-columns:1fr 1fr}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th,table.data td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}table.data th{color:var(--text-dim);font-weight:600;font-size:12px}table.data tbody tr:hover{background:var(--bg-hover)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600}.badge.ok{background:#2ecc7126;color:var(--ok)}.badge.warn{background:#f5a62326;color:var(--warn)}.badge.danger{background:#ff5c5c26;color:var(--danger)}.badge.info{background:#4f8cff26;color:var(--accent)}.badge.plain{background:var(--bg-hover);color:var(--text-dim)}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}select,input[type=text],input[type=search]{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:7px 10px;font-size:13px;outline:none}select:focus,input:focus{border-color:var(--accent)}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.mobile-card-list{display:none}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-elev);border-top:1px solid var(--border);z-index:20;padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}.bottom-link{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--text-dim);padding:4px 8px;border-radius:8px}.bottom-link.active{color:var(--accent)}@media(max-width:1024px){.sidebar{width:64px}.brand{font-size:0;padding:18px 0;text-align:center}.brand:before{content:"📈";font-size:18px}.side-link{justify-content:center;padding:12px 0;gap:0}.side-link span:last-child{display:none}.two-col{grid-template-columns:1fr}}@media(max-width:640px){.sidebar{display:none}.content{padding:12px 12px 76px}.bottom-nav{display:flex;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%}.topbar{padding:12px 14px}.table-wrap.desktop-only{display:none}.mobile-card-list{display:flex;flex-direction:column;gap:10px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:641px){.mobile-card-list{display:none!important}}