html,body{margin:0;padding:0}:root{--page-bg: #f3f4f6;--card-bg: #ffffff;--card-border: #e5e7eb;--card-shadow: 0 2px 10px #00000014;--title-color: #111827;--subtitle-color: #6b7280;--text-primary: #111111;--text-secondary: #6b7280;--text-muted: #9ca3af;--input-bg: #f8fafc;--input-border: #dde3ea;--input-color: #111827;--input-placeholder: #9aa4b2;--input-focus: #f97316;--brand: #f97316;--brand-hover: #ea6a0c;--brand-text: #ffffff;--brand-weight: 600;--ghost-bg: #ffffff;--ghost-border: #cbd5e1;--ghost-color: #475569;--ghost-hover-bg: #f1f5f9;--danger: #dc2626;--danger-hover: #b91c1c;--danger-text: #ffffff;--danger-border: #fca5a5;--danger-soft-bg: #fff;--danger-soft-hover: #fef2f2;--status-on-bg: #dcfce7;--status-on-color: #166534;--status-off-bg: #fee2e2;--status-off-color: #991b1b;--role-admin-bg: #fef3c7;--role-admin-color: #92400e;--role-user-bg: #f1f5f9;--role-user-color: #475569;--self-badge-bg: #e0f2fe;--self-badge-color: #0369a1;--dot-connected: #22c55e;--dot-idle: #9ca3af;--dot-unknown: #d1d5db;--head-bg: #f9fafb;--head-color: #6b7280;--row-border: #e5e7eb;--row-name: #111111;--meta-color: #9ca3af;--meta-stale-color: #92400e;--user-role-bg: #e5e7eb;--user-role-color: #6b7280;--nav-hover-bg: #e5e7eb;--modal-backdrop: rgba(0, 0, 0, .4);--modal-bg: #ffffff;--modal-border: #e2e8f0;--modal-shadow: 0 8px 32px rgba(0, 0, 0, .2);--toast-bg: #111827;--toast-color: #f9fafb}@media(prefers-color-scheme:dark){:root{--page-bg: #0b0f14;--card-bg: #111827;--card-border: #374151;--card-shadow: 0 2px 10px #00000066;--title-color: #f9fafb;--subtitle-color: #9ca3af;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--input-bg: #0f172a;--input-border: #334155;--input-color: #f3f4f6;--input-placeholder: #94a3b8;--brand-text: #111111;--brand-weight: 700;--ghost-bg: transparent;--ghost-border: #374151;--ghost-color: #cbd5e1;--ghost-hover-bg: #1f2937;--danger: #dc2626;--danger-hover: #b91c1c;--danger-border: #7f1d1d;--danger-soft-bg: transparent;--danger-soft-hover: #1f2937;--status-on-bg: #064e3b;--status-on-color: #34d399;--status-off-bg: #7f1d1d;--status-off-color: #fca5a5;--role-admin-bg: #78350f;--role-admin-color: #fbbf24;--role-user-bg: #1f2937;--role-user-color: #cbd5e1;--self-badge-bg: #0c4a6e;--self-badge-color: #7dd3fc;--dot-idle: #6b7280;--dot-unknown: #4b5563;--head-bg: #1f2937;--head-color: #9ca3af;--row-border: #374151;--row-name: #f3f4f6;--meta-color: #6b7280;--meta-stale-color: #fbbf24;--user-role-bg: #1f2937;--user-role-color: #94a3b8;--nav-hover-bg: #1f2937;--modal-backdrop: rgba(0, 0, 0, .6);--modal-bg: #111827;--modal-border: #374151;--modal-shadow: 0 8px 32px rgba(0, 0, 0, .6);--toast-bg: #f3f4f6;--toast-color: #111111}}