:root{--bg-gradient:linear-gradient(135deg,#667eea 0,#764ba2 100%);--sun-gradient:linear-gradient(135deg,#f59e0b 0,#d97706 100%);--bg-violet:#764ba26e;--bg-violet-opac:#764ba26e;--bg-light:#f3f4f6;--surface-1:rgba(255,255,255,0.75);--surface-2:rgba(255,255,255,0.50);--surface-3:rgba(255,255,255,0.35);--surface-4:rgba(255,255,255,0.65);--surface-card:#f3f4f6;--surface-panel:rgba(255,255,255,0.98);--surface-border:rgba(15,23,42,0.08);--surface-border-strong:rgba(15,23,42,0.20);--surface-hover:rgba(99,102,241,0.04);--text-light:#fff;--text-color:#1f2937;--text-grey:#4b4b4b;--text-violet:#764ba2;--bs-secondary-color:#4b4b4b;--bs-body-secondary-color:#4b4b4b;--success-50:#ecfdf5;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--error-50:#fef2f2;--error-200:#fecaca;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--warning-50:#fffbeb;--warning-200:#fde68a;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--border-violet:#764ba2;--border-dark:#1f2937;--border-radius:.5rem;--border-radius-half:.25rem;--border-radius-card:calc(var(--border-radius) + 2px);--border-radius-lg:1rem;--border-radius-xl:calc(var(--border-radius) + 4px);--border-radius-pill:999px;--border-color:var(--surface-border);--border-muted:var(--surface-border);--accent-1:#6366f1;--accent-2:#a855f7;--accent-soft:rgba(99,102,241,0.08);--accent-soft-strong:rgba(99,102,241,0.2);--accent-glow:rgba(99,102,241,0.3);--accent-glow-strong:rgba(99,102,241,0.5);--primary-color:var(--accent-1);--accent-color:var(--accent-1);--success-color:var(--success-500);--success-hover:var(--success-600);--bg-sub-container:var(--surface-1);--text-primary:var(--text-color);--text-muted:var(--text-grey);--quality-excellent:#d1fae5;--quality-excellent-text:#065f46;--quality-good:#dbeafe;--quality-good-text:#1e40af;--quality-fair:#fef3c7;--quality-fair-text:#854d0e;--quality-poor:#fed7aa;--quality-poor-text:#9a3412;--quality-bad:#fecaca;--quality-bad-text:#991b1b;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--transition-normal:.2s ease;--transition-smooth:.3s cubic-bezier(0.4,0,0.2,1);--hover-lift-sm:translateY(-1px);--hover-lift-md:translateY(-2px);--shadow-xs:0 2px 4px rgba(0,0,0,0.1);--shadow-surface-sm:0 2px 8px rgba(0,0,0,0.05);--shadow-card:0 4px 12px rgba(0,0,0,0.1);--shadow-card-hover:0 4px 12px rgba(0,0,0,0.15);--shadow-sm:0 2px 6px rgba(15,23,42,0.08);--shadow-md:0 8px 20px rgba(15,23,42,0.12);--shadow-lg:0 16px 40px rgba(15,23,42,0.18);--shadow-login-panel:0 20px 60px rgba(0,0,0,0.3);--shadow-login-title:2px 2px 4px rgba(0,0,0,0.1);--shadow-login-button:0 4px 12px color-mix(in srgb,var(--accent-1) 30%,transparent);--shadow-login-button-hover:0 6px 20px color-mix(in srgb,var(--accent-1) 40%,transparent);--shadow-login-button-disabled:0 4px 12px color-mix(in srgb,var(--accent-1) 20%,transparent);--shadow-info-card:0 12px 32px var(--info-card-shadow);--focus-ring-accent:0 0 0 .2rem var(--input-focus-shadow);--input-bg:#fff;--input-border:#e5e7eb;--input-focus-shadow:rgba(118,75,162,0.25);--alert-info-bg:#e0e7ff;--alert-info-text:#1e1b4b;--alert-info-border:#818cf8;--alert-info-border-left:#6366f1;--alert-success-bg:#dcfce7;--alert-success-text:#166534;--alert-success-border:#86efac;--alert-success-border-left:#22c55e;--alert-warning-bg:#fef3c7;--alert-warning-text:#78350f;--alert-warning-border:#fcd34d;--alert-warning-border-left:#eab308;--alert-danger-bg:#fee2e2;--alert-danger-text:#7f1d1d;--alert-danger-border:#fca5a5;--alert-danger-border-left:#ef4444;--log-bg:#1e1e1e;--log-text:#d4d4d4;--log-border:rgba(255,255,255,0.05);--log-error-text:#ff5252;--log-error-bg:rgba(255,82,82,0.1);--log-warning-text:#ffb74d;--log-warning-bg:rgba(255,183,77,0.1);--log-info-text:#4caf50;--log-info-bg:rgba(76,175,80,0.1);--log-debug-text:#90caf9;--log-debug-bg:rgba(144,202,249,0.1);--log-header-bg:rgba(255,255,255,0.1);--log-header-text:#d4d4d4;--log-select-bg:rgba(255,255,255,0.2);--log-select-border:rgba(255,255,255,0.3);--log-empty-text:#888;--yaml-bg:#1e1e1e;--yaml-text:#d4d4d4;--yaml-border:#3e3e3e;--yaml-status-bg:#252525;--weather-alert-high-border:#dc3545;--weather-alert-high-bg:rgba(220,53,69,0.3);--weather-alert-normal-border:#ffc107;--weather-alert-normal-bg:rgba(255,193,7,0.3);--weather-alert-low-border:rgba(13,202,240,0.6);--weather-alert-low-bg:rgba(13,202,240,0.18);--quality-excellent-overlay:rgba(209,250,229,0.7);--quality-excellent-border:rgba(16,185,129,0.3);--quality-excellent-shadow:rgba(16,185,129,0.15);--quality-excellent-shadow-hover:rgba(16,185,129,0.25);--quality-good-overlay:rgba(219,234,254,0.7);--quality-good-border:rgba(30,64,175,0.3);--quality-good-shadow:rgba(30,64,175,0.15);--quality-good-shadow-hover:rgba(30,64,175,0.25);--quality-fair-overlay:rgba(254,243,199,0.7);--quality-fair-border:rgba(217,119,6,0.3);--quality-fair-shadow:rgba(217,119,6,0.15);--quality-fair-shadow-hover:rgba(217,119,6,0.25);--quality-poor-overlay:rgba(254,215,170,0.7);--quality-poor-border:rgba(234,88,12,0.3);--quality-poor-shadow:rgba(234,88,12,0.15);--quality-poor-shadow-hover:rgba(234,88,12,0.25);--quality-bad-overlay:rgba(254,202,202,0.7);--quality-bad-border:rgba(153,27,27,0.3);--quality-bad-shadow:rgba(153,27,27,0.15);--quality-bad-shadow-hover:rgba(153,27,27,0.25);--dew-minimal-bg:#ecfdf5;--dew-minimal-overlay:rgba(236,253,245,0.7);--dew-minimal-text:#047857;--dew-minimal-border:rgba(4,120,87,0.3);--dew-minimal-shadow:rgba(4,120,87,0.15);--dew-minimal-shadow-hover:rgba(4,120,87,0.25);--dew-low-bg:#f0fdf4;--dew-low-overlay:rgba(240,253,244,0.7);--dew-low-text:#16a34a;--dew-low-border:rgba(22,163,74,0.3);--dew-low-shadow:rgba(22,163,74,0.15);--dew-low-shadow-hover:rgba(22,163,74,0.25);--dew-moderate-bg:#fefce8;--dew-moderate-overlay:rgba(254,252,232,0.7);--dew-moderate-text:#ca8a04;--dew-moderate-border:rgba(202,138,4,0.3);--dew-moderate-shadow:rgba(202,138,4,0.15);--dew-moderate-shadow-hover:rgba(202,138,4,0.25);--dew-high-bg:#fed7aa;--dew-high-overlay:rgba(254,215,170,0.7);--dew-high-text:#ea580c;--dew-high-border:rgba(234,88,12,0.3);--dew-high-shadow:rgba(234,88,12,0.15);--dew-high-shadow-hover:rgba(234,88,12,0.25);--dew-critical-bg:#fee2e2;--dew-critical-overlay:rgba(254,226,226,0.7);--dew-critical-text:#dc2626;--dew-critical-border:rgba(220,38,38,0.3);--dew-critical-shadow:rgba(220,38,38,0.15);--dew-critical-shadow-hover:rgba(220,38,38,0.25);--dew-unknown-bg:#f1f5f9;--dew-unknown-overlay:rgba(241,245,249,0.7);--dew-unknown-text:#64748b;--dew-unknown-border:rgba(100,116,139,0.3);--dew-unknown-shadow:rgba(100,116,139,0.15);--dew-unknown-shadow-hover:rgba(100,116,139,0.25);--info-card-shadow:rgba(15,23,42,0.2);--info-card-border:rgba(255,255,255,0.2);--info-card-sheen:rgba(255,255,255,0.4);--moon-glow:rgba(255,250,224,0.9);--info-card-inner-bg:rgba(255,255,255,0.85);--info-card-inner-border:rgba(255,255,255,0.3);--info-card-inner-shadow:rgba(0,0,0,0.1);--info-card-inner-header-bg:rgba(255,255,255,0.9);--info-card-inner-list-bg:rgba(255,255,255,0.7);--info-card-inner-list-border:rgba(255,255,255,0.4);--photo-badge-bg:rgba(0,0,0,0.7)}html[data-theme="dark"]{--bg-gradient:linear-gradient(135deg,#0b1020 0,#131c2f 100%);--sun-gradient:linear-gradient(135deg,#b45309 0,#7c2d12 100%);--bg-violet:rgba(139,92,246,0.35);--bg-light:#111827;--surface-1:rgba(15,23,42,0.85);--surface-2:rgba(15,23,42,0.65);--surface-3:rgba(15,23,42,0.5);--surface-4:rgba(15,23,42,0.8);--surface-card:#0f172a;--surface-panel:rgba(15,23,42,0.95);--surface-border:rgba(148,163,184,0.2);--surface-border-strong:rgba(148,163,184,0.35);--surface-hover:rgba(139,92,246,0.12);--text-light:#f8fafc;--text-color:#e5e7eb;--text-grey:#a1a1aa;--text-violet:#a78bfa;--border-violet:#8b5cf6;--border-dark:#0f172a;--accent-1:#8b5cf6;--accent-2:#6366f1;--accent-soft:rgba(139,92,246,0.15);--accent-soft-strong:rgba(139,92,246,0.35);--accent-glow:rgba(139,92,246,0.35);--accent-glow-strong:rgba(139,92,246,0.55);--input-bg:#0b1220;--input-border:rgba(148,163,184,0.35);--input-focus-shadow:rgba(139,92,246,0.35);--alert-info-bg:rgba(59,130,246,0.18);--alert-info-text:#dbeafe;--alert-info-border:rgba(59,130,246,0.5);--alert-info-border-left:rgba(59,130,246,0.85);--alert-success-bg:rgba(34,197,94,0.18);--alert-success-text:#dcfce7;--alert-success-border:rgba(34,197,94,0.5);--alert-success-border-left:rgba(34,197,94,0.85);--alert-warning-bg:rgba(245,158,11,0.2);--alert-warning-text:#fef3c7;--alert-warning-border:rgba(245,158,11,0.55);--alert-warning-border-left:rgba(245,158,11,0.85);--alert-danger-bg:rgba(239,68,68,0.2);--alert-danger-text:#fee2e2;--alert-danger-border:rgba(239,68,68,0.55);--alert-danger-border-left:rgba(239,68,68,0.85);--log-bg:#0b1220;--log-text:#e5e7eb;--log-border:rgba(148,163,184,0.2);--log-error-text:#fca5a5;--log-error-bg:rgba(239,68,68,0.2);--log-warning-text:#fcd34d;--log-warning-bg:rgba(245,158,11,0.2);--log-info-text:#86efac;--log-info-bg:rgba(34,197,94,0.2);--log-debug-text:#93c5fd;--log-debug-bg:rgba(59,130,246,0.2);--log-header-bg:rgba(148,163,184,0.15);--log-header-text:#e5e7eb;--log-select-bg:rgba(148,163,184,0.2);--log-select-border:rgba(148,163,184,0.35);--log-empty-text:#94a3b8;--yaml-bg:#0b1220;--yaml-text:#e5e7eb;--yaml-border:rgba(148,163,184,0.35);--yaml-status-bg:rgba(15,23,42,0.9);--weather-alert-high-border:rgba(239,68,68,0.6);--weather-alert-high-bg:rgba(239,68,68,0.2);--weather-alert-normal-border:rgba(245,158,11,0.6);--weather-alert-normal-bg:rgba(245,158,11,0.2);--weather-alert-low-border:rgba(56,189,248,0.55);--weather-alert-low-bg:rgba(56,189,248,0.16);--info-card-shadow:rgba(15,23,42,0.45);--info-card-border:rgba(148,163,184,0.2);--info-card-sheen:rgba(248,250,252,0.12);--moon-glow:rgba(199,210,254,0.75);--info-card-inner-bg:rgba(15,23,42,0.75);--info-card-inner-border:rgba(148,163,184,0.35);--info-card-inner-shadow:rgba(0,0,0,0.3);--info-card-inner-header-bg:rgba(15,23,42,0.9);--info-card-inner-list-bg:rgba(15,23,42,0.6);--info-card-inner-list-border:rgba(148,163,184,0.35);--photo-badge-bg:rgba(0,0,0,0.6);--bs-secondary-color:#a1a1aa;--bs-body-secondary-color:#a1a1aa;--bs-primary:#8b5cf6;--bs-primary-rgb:139,92,246;--bs-primary-bg-subtle:rgba(139,92,246,0.2);--bs-primary-border-subtle:rgba(139,92,246,0.45);--bs-primary-text-emphasis:#c4b5fd;--bs-link-color:#a78bfa;--bs-link-hover-color:#c4b5fd;--success-50:rgba(16,185,129,0.3);--quality-excellent:rgba(16,185,129,0.18);--quality-excellent-text:#6ee7b7;--quality-good:rgba(59,130,246,0.18);--quality-good-text:#93c5fd;--quality-fair:rgba(245,158,11,0.18);--quality-fair-text:#fcd34d;--quality-poor:rgba(234,88,12,0.18);--quality-poor-text:#fdba74;--quality-bad:rgba(239,68,68,0.18);--quality-bad-text:#fca5a5;--quality-excellent-overlay:rgba(16,185,129,0.28);--quality-excellent-border:rgba(16,185,129,0.45);--quality-excellent-shadow:rgba(16,185,129,0.2);--quality-excellent-shadow-hover:rgba(16,185,129,0.35);--quality-good-overlay:rgba(59,130,246,0.28);--quality-good-border:rgba(59,130,246,0.45);--quality-good-shadow:rgba(59,130,246,0.2);--quality-good-shadow-hover:rgba(59,130,246,0.35);--quality-fair-overlay:rgba(245,158,11,0.28);--quality-fair-border:rgba(245,158,11,0.45);--quality-fair-shadow:rgba(245,158,11,0.2);--quality-fair-shadow-hover:rgba(245,158,11,0.35);--quality-poor-overlay:rgba(234,88,12,0.28);--quality-poor-border:rgba(234,88,12,0.45);--quality-poor-shadow:rgba(234,88,12,0.2);--quality-poor-shadow-hover:rgba(234,88,12,0.35);--quality-bad-overlay:rgba(239,68,68,0.28);--quality-bad-border:rgba(239,68,68,0.45);--quality-bad-shadow:rgba(239,68,68,0.2);--quality-bad-shadow-hover:rgba(239,68,68,0.35);--dew-minimal-bg:rgba(4,120,87,0.18);--dew-minimal-text:#6ee7b7;--dew-minimal-overlay:rgba(4,120,87,0.28);--dew-minimal-border:rgba(4,120,87,0.45);--dew-low-bg:rgba(22,163,74,0.18);--dew-low-text:#86efac;--dew-low-overlay:rgba(22,163,74,0.28);--dew-low-border:rgba(22,163,74,0.45);--dew-moderate-bg:rgba(202,138,4,0.18);--dew-moderate-text:#fde047;--dew-moderate-overlay:rgba(202,138,4,0.28);--dew-moderate-border:rgba(202,138,4,0.45);--dew-high-bg:rgba(234,88,12,0.18);--dew-high-text:#fdba74;--dew-high-overlay:rgba(234,88,12,0.28);--dew-high-border:rgba(234,88,12,0.45);--dew-critical-bg:rgba(220,38,38,0.18);--dew-critical-text:#fca5a5;--dew-critical-overlay:rgba(220,38,38,0.28);--dew-critical-border:rgba(220,38,38,0.45);--dew-unknown-bg:rgba(100,116,139,0.18);--dew-unknown-text:#cbd5e1;--dew-unknown-overlay:rgba(100,116,139,0.28);--dew-unknown-border:rgba(100,116,139,0.45)}html[data-theme="red"]{--bg-gradient:linear-gradient(135deg,#180000 0,#200 100%);--sun-gradient:linear-gradient(135deg,#a11a1a 0,#5f0f0f 100%);--bg-violet:rgba(255,77,77,0.35);--bg-light:#1a0505;--surface-1:rgba(32,0,0,0.85);--surface-2:rgba(32,0,0,0.65);--surface-3:rgba(32,0,0,0.5);--surface-4:rgba(32,0,0,0.8);--surface-card:#140000;--surface-panel:rgba(32,0,0,0.95);--surface-border:rgba(255,120,120,0.2);--surface-border-strong:rgba(255,120,120,0.35);--surface-hover:rgba(255,90,90,0.15);--text-light:#ffecec;--text-color:#ffd1d1;--text-grey:#e6a3a3;--text-violet:#ff6b6b;--border-violet:#ff4d4d;--border-dark:#140000;--accent-1:#ff6b6b;--accent-2:#ff3b3b;--accent-soft:rgba(255,90,90,0.2);--accent-soft-strong:rgba(255,90,90,0.4);--accent-glow:rgba(255,90,90,0.45);--accent-glow-strong:rgba(255,90,90,0.65);--input-bg:#120000;--input-border:rgba(255,120,120,0.4);--input-focus-shadow:rgba(255,90,90,0.35);--alert-info-bg:rgba(255,90,90,0.18);--alert-info-text:#ffecec;--alert-info-border:rgba(255,120,120,0.55);--alert-info-border-left:rgba(255,120,120,0.85);--alert-success-bg:rgba(34,197,94,0.18);--alert-success-text:#ecfccb;--alert-success-border:rgba(34,197,94,0.55);--alert-success-border-left:rgba(34,197,94,0.85);--alert-warning-bg:rgba(245,158,11,0.2);--alert-warning-text:#ffedd5;--alert-warning-border:rgba(245,158,11,0.6);--alert-warning-border-left:rgba(245,158,11,0.85);--alert-danger-bg:rgba(239,68,68,0.25);--alert-danger-text:#ffe4e6;--alert-danger-border:rgba(239,68,68,0.65);--alert-danger-border-left:rgba(239,68,68,0.9);--bs-primary:#ff4d4d;--bs-primary-rgb:255,77,77;--bs-secondary:#ffb3b3;--bs-link-color:#ffb3b3;--bs-link-hover-color:#ffd1d1;--log-bg:#120000;--log-text:#ffd1d1;--log-border:rgba(255,120,120,0.15);--log-error-text:#ff6b6b;--log-error-bg:rgba(255,90,90,0.2);--log-warning-text:#ffd08a;--log-warning-bg:rgba(245,158,11,0.2);--log-info-text:#a7f3d0;--log-info-bg:rgba(34,197,94,0.2);--log-debug-text:#fecdd3;--log-debug-bg:rgba(255,120,120,0.2);--log-header-bg:rgba(255,120,120,0.12);--log-header-text:#ffd1d1;--log-select-bg:rgba(255,120,120,0.2);--log-select-border:rgba(255,120,120,0.35);--log-empty-text:#e6a3a3;--yaml-bg:#120000;--yaml-text:#ffd1d1;--yaml-border:rgba(255,120,120,0.35);--yaml-status-bg:rgba(32,0,0,0.9);--weather-alert-high-border:rgba(255,120,120,0.7);--weather-alert-high-bg:rgba(255,90,90,0.25);--weather-alert-normal-border:rgba(245,158,11,0.65);--weather-alert-normal-bg:rgba(245,158,11,0.2);--weather-alert-low-border:rgba(125,211,252,0.6);--weather-alert-low-bg:rgba(56,189,248,0.14);--info-card-shadow:rgba(0,0,0,0.45);--info-card-border:rgba(255,120,120,0.2);--info-card-sheen:rgba(255,236,236,0.12);--moon-glow:rgba(255,190,190,0.7);--info-card-inner-bg:rgba(32,0,0,0.75);--info-card-inner-border:rgba(255,120,120,0.35);--info-card-inner-shadow:rgba(0,0,0,0.3);--info-card-inner-header-bg:rgba(32,0,0,0.9);--info-card-inner-list-bg:rgba(32,0,0,0.6);--info-card-inner-list-border:rgba(255,120,120,0.35);--photo-badge-bg:rgba(0,0,0,0.55);--bs-secondary-color:#e6a3a3;--bs-body-secondary-color:#e6a3a3;--bs-primary-bg-subtle:rgba(255,77,77,0.2);--bs-primary-border-subtle:rgba(255,77,77,0.45);--bs-primary-text-emphasis:#ffb3b3;--success-50:rgba(255,90,90,0.3);--quality-excellent:rgba(16,185,129,0.18);--quality-excellent-text:#6ee7b7;--quality-good:rgba(255,90,90,0.18);--quality-good-text:#ffb3b3;--quality-fair:rgba(245,158,11,0.18);--quality-fair-text:#fcd34d;--quality-poor:rgba(234,88,12,0.18);--quality-poor-text:#fdba74;--quality-bad:rgba(239,68,68,0.2);--quality-bad-text:#fca5a5;--quality-excellent-overlay:rgba(16,185,129,0.28);--quality-excellent-border:rgba(16,185,129,0.45);--quality-good-overlay:rgba(255,90,90,0.28);--quality-good-border:rgba(255,90,90,0.45);--quality-fair-overlay:rgba(245,158,11,0.28);--quality-fair-border:rgba(245,158,11,0.45);--quality-poor-overlay:rgba(234,88,12,0.28);--quality-poor-border:rgba(234,88,12,0.45);--quality-bad-overlay:rgba(239,68,68,0.3);--quality-bad-border:rgba(239,68,68,0.5);--dew-minimal-bg:rgba(4,120,87,0.18);--dew-minimal-text:#6ee7b7;--dew-minimal-overlay:rgba(4,120,87,0.28);--dew-minimal-border:rgba(4,120,87,0.45);--dew-low-bg:rgba(22,163,74,0.18);--dew-low-text:#86efac;--dew-low-overlay:rgba(22,163,74,0.28);--dew-low-border:rgba(22,163,74,0.45);--dew-moderate-bg:rgba(202,138,4,0.18);--dew-moderate-text:#fde047;--dew-moderate-overlay:rgba(202,138,4,0.28);--dew-moderate-border:rgba(202,138,4,0.45);--dew-high-bg:rgba(234,88,12,0.18);--dew-high-text:#fdba74;--dew-high-overlay:rgba(234,88,12,0.28);--dew-high-border:rgba(234,88,12,0.45);--dew-critical-bg:rgba(220,38,38,0.2);--dew-critical-text:#fca5a5;--dew-critical-overlay:rgba(220,38,38,0.3);--dew-critical-border:rgba(220,38,38,0.5);--dew-unknown-bg:rgba(255,120,120,0.15);--dew-unknown-text:#ffd1d1;--dew-unknown-overlay:rgba(255,120,120,0.25);--dew-unknown-border:rgba(255,120,120,0.4)}