:root{color-scheme:light;--primary:#175532;--primary-light:#4CAF50;--secondary:#8BC34A;--background:#F8FAF9;--surface:#FFFFFF;--surface-2:#F9FAFB;--surface-3:#F3F4F6;--surface-glass:rgba(255,255,255,0.65);--surface-glass-strong:rgba(255,255,255,0.92);--glass-border:rgba(255,255,255,0.5);--text:#1F2937;--text-secondary:#6B7280;--text-muted:#9CA3AF;--text-strong:#111827;--border:#E5E7EB;--input-bg:#FFFFFF;--input-border:#D1D5DB;--success:#059669;--success-bg:#D1FAE5;--success-fg:#065F46;--warning:#D97706;--warning-bg:#FEF3C7;--warning-fg:#92400E;--error:#DC2626;--error-bg:#FEE2E2;--error-fg:#991B1B;--info:#0284C7;--info-bg:#E0F2FE;--info-fg:#0369A1;--accent:#7C3AED;--accent-bg:#EDE9FE;--accent-fg:#6D28D9;--bg-blend:normal;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--radius-lg:16px;--radius-xl:24px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--primary:#388E3C;--primary-light:#4CAF50;--secondary:#8BC34A;--background:#141A15;--surface:#1A211E;--surface-2:#232B27;--surface-3:#2B342F;--surface-glass:rgba(26,33,30,0.72);--surface-glass-strong:rgba(20,26,23,0.92);--glass-border:rgba(255,255,255,0.08);--text:#E6EAE7;--text-secondary:#A2ACA6;--text-muted:#78827C;--text-strong:#F4F7F5;--border:#333B37;--input-bg:#1E2622;--input-border:#3A443F;--success:#34D399;--success-bg:#123528;--success-fg:#6EE7B7;--warning:#FBBF24;--warning-bg:#3A2E12;--warning-fg:#FCD34D;--error:#F87171;--error-bg:#3A1D1D;--error-fg:#FCA5A5;--info:#38BDF8;--info-bg:#12303A;--info-fg:#7DD3FC;--accent:#A78BFA;--accent-bg:#2A2140;--accent-fg:#C4B5FD;--bg-blend:multiply;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.4);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.5),0 2px 4px -1px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.6),0 4px 6px -2px rgba(0,0,0,0.5)}}:root[data-theme=dark]{color-scheme:dark;--primary:#388E3C;--primary-light:#4CAF50;--secondary:#8BC34A;--background:#141A15;--surface:#1A211E;--surface-2:#232B27;--surface-3:#2B342F;--surface-glass:rgba(26,33,30,0.72);--surface-glass-strong:rgba(20,26,23,0.92);--glass-border:rgba(255,255,255,0.08);--text:#E6EAE7;--text-secondary:#A2ACA6;--text-muted:#78827C;--text-strong:#F4F7F5;--border:#333B37;--input-bg:#1E2622;--input-border:#3A443F;--success:#34D399;--success-bg:#123528;--success-fg:#6EE7B7;--warning:#FBBF24;--warning-bg:#3A2E12;--warning-fg:#FCD34D;--error:#F87171;--error-bg:#3A1D1D;--error-fg:#FCA5A5;--info:#38BDF8;--info-bg:#12303A;--info-fg:#7DD3FC;--accent:#A78BFA;--accent-bg:#2A2140;--accent-fg:#C4B5FD;--bg-blend:multiply;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.4);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.5),0 2px 4px -1px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.6),0 4px 6px -2px rgba(0,0,0,0.5)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:clip;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--background);background-image:url(/assets/Back_1-mobil.webp);background-size:cover;background-position:50%;background-attachment:fixed;background-blend-mode:var(--bg-blend);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}@media (min-width:1025px){body,html{background-image:url(/assets/Back_1.webp)}}h1{font-size:1.875rem;font-weight:700}h1,h2{color:var(--text);letter-spacing:-.025em}h2{font-size:1.5rem}h2,h3{font-weight:600}h3{font-size:1.25rem;color:var(--text)}p{color:var(--text-secondary);line-height:1.6}.glass-panel{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);transition:all .3s ease}.page-header{color:#FFFFFF!important;text-shadow:0 2px 8px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.3)}.page-header svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.page-subtitle{color:rgba(255,255,255,.85)!important;text-shadow:0 1px 4px rgba(0,0,0,.4)}.page-header-muted{color:rgba(255,255,255,.7)!important;text-shadow:0 1px 3px rgba(0,0,0,.3)}.settings-actionbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:.75rem;background-color:var(--surface);box-shadow:0 2px 10px rgba(0,0,0,.08)}.settings-actionbar-status{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.settings-actionbar-buttons{display:flex;gap:.5rem;align-items:center;margin-left:auto}.settings-group{margin:1.75rem 0 .6rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.85);text-shadow:0 1px 4px rgba(0,0,0,.4)}.map-header{justify-content:space-between;gap:.75rem;margin-bottom:1.5rem;position:relative;z-index:10}.map-header,.map-toolbar{display:flex;align-items:center}.map-toolbar{gap:.5rem;flex-wrap:wrap}@media (max-width:767px){.map-header{flex-direction:column;align-items:stretch}.map-toolbar{width:100%}.map-toolbar>.map-toolbar-primary{order:-1;flex:1 1 100%;justify-content:center}.map-toolbar>button,.map-toolbar>div{flex:1 1 auto;justify-content:center}}.hof-kpi-grid{grid-template-columns:1fr 1fr}.hof-quicklinks-grid{grid-template-columns:repeat(3,1fr)}@media (min-width:768px){.hof-kpi-grid{grid-template-columns:repeat(4,1fr)}.hof-quicklinks-grid{grid-template-columns:repeat(5,1fr)}}