:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-light: #eef2ff;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-success-text: #166534;--color-warning: #ea8b09;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-info: #2563eb;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-danger-text: #991b1b;--color-bg: #f5f7fa;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-text-primary: #1a1a2e;--color-text-secondary: #5c6370;--color-text-muted: #8b919a;--color-border: #d5d9e0;--color-border-light: #e5e8ed;--color-bg-muted: #f0f2f5;--color-bg-hover: #e8ebf0;--color-bg-hover-dark: #dce0e6;--color-sidebar-bg: #ffffff;--color-sidebar-active: #eef2ff;--color-sidebar-accent: #6366f1;--color-sidebar-text: #1a1a2e;--color-sidebar-border: #e5e8ed;--color-online: #22c55e;--color-status-online-bg: #dcfce7;--color-status-online-text: #166534;--color-status-offline-bg: #fee2e2;--color-status-offline-text: #991b1b;--color-status-warning-bg: #fef3c7;--color-status-warning-text: #92400e;--color-premium-border: #f59e0b;--color-premium-gradient-start: #f59e0b;--color-premium-gradient-end: #d97706;--color-viz-up: #34d399;--color-viz-warning: #fbbf24;--color-viz-down: #f87171;--color-viz-neutral: #e5e7eb;--color-log-bg: #1e1e2e;--color-log-text: #d4d4d8;--color-log-info: #34d399;--color-log-warning: #fbbf24;--color-log-error: #f87171;--color-log-timestamp: #71717a;--color-topbar-bg: #ffffff;--color-topbar-text: #1a1a2e;--color-topbar-subtitle: #5c6370;--color-topbar-border: #e5e8ed;--color-app-sidebar-bg: #ffffff;--color-app-sidebar-text: #8b919a;--color-app-sidebar-text-active: #1a1a2e;--color-app-sidebar-hover: #f0f2f5;--color-app-sidebar-active-bg: #eef2ff;--color-tooltip-bg: #1a1a2e;--color-tooltip-text: #ffffff;--shadow-tooltip: 0 4px 12px rgba(0, 0, 0, .15);--color-backdrop: rgba(0, 0, 0, .4);--color-avatar-start: #6366f1;--color-avatar-end: #4f46e5;--color-toggle-track: #cbd5e1;--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .08);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .12);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-family-mono: "Courier New", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--font-size-3xl: 32px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 15px;--space-xl: 20px;--space-2xl: 25px;--space-3xl: 30px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--radius-badge: 12px;--topbar-height: 56px;--app-sidebar-width: 72px;--secondary-panel-width: 260px;--z-dropdown: 10;--z-sidebar-overlay: 30;--z-overlay: 40;--z-modal-backdrop: 50;--z-modal: 51;--z-tooltip: 60;--device-sidebar-width: 240px;--toggle-width: 50px;--toggle-height: 26px;--toggle-knob: 20px;--progress-height: 8px;--transition-fast: .2s;--transition-normal: .3s}:root[data-theme=dark]{--color-primary: #818cf8;--color-primary-hover: #6366f1;--color-primary-light: rgba(99, 102, 241, .15);--color-success: #4ade80;--color-success-bg: rgba(74, 222, 128, .12);--color-success-text: #86efac;--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .12);--color-warning-text: #fcd34d;--color-info: #60a5fa;--color-info-bg: rgba(96, 165, 250, .12);--color-info-text: #93bbfd;--color-danger: #f87171;--color-danger-bg: rgba(248, 113, 113, .12);--color-danger-text: #fca5a5;--color-bg: #0f1117;--color-surface: #1a1c25;--color-surface-raised: #22252f;--color-text-primary: #e4e5e9;--color-text-secondary: #9ca0ab;--color-text-muted: #6b7083;--color-border: #2e3140;--color-border-light: #252836;--color-bg-muted: #22252f;--color-bg-hover: #2a2d38;--color-bg-hover-dark: #343845;--color-sidebar-bg: #1a1c25;--color-sidebar-active: rgba(99, 102, 241, .15);--color-sidebar-accent: #818cf8;--color-sidebar-text: #e4e5e9;--color-sidebar-border: #2e3140;--color-online: #4ade80;--color-status-online-bg: rgba(74, 222, 128, .12);--color-status-online-text: #86efac;--color-status-offline-bg: rgba(248, 113, 113, .12);--color-status-offline-text: #fca5a5;--color-status-warning-bg: rgba(251, 191, 36, .12);--color-status-warning-text: #fcd34d;--color-premium-border: #fbbf24;--color-premium-gradient-start: #fbbf24;--color-premium-gradient-end: #f59e0b;--color-viz-up: #34d399;--color-viz-warning: #fbbf24;--color-viz-down: #f87171;--color-viz-neutral: #2a2d3a;--color-log-bg: #12131a;--color-log-text: #d4d4d8;--color-log-info: #34d399;--color-log-warning: #fbbf24;--color-log-error: #f87171;--color-log-timestamp: #6b7083;--color-topbar-bg: #1a1c25;--color-topbar-text: #e4e5e9;--color-topbar-subtitle: #9ca0ab;--color-topbar-border: #2e3140;--color-app-sidebar-bg: #1a1c25;--color-app-sidebar-text: #6b7083;--color-app-sidebar-text-active: #e4e5e9;--color-app-sidebar-hover: #22252f;--color-app-sidebar-active-bg: rgba(99, 102, 241, .15);--color-tooltip-bg: #343845;--color-tooltip-text: #e4e5e9;--shadow-tooltip: 0 4px 12px rgba(0, 0, 0, .4);--color-backdrop: rgba(0, 0, 0, .6);--color-avatar-start: #818cf8;--color-avatar-end: #6366f1;--color-toggle-track: #4a4d5a;--shadow-card: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .4);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary: #818cf8;--color-primary-hover: #6366f1;--color-primary-light: rgba(99, 102, 241, .15);--color-success: #4ade80;--color-success-bg: rgba(74, 222, 128, .12);--color-success-text: #86efac;--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .12);--color-warning-text: #fcd34d;--color-info: #60a5fa;--color-info-bg: rgba(96, 165, 250, .12);--color-info-text: #93bbfd;--color-danger: #f87171;--color-danger-bg: rgba(248, 113, 113, .12);--color-danger-text: #fca5a5;--color-bg: #0f1117;--color-surface: #1a1c25;--color-surface-raised: #22252f;--color-text-primary: #e4e5e9;--color-text-secondary: #9ca0ab;--color-text-muted: #6b7083;--color-border: #2e3140;--color-border-light: #252836;--color-bg-muted: #22252f;--color-bg-hover: #2a2d38;--color-bg-hover-dark: #343845;--color-sidebar-bg: #1a1c25;--color-sidebar-active: rgba(99, 102, 241, .15);--color-sidebar-accent: #818cf8;--color-sidebar-text: #e4e5e9;--color-sidebar-border: #2e3140;--color-online: #4ade80;--color-status-online-bg: rgba(74, 222, 128, .12);--color-status-online-text: #86efac;--color-status-offline-bg: rgba(248, 113, 113, .12);--color-status-offline-text: #fca5a5;--color-status-warning-bg: rgba(251, 191, 36, .12);--color-status-warning-text: #fcd34d;--color-premium-border: #fbbf24;--color-premium-gradient-start: #fbbf24;--color-premium-gradient-end: #f59e0b;--color-log-bg: #12131a;--color-log-text: #d4d4d8;--color-log-info: #34d399;--color-log-warning: #fbbf24;--color-log-error: #f87171;--color-log-timestamp: #6b7083;--color-topbar-bg: #1a1c25;--color-topbar-text: #e4e5e9;--color-topbar-subtitle: #9ca0ab;--color-topbar-border: #2e3140;--color-app-sidebar-bg: #1a1c25;--color-app-sidebar-text: #6b7083;--color-app-sidebar-text-active: #e4e5e9;--color-app-sidebar-hover: #22252f;--color-app-sidebar-active-bg: rgba(99, 102, 241, .15);--color-tooltip-bg: #343845;--color-tooltip-text: #e4e5e9;--shadow-tooltip: 0 4px 12px rgba(0, 0, 0, .4);--color-backdrop: rgba(0, 0, 0, .6);--color-avatar-start: #818cf8;--color-avatar-end: #6366f1;--color-toggle-track: #4a4d5a;--shadow-card: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .4);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .5)}}:root{color-scheme:light dark}html,body{margin:0;background:var(--color-bg);color:var(--color-text-primary);font-family:var( --font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif )}a{color:var(--color-primary)}