:root{--md-color-primary:#1e88e5;--md-color-on-primary:#fff;--md-color-secondary:#29b6f6;--md-color-on-secondary:#07263a;--md-color-background:#f6f8fa;--md-color-on-background:#111;--md-color-surface:#fff;--md-color-on-surface:#111;--md-color-surface-variant:#eceff3;--md-color-on-surface-variant:#41474d;--md-color-outline:#b6bcc6;--md-color-error:#b00020;--md-color-on-error:#fff;--elevation-1:0 1px 2px rgba(16,24,40,.06);--elevation-2:0 2px 8px rgba(16,24,40,.08);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--touch-target-min:44px;--spacing-mobile:12px}@media (prefers-color-scheme:dark){:root{--md-color-primary:#64b5f6;--md-color-on-primary:#081018;--md-color-secondary:#29b6f6;--md-color-on-secondary:#071318;--md-color-background:#0a0f1a;--md-color-on-background:#fff;--md-color-surface:#0b1220;--md-color-on-surface:#fff;--md-color-surface-variant:#1f2937;--md-color-on-surface-variant:#d1d5db;--md-color-outline:#374151;--md-color-error:#cf6679;--md-color-on-error:#0b0f14;--elevation-1:0 1px 2px rgba(0,0,0,.35);--elevation-2:0 2px 12px rgba(0,0,0,.4)}}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--md-color-on-background);background:var(--md-color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{box-sizing:border-box}a{color:var(--md-color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:600}.btn--primary{background:var(--md-color-primary);border-color:var(--md-color-primary);color:var(--md-color-on-primary)}.btn--ghost{background:transparent;border-color:color-mix(in srgb,var(--md-color-on-surface),transparent 75%);color:var(--md-color-on-surface)}.btn:disabled{opacity:.6;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:var(--md-color-surface-variant);color:var(--md-color-on-surface-variant);border:1px solid var(--md-color-outline)}.chip:hover{text-decoration:none}.card{background:var(--md-color-surface);border:1px solid var(--md-color-outline);border-radius:12px;box-shadow:var(--elevation-1)}.card,.input{color:var(--md-color-on-surface)}.input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--md-color-outline);background:color-mix(in srgb,var(--md-color-surface),var(--md-color-on-surface) 4%)}.input::placeholder{color:color-mix(in srgb,var(--md-color-on-surface),transparent 55%)}.input:focus{outline:2px solid color-mix(in srgb,var(--md-color-primary),transparent 60%);border-color:color-mix(in srgb,var(--md-color-primary),var(--md-color-outline) 65%)}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}@media (max-width:768px){.btn{padding:12px 16px;font-size:15px}.btn,.input{min-height:44px}.input{padding:12px 14px;font-size:16px}.chip{min-height:36px;padding:8px 12px;font-size:13px}select,textarea{min-height:44px;font-size:16px}}.mobile-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(320px,85vw);background:rgba(17,24,39,.98);transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-sidebar.open{transform:translateX(0)}.hamburger-btn{display:none;background:none;border:none;padding:8px;cursor:pointer;color:inherit}@media (max-width:768px){.hamburger-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.desktop-nav-links,.desktop-user-info{display:none!important}.modal-content{width:95vw!important;max-width:none!important;max-height:90vh!important;margin:5vh auto!important;border-radius:12px!important}}.scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto}@supports (padding:max(0px)){.safe-area-top{padding-top:max(12px,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(12px,env(safe-area-inset-bottom))}}.map-sidebar-toggle{display:none;position:fixed;bottom:20px;left:20px;width:56px;height:56px;border-radius:50%;background:#2563eb;color:#fff;border:none;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:100;cursor:pointer;font-size:24px;align-items:center;justify-content:center;transition:transform .2s,background .2s}.map-sidebar-toggle:active{transform:scale(.95);background:#1d4ed8}@media (max-width:768px){.map-sidebar-toggle{display:flex}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr!important}.mapboxgl-ctrl-group button{width:36px!important;height:36px!important}.mapboxgl-ctrl-group{margin:8px!important}.mapboxgl-ctrl-attrib{font-size:9px!important;padding:2px 4px!important}.mapboxgl-ctrl-attrib-button{width:20px!important;height:20px!important}}