:root{color-scheme:light;--primary:#175532;--primary-light:#4CAF50;--secondary:#8BC34A;--background:#F3F6F2;--surface:#F7F9F6;--surface-2:#EDF1EC;--surface-3:#E2E8E1;--surface-glass:rgba(236,240,234,0.88);--surface-glass-strong:rgba(247,249,246,0.96);--glass-border:rgba(255,255,255,0.74);--tile-border:rgba(55,76,63,0.14);--text:#26322B;--text-secondary:#46564D;--text-muted:#4F5E55;--text-strong:#17231C;--border:#D6DED5;--input-bg:#FBFCFA;--input-border:#C5D0C4;--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;--font-size-page-title:clamp(1.55rem,3.2vw,2rem);--font-size-page-subtitle:0.86rem;--font-size-eyebrow:0.76rem;--font-weight-page-title:750;--letter-spacing-eyebrow:0.045em}@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.88);--surface-glass-strong:rgba(20,26,23,0.96);--glass-border:rgba(255,255,255,0.08);--tile-border:rgba(166,190,175,0.16);--text:#E6EAE7;--text-secondary:#B0BAB4;--text-muted:#93A099;--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.88);--surface-glass-strong:rgba(20,26,23,0.96);--glass-border:rgba(255,255,255,0.08);--tile-border:rgba(166,190,175,0.16);--text:#E6EAE7;--text-secondary:#B0BAB4;--text-muted:#93A099;--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)}.page-back-tile,.page-heading-tile,.page-section-tile,.page-toolbar-tile{border:1px solid var(--tile-border);background:var(--surface-glass);box-shadow:var(--shadow-md);backdrop-filter:blur(16px) saturate(108%);-webkit-backdrop-filter:blur(16px) saturate(108%)}.page-heading-tile{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.9rem;margin-bottom:1rem;padding:1rem 1.1rem;border-radius:var(--radius-xl)}.page-heading-tile>div{min-width:0}.page-section-tile{padding:.85rem 1rem;border-radius:var(--radius-lg)}.page-toolbar-tile{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem;border-radius:var(--radius-lg)}.page-back-tile{display:inline-flex!important;min-height:42px;align-items:center;gap:.4rem;margin-bottom:.75rem!important;padding:.55rem .75rem!important;border-radius:.75rem;color:var(--text)!important;text-shadow:none!important}.state-tile{width:min(calc(100% - 2rem),480px);margin-right:auto;margin-left:auto;padding:1.25rem;border:1px solid var(--tile-border);border-radius:var(--radius-xl);background:var(--surface-glass);box-shadow:var(--shadow-md);color:var(--text);text-align:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.page-heading-tile h1,.page-heading-tile h2,.page-heading-tile h3,.page-section-tile h1,.page-section-tile h2,.page-section-tile h3{color:var(--text-strong)}.page-heading-tile h1{font-size:var(--font-size-page-title)!important;font-weight:var(--font-weight-page-title)!important;line-height:1.15;letter-spacing:-.025em}.page-section-tile h2,.page-section-tile h3{font-size:1.08rem;font-weight:680;line-height:1.3}.page-heading-tile p,.page-section-tile p{color:var(--text-secondary);font-size:var(--font-size-page-subtitle);line-height:1.5}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);transition:all .3s ease}.page-header{color:var(--text-strong)!important;text-shadow:none}.page-header svg{color:var(--primary);filter:none}.page-subtitle{color:var(--text-secondary)!important;text-shadow:none}.page-header-muted{color:var(--text-muted)!important;text-shadow:none}.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{width:fit-content;margin:1.5rem 0 .6rem;padding:.48rem .72rem;border:1px solid var(--tile-border);border-radius:.7rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);text-shadow:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.map-header,.settings-group{background:var(--surface-glass)}.map-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;border:1px solid var(--tile-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;z-index:10}.map-view{height:calc(100vh - 180px);min-height:480px;overflow:hidden;border:1px solid var(--tile-border);border-radius:1rem;background:var(--surface-glass)}.map-toolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}@media (max-width:767px){.page-heading-tile{padding:.85rem}.map-header,.page-heading-tile{align-items:stretch;flex-direction:column}.map-view{height:calc(100dvh - 290px);min-height:420px}.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)}}