.login-page[data-v-3c639234]{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,rgba(88,166,255,.12),transparent 34%),var(--bg-primary)}.login-card[data-v-3c639234]{width:min(100%,380px);padding:34px;border:1px solid var(--border-strong);border-radius:14px;background:var(--bg-secondary);box-shadow:0 24px 70px #00000059}.login-logo[data-v-3c639234]{width:46px;height:46px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#e94560,#58a6ff);color:#fff;font-weight:700}h1[data-v-3c639234]{margin-top:18px;font-size:24px}.login-card>p[data-v-3c639234]{margin:7px 0 24px;color:var(--text-secondary);font-size:13px}label[data-v-3c639234]{display:block;margin-bottom:7px;color:var(--text-secondary);font-size:12px}input[data-v-3c639234]{width:100%;height:42px;padding:0 12px;border:1px solid var(--border-strong);border-radius:7px;background:var(--bg-primary);color:var(--text-primary)}input[data-v-3c639234]:focus{border-color:var(--accent);outline:none}.login-card .login-error[data-v-3c639234]{margin:9px 0 0;color:var(--danger);font-size:12px}.login-card button[data-v-3c639234]{width:100%;margin-top:16px;height:40px}small[data-v-3c639234]{display:block;margin-top:16px;color:var(--text-muted);text-align:center}.topbar-stats[data-v-66aabdd9]{display:flex;align-items:center;gap:12px;margin-left:16px;font-size:12px;color:var(--text-secondary)}.topbar-stats .stat b[data-v-66aabdd9]{color:var(--text-primary);margin-left:4px;font-weight:600}.topbar-right[data-v-66aabdd9]{margin-left:auto;display:flex;align-items:center;gap:8px}.avatar[data-v-66aabdd9]{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#e94560,#58a6ff);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin-left:4px}.logout-button[data-v-66aabdd9]{border:0;cursor:pointer}.auth-loading[data-v-66aabdd9]{min-height:100vh;display:grid;place-items:center;color:var(--text-secondary);background:var(--bg-primary)}.device-mini[data-v-66aabdd9]{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;transition:background .15s;margin-bottom:2px}.device-mini[data-v-66aabdd9]:hover{background:#ffffff0a}.device-mini.active[data-v-66aabdd9]{background:#e945601f}.device-mini-ico[data-v-66aabdd9]{width:30px;height:30px;border-radius:6px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.device-mini-info[data-v-66aabdd9]{min-width:0;flex:1}.device-mini-name[data-v-66aabdd9]{font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-mini-meta[data-v-66aabdd9]{display:flex;gap:6px;align-items:center;font-size:10px;margin-top:2px}.text-mute[data-v-66aabdd9]{color:var(--text-muted)}.sidebar-foot[data-v-66aabdd9]{margin-top:auto;padding:12px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);display:flex;flex-direction:column;gap:4px}:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #16213e;--bg-elevated: #1f2540;--accent: #e94560;--accent-hover: #ff6b6b;--accent-blue: #58a6ff;--text-primary: #ffffff;--text-secondary: #8b949e;--text-muted: #6e7681;--success: #3fb950;--warning: #f0883e;--danger: #f85149;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;font-family:inherit;background:none;color:inherit}input,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff3d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;background:var(--accent);color:#fff;border-radius:6px;font-size:13px;font-weight:500;transition:all .15s;white-space:nowrap}.btn:hover{background:var(--accent-hover)}.btn-secondary{background:#ffffff0f;border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1f;border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0a}.btn-icon{width:32px;height:32px;padding:0;background:#ffffff0f;border:1px solid var(--border);border-radius:6px;color:var(--text-primary)}.btn-icon:hover{background:#ffffff1f}.badge{display:inline-flex;align-items:center;height:18px;padding:0 6px;font-size:10px;font-weight:600;border-radius:3px;background:#e945602e;color:var(--accent)}.badge-green{background:#3fb9502e;color:var(--success)}.badge-warn{background:#f0883e2e;color:var(--warning)}.badge-blue{background:#58a6ff2e;color:var(--accent-blue)}.badge-gray{background:#ffffff14;color:var(--text-secondary)}input[type=text],input[type=search],input[type=number]{height:32px;padding:0 10px;background:#00000040;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;transition:border-color .15s}input[type=text]:focus,input[type=search]:focus,input[type=number]:focus{border-color:var(--accent-blue)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff1f;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent-blue);border-radius:50%;cursor:pointer;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.app-shell{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary)}.topbar{height:48px;flex-shrink:0;display:flex;align-items:center;padding:0 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);gap:16px}.brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.brand-logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent-blue));display:flex;align-items:center;justify-content:center;font-size:14px}.status-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:11px;border-radius:12px;background:#3fb9501f;color:var(--success);border:1px solid rgba(63,185,80,.3)}.status-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.status-pill.idle{background:#f0883e1f;color:var(--warning);border-color:#f0883e4d}.status-pill.off{background:#ffffff0a;color:var(--text-muted);border-color:var(--border)}.main{flex:1;display:flex;min-height:0}.sidebar{width:220px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-section{padding:12px}.sidebar-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.nav-item{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s;margin-bottom:2px}.nav-item:hover{background:#ffffff0a;color:var(--text-primary)}.nav-item.active{background:#e945601f;color:var(--accent);font-weight:500}.nav-item .ico{width:16px;height:16px}.content{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg-primary)}.page-pad{padding:20px 24px}