.header[data-v-35c86d23]{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.header-content[data-v-35c86d23]{max-width:1200px;margin:0 auto;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo-section[data-v-35c86d23]{display:flex;align-items:center;gap:.75rem}.logo[data-v-35c86d23]{flex-shrink:0}.brand[data-v-35c86d23]{display:flex;flex-direction:column;gap:.125rem}.brand-name[data-v-35c86d23]{font-size:1.25rem;font-weight:700;letter-spacing:.03em;color:var(--color-text-primary)}.brand-tagline[data-v-35c86d23]{font-size:.7rem;color:var(--color-text-muted);letter-spacing:.05em}.nav[data-v-35c86d23]{display:flex;align-items:center;gap:.25rem}.nav-link[data-v-35c86d23]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link[data-v-35c86d23]:hover,.nav-link.router-link-active[data-v-35c86d23]{color:var(--color-primary);background:var(--color-primary-bg)}.nav-button[data-v-35c86d23]{border:0;background:transparent;cursor:pointer}.user-chip[data-v-35c86d23]{padding:.375rem .75rem;border-radius:999px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.8125rem}.main[data-v-35c86d23]{padding:1.5rem;min-height:calc(100vh - 68px)}@media (max-width: 640px){.header-content[data-v-35c86d23]{padding:.75rem 1rem}.brand-tagline[data-v-35c86d23]{display:none}.nav-link svg[data-v-35c86d23]{display:none}}.device-list-page[data-v-4196b041]{max-width:1200px;margin:0 auto}.page-header[data-v-4196b041]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.header-left[data-v-4196b041]{display:flex;flex-direction:column;gap:.5rem}.page-header h1[data-v-4196b041]{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0}.status-chips[data-v-4196b041]{display:flex;gap:.5rem}.chip[data-v-4196b041]{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;border:1px solid}.chip-online[data-v-4196b041]{background:var(--color-online-bg);color:var(--color-online);border-color:var(--color-online-border)}.chip-offline[data-v-4196b041]{background:var(--color-offline-bg);color:var(--color-offline);border-color:var(--color-offline-border)}.chip-dot[data-v-4196b041]{width:6px;height:6px;border-radius:50%;background:currentColor}.header-actions[data-v-4196b041]{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap}.btn[data-v-4196b041]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.btn-secondary[data-v-4196b041]{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary[data-v-4196b041]:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-text-muted)}.btn-primary[data-v-4196b041]{background:var(--color-primary);color:#fff;border-color:var(--color-primary-dark)}.btn-primary[data-v-4196b041]:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-glow)}.btn[data-v-4196b041]:disabled{opacity:.6;cursor:not-allowed}.spin[data-v-4196b041]{animation:spin-4196b041 1s linear infinite}@keyframes spin-4196b041{to{transform:rotate(360deg)}}.loading-state[data-v-4196b041],.error-state[data-v-4196b041],.empty-state[data-v-4196b041]{text-align:center;padding:4rem 2rem;background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.error-icon[data-v-4196b041],.empty-icon[data-v-4196b041]{color:var(--color-text-muted);margin-bottom:1rem}.error-message[data-v-4196b041]{color:var(--color-error);margin-bottom:1rem;font-size:.9375rem}.empty-title[data-v-4196b041]{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.empty-desc[data-v-4196b041]{font-size:.875rem;color:var(--color-text-muted);margin:0}.spinner[data-v-4196b041]{width:2.5rem;height:2.5rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-4196b041 .8s linear infinite;margin:0 auto 1rem}.device-list[data-v-4196b041]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.device-item[data-v-4196b041]{animation:fade-in-4196b041 .3s ease forwards;opacity:0}@keyframes fade-in-4196b041{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.device-link[data-v-4196b041]{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.device-link[data-v-4196b041]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.device-indicator[data-v-4196b041]{width:4px;height:40px;border-radius:var(--radius-full);flex-shrink:0}.device-indicator.online[data-v-4196b041]{background:var(--color-online)}.device-indicator.offline[data-v-4196b041]{background:var(--color-offline)}.device-info[data-v-4196b041]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.device-id-row[data-v-4196b041]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.device-id[data-v-4196b041]{font-family:var(--font-mono);font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.badge[data-v-4196b041]{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.badge-online[data-v-4196b041]{background:var(--color-online-bg);color:var(--color-online)}.badge-offline[data-v-4196b041]{background:var(--color-offline-bg);color:var(--color-offline)}.last-seen[data-v-4196b041]{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--color-text-muted)}.device-sub[data-v-4196b041]{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.device-arrow[data-v-4196b041]{color:var(--color-text-muted);transition:transform var(--transition-fast)}.device-link:hover .device-arrow[data-v-4196b041]{transform:translate(4px);color:var(--color-primary)}:root{--color-primary: #0066ff;--color-primary-dark: #0052cc;--color-primary-light: #3385ff;--color-primary-bg: rgba(0, 102, 255, .08);--color-primary-glow: rgba(0, 102, 255, .15);--color-accent: #00d4aa;--color-accent-bg: rgba(0, 212, 170, .1);--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .1);--color-success-border: rgba(16, 185, 129, .3);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-border: rgba(245, 158, 11, .3);--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .1);--color-error-border: rgba(239, 68, 68, .3);--color-online: #10b981;--color-online-bg: rgba(16, 185, 129, .1);--color-online-border: rgba(16, 185, 129, .4);--color-offline: #64748b;--color-offline-bg: rgba(100, 116, 139, .1);--color-offline-border: rgba(100, 116, 139, .3);--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f5f9;--color-bg-card: #ffffff;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(0, 102, 255, .15);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-sticky: 100;--z-dropdown: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh}::selection{background:var(--color-primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}