*{margin:0;padding:0;box-sizing:border-box;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{background:linear-gradient(to right,var(--body-bg-start) 0%,var(--body-bg-middle) 100%,var(--body-bg-start) 10%)}.spinner{position:absolute;width:48px;height:48px;border-radius:50%;border:4px solid #ccc;border-top-color:#000;animation:spin .8s linear infinite;margin:auto;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}:root{--body-bg-start: #fdfdfd;--body-bg-middle: #eef1f6;--body-bg: #ffffff;--bg-main: #ffffff;--bg-surface: #f9fafb;--bg-surface-hover: #f3f4f6;--bg-card: #ffffff;--surface-alt: #f9fafb;--surface-hover: #f3f4f6;--background: #ffffff;--bg: #ffffff;--card-bg: #ffffff;--body-alt: #f3f4f6;--input-bg: #ffffff;--primary-text: #111827;--secondary-text: #4b5563;--text-muted: #6b7280;--text-subtle: #9ca3af;--link-color: #2563eb;--link-hover: #1e40af;--border: #e5e7eb;--border-light: #d1d5db;--border-soft: #f3f4f6;--divider: #f3f4f6;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--accent: #b27860;--accent-purple: #a855f7;--success: #22c55e;--success-dark: #15803d;--success-bg: #dcfce7;--success-contrast: #16a34a;--warning: #d97706;--warning-dark: #92400e;--warning-bg: #fef9c3;--error: #dc2626;--info: #2563eb;--info-bg: #dbeafe;--info-bg-hover: #bfdbfe;--info-soft: rgba(59, 130, 246, .2);--highlight: #ea580c;--purple: #7c3aed;--green-bg: #dcfce7;--green-text: #16a34a;--blue-bg: #dbeafe;--blue-text: #2563eb;--yellow-bg: #fef9c3;--yellow-text: #ca8a04;--purple-bg: #f3e8ff;--purple-text: #7c3aed;--orange-bg: #ffedd5;--orange-text: #ea580c;--tag-green: #16a34a;--tag-green-bg: #dcfce7;--tag-blue: #2563eb;--tag-blue-bg: #dbeafe;--tag-purple: #7c3aed;--tag-purple-bg: #f3e8ff;--tag-orange: #ea580c;--tag-orange-bg: #ffedd5;--tag-warning: #f59e0b;--alert-red: #ef4444;--alert-red-bg: #fef2f2;--alert-red-dot: #ef4444;--alert-yellow: #eab308;--alert-yellow-bg: #fefce8;--alert-orange: #f97316;--alert-orange-bg: #fff7ed;--alert-blue: #3b82f6;--alert-blue-bg: #eff6ff;--alert-blue-dot: #3b82f6;--success-bg-soft: #d1fae5;--success-text: #065f46;--offline-bg: #fee2e2;--offline-text: #991b1b;--maintenance-bg: #ffedd5;--maintenance-text: #9a3412;--metric-bg: #f8fafc;--trend-bg: linear-gradient(90deg, #eff6ff, #ecfdf3);--table-empty-bg: #f9fafb;--success-bg-light-1: #bbf7d0;--success-bg-light-2: #86efac;--success-bg-light-3: #4ade80;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 24px;--spacing-xl: 32px}.dark-theme{--bg-main: #021724;--bg-surface: #071827;--bg-surface-hover: #0e2233;--bg-card: #0b1f30;--surface-alt: #1b2631;--surface-hover: #243342;--background: #0f172a;--bg: #021724;--card-bg: #0f172a;--body-bg: #0d1b26;--body-bg-start: #04121d;--body-bg-middle: #0c2435;--body-alt: #0f1821;--input-bg: #1b2632;--primary-text: #e5edf2;--secondary-text: #cbd5e1;--text-muted: #9ca3af;--text-subtle: #b6c3cc;--link-color: #60a5fa;--link-hover: #3b82f6;--border: #334155;--border-light: #1e293b;--border-soft: #182232;--divider: rgba(255, 255, 255, .07);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .35);--accent: #b27860;--accent-purple: #c084fc;--success: #22c55e;--success-dark: #22c55e;--success-bg: #083f2a;--success-contrast: #22c55e;--warning: #fbbf24;--warning-dark: #d8a756;--warning-bg: #3c3005;--error: #ef4444;--info: #60a5fa;--info-bg: rgba(59, 130, 246, .15);--info-bg-hover: rgba(59, 130, 246, .25);--info-soft: rgba(59, 130, 246, .35);--highlight: #fb923c;--purple: #c084fc;--green-bg: #1f452e;--green-text: #22c55e;--blue-bg: #0a355e;--blue-text: #60a5fa;--yellow-bg: #413e16;--yellow-text: #facc15;--purple-bg: #37204d;--purple-text: #c084fc;--orange-bg: #462c18;--orange-text: #fb923c;--tag-green-bg: #123f28;--tag-blue-bg: #1b315a;--tag-purple-bg: #2b1b42;--tag-orange-bg: #4a2b15;--alert-red-bg: #3a1f1f;--alert-yellow-bg: #3a3515;--alert-orange-bg: #3a2b18;--alert-blue-bg: #1e2b44;--alert-red: #ff6b6b;--alert-yellow: #ffdd55;--alert-orange: #ff9f43;--alert-blue: #4da6ff;--alert-red-dot: #ff6b6b;--alert-blue-dot: #7dd3fc;--success-bg-soft: #064e3b;--success-text: #bbf7d0;--offline-bg: #7f1d1d;--offline-text: #fecaca;--maintenance-bg: #7c2d12;--maintenance-text: #fed7aa;--metric-bg: #1e293b;--trend-bg: linear-gradient(90deg, #1e293b, #1a3630);--success-bg-light-1: rgba(34, 197, 94, .25);--success-bg-light-2: rgba(34, 197, 94, .35);--success-bg-light-3: rgba(34, 197, 94, .45);--table-empty-bg: #16212e}