@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Courier New", Courier, monospace;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--ease-out-soft:cubic-bezier(.16, 1, .3, 1);--ease-out-bounce:cubic-bezier(.175, .885, .32, 1.275);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--theme-transition:background-color .35s var(--ease-in-out), color .35s var(--ease-in-out), border-color .35s var(--ease-in-out), box-shadow .35s var(--ease-in-out)}.theme-light{--bg-primary:#fdfcf9;--bg-surface:#f5f2ea;--bg-elevated:#fff;--text-primary:#1a1917;--text-secondary:#6b6559;--text-muted:#9e9687;--border-color:#e6e1d7;--border-strong:#d4cdbe;--color-primary:#4a6741;--color-primary-light:#5b7e50;--color-primary-rgb:74, 103, 65;--color-success:#3b8a6b;--color-success-rgb:59, 138, 107;--color-warning:#f0b624;--color-warning-rgb:240, 182, 36;--color-accent:#e07a5f;--color-accent-rgb:224, 122, 95;--color-river:#4a85b8;--glass-bg:#f5f2eab8;--glass-bg-strong:#fdfcf9eb;--glass-border:#1a191714;--shadow-xs:0 1px 2px #4a67410a;--shadow-sm:0 2px 8px #4a67410f, 0 1px 2px #00000008;--shadow-md:0 6px 20px #4a674114, 0 2px 6px #0000000a;--shadow-lg:0 14px 40px #4a67411f, 0 4px 12px #0000000d;--shadow-xl:0 24px 60px #4a67412e, 0 8px 20px #00000014;--card-shadow:var(--shadow-md);--glow-primary:0 0 24px #4a674147;--glow-accent:0 0 24px #e07a5f59;--glow-shadow:var(--glow-primary);--gradient-primary:linear-gradient(135deg, #5b7e50 0%, #3f5a38 100%);--gradient-accent:linear-gradient(135deg, #f0b16a 0%, #e07a5f 60%, #c5604e 100%);--gradient-sun:linear-gradient(135deg, #f0b624 0%, #e07a5f 100%);--gradient-amazon:linear-gradient(135deg, #3b8a6b 0%, #4a6741 50%, #e07a5f 100%);--gradient-glass:linear-gradient(135deg, #ffffffa6 0%, #f5f2ea73 100%);--gradient-surface:linear-gradient(180deg, var(--bg-elevated) 0%, var(--bg-surface) 100%);--ambient-glow:radial-gradient(60% 50% at 50% 10%, #f0b6242e 0%, transparent 70%), radial-gradient(70% 60% at 50% 90%, #4a674124 0%, transparent 70%)}.theme-dark{--bg-primary:#12110f;--bg-surface:#1a1917;--bg-elevated:#221f1b;--text-primary:#fdfcf9;--text-secondary:#afa89c;--text-muted:#736e64;--border-color:#2d2a26;--border-strong:#3a362f;--color-primary:#638558;--color-primary-light:#7a9e6e;--color-primary-rgb:99, 133, 88;--color-success:#0ebb62;--color-success-rgb:14, 187, 98;--color-warning:#facc15;--color-warning-rgb:250, 204, 21;--color-accent:#e07a5f;--color-accent-rgb:224, 122, 95;--color-river:#2a5c8a;--glass-bg:#1a1917b8;--glass-bg-strong:#221f1beb;--glass-border:#fdfcf914;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 8px #00000059, 0 1px 2px #00000040;--shadow-md:0 8px 24px #00000073, 0 2px 6px #0000004d;--shadow-lg:0 18px 44px #0000008c, 0 4px 12px #00000059;--shadow-xl:0 28px 70px #000000a6, 0 8px 20px #0006;--card-shadow:var(--shadow-md);--glow-primary:0 0 28px #63855873;--glow-accent:0 0 28px #e07a5f73;--glow-shadow:var(--glow-primary);--gradient-primary:linear-gradient(135deg, #7a9e6e 0%, #4f6c45 100%);--gradient-accent:linear-gradient(135deg, #f0b16a 0%, #e07a5f 60%, #b85240 100%);--gradient-sun:linear-gradient(135deg, #facc15 0%, #e07a5f 100%);--gradient-amazon:linear-gradient(135deg, #0ebb62 0%, #638558 50%, #e07a5f 100%);--gradient-glass:linear-gradient(135deg, #221f1bd9 0%, #1a19178c 100%);--gradient-surface:linear-gradient(180deg, var(--bg-elevated) 0%, var(--bg-surface) 100%);--ambient-glow:radial-gradient(60% 50% at 50% 10%, #facc151a 0%, transparent 70%), radial-gradient(70% 60% at 50% 90%, #6385582e 0%, transparent 70%)}body{font-family:var(--font-sans);color:var(--text-primary);min-height:100vh;transition:var(--theme-transition);background:radial-gradient(at 0 0,#ece8df 0%,#0000 50%),radial-gradient(at 100% 100%,#dfe3dc 0%,#0000 50%),#e5e5e3;justify-content:center;align-items:center;display:flex;overflow:hidden}#root{width:100%;min-height:100dvh}.mobile-web-layout{background-color:var(--bg-primary);background-image:var(--ambient-glow);width:100vw;height:100dvh;min-height:100dvh;color:var(--text-primary);transition:var(--theme-transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.mobile-web-content{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.mobile-theme-toggle{right:calc(16px + env(safe-area-inset-right));bottom:calc(92px + env(safe-area-inset-bottom));z-index:997;color:#fff;cursor:pointer;width:48px;height:48px;transition:transform .25s var(--ease-out-bounce), box-shadow .25s ease;background-color:#111;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 8px 20px #00000059}.mobile-web-bottom-nav{height:calc(72px + env(safe-area-inset-bottom));padding:0 14px calc(10px + env(safe-area-inset-bottom)) 14px;flex-shrink:0}.mobile-shell-wrapper{perspective:1400px;justify-content:center;align-items:center;width:100%;max-width:460px;height:100vh;display:flex;position:relative}.mobile-shell-wrapper:before{content:"";filter:blur(60px);z-index:-1;opacity:.85;background:radial-gradient(circle at 30% 20%,#f0b6242e 0%,#0000 55%),radial-gradient(circle at 70% 80%,#4a674133 0%,#0000 55%),radial-gradient(circle at 80% 30%,#e07a5f1f 0%,#0000 50%);width:520px;height:900px;animation:18s ease-in-out infinite alternate ambient-drift;position:absolute}@keyframes ambient-drift{0%{transform:translate(-10px,-10px)scale(1)}to{transform:translate(10px,10px)scale(1.05)}}.mobile-shell{background-color:var(--bg-primary);background-image:var(--ambient-glow);will-change:transform;width:390px;height:844px;transition:var(--theme-transition);border:11px solid #1a1917;border-radius:52px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #00000080,0 0 0 1.5px #3a3631,0 0 0 5px #14130f,inset 0 0 12px #0000008c,inset 0 1px #ffffff0d}.mobile-shell:after{content:"";pointer-events:none;z-index:1001;background:linear-gradient(105deg,#0000 40%,#ffffff0a 50%,#0000 60%);border-radius:40px;width:100%;height:100%;position:absolute;top:0;left:0}.mobile-notch{z-index:1000;pointer-events:none;background:linear-gradient(#0a0a08 0%,#14130f 100%);border-radius:22px;justify-content:flex-end;align-items:center;width:118px;height:34px;padding-right:10px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #ffffff0f,0 2px 6px #00000073}.mobile-notch:before{content:"";background:radial-gradient(circle at 35% 35%,#1a3552 0%,#0a1a2f 70%);border-radius:50%;width:9px;height:9px;box-shadow:inset 0 1px 1px #ffffff26}.mobile-notch:after{content:"";background:#050505;border-radius:3px;width:38px;height:4px;position:absolute;top:50%;left:22px;transform:translateY(-50%);box-shadow:inset 0 1px 1px #ffffff0a}.mobile-status-bar{height:50px;font-size:13px;font-weight:700;font-family:var(--font-sans);z-index:999;color:var(--text-primary);pointer-events:none;letter-spacing:-.2px;background-color:#0000;justify-content:space-between;align-items:flex-end;padding:0 28px;display:flex}.status-bar-time{font-variant-numeric:tabular-nums;padding-bottom:4px}.status-bar-icons{align-items:center;gap:6px;padding-bottom:4px;display:flex}.status-bar-icon{width:16px;height:16px}.mobile-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.mobile-home-indicator-container{z-index:999;pointer-events:none;justify-content:center;align-items:center;width:100%;height:24px;display:flex;position:absolute;bottom:0;left:0}.mobile-home-indicator{background-color:var(--text-primary);opacity:.45;border-radius:3px;width:124px;height:5px}.bottom-nav{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(24px)saturate(180%);border-top:1px solid var(--glass-border);z-index:998;height:78px;transition:var(--theme-transition);justify-content:space-around;align-items:center;padding:0 14px 14px;display:flex;position:relative}.bottom-nav:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--color-primary-rgb), .4), transparent);pointer-events:none;height:1px;position:absolute;top:0;left:20%;right:20%}.nav-tab{color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);letter-spacing:.2px;transition:color .25s var(--ease-in-out), transform .25s var(--ease-out-bounce);z-index:1;background:0 0;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:64px;padding:8px 14px;font-size:10px;font-weight:700;display:flex;position:relative}.nav-tab svg{transition:transform .3s var(--ease-out-bounce), filter .3s ease;stroke-width:2px}.nav-tab:hover{color:var(--text-secondary)}.nav-tab:hover svg{transform:translateY(-2px)}.nav-tab.active{color:var(--color-primary)}.nav-tab.active svg{stroke-width:2.5px;filter:drop-shadow(0 4px 8px rgba(var(--color-primary-rgb), .35));transform:scale(1.15)translateY(-3px)}.nav-tab.active:before{content:"";background:radial-gradient(circle, rgba(var(--color-primary-rgb), .16) 0%, transparent 70%);z-index:-1;width:44px;height:32px;animation:fade-in .3s var(--ease-out-soft) forwards;border-radius:50%;position:absolute;top:4px;left:50%;transform:translate(-50%)}.nav-tab.active:after{content:"";background:var(--color-primary);width:4px;height:4px;box-shadow:0 0 8px rgba(var(--color-primary-rgb), .7);animation:scale-in .3s var(--ease-out-bounce) forwards;border-radius:50%;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px)saturate(160%);border:1px solid var(--glass-border);transition:var(--theme-transition)}.glass-strong{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border)}.card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease-in-out), box-shadow .25s var(--ease-in-out), border-color .25s var(--ease-in-out)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-2px)}.spotlight-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:transform .25s var(--ease-in-out), box-shadow .25s var(--ease-in-out), border-color .25s var(--ease-in-out);background-image:linear-gradient(#ffffff0a,#0000);position:relative;overflow:hidden}.spotlight-card:hover{box-shadow:var(--shadow-lg);border-color:rgba(var(--color-primary-rgb), .35);transform:translateY(-3px)}.spotlight-card:before{content:"";background:radial-gradient(420px circle at var(--x,-100px) var(--y,-100px), rgba(var(--color-accent-rgb), .16), rgba(var(--color-primary-rgb), .1) 35%, transparent 70%);pointer-events:none;opacity:0;z-index:1;border-radius:inherit;width:100%;height:100%;transition:opacity .35s;position:absolute;top:0;left:0}.spotlight-card:hover:before{opacity:1}.card-premium{border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-md);isolation:isolate;position:relative}.card-premium:before{content:"";border-radius:inherit;background:linear-gradient(135deg, rgba(var(--color-primary-rgb), .5), rgba(var(--color-accent-rgb), .3), transparent 60%);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;box-shadow:0 6px 18px rgba(var(--color-primary-rgb), .3), inset 0 1px 0 #ffffff2e;transition:transform .2s var(--ease-out-bounce), box-shadow .2s ease, filter .2s ease;border:none;justify-content:center;align-items:center;gap:6px;font-weight:700;display:inline-flex}.btn-primary:hover{box-shadow:0 10px 26px rgba(var(--color-primary-rgb), .4), inset 0 1px 0 #ffffff2e;filter:brightness(1.05);transform:translateY(-1px)}.btn-primary:active{filter:brightness(.95);transform:translateY(0)}.btn-accent{background:var(--gradient-accent);color:#fff;border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;box-shadow:0 6px 18px rgba(var(--color-accent-rgb), .32), inset 0 1px 0 #ffffff2e;transition:transform .2s var(--ease-out-bounce), box-shadow .2s ease, filter .2s ease;border:none;font-weight:700}.btn-accent:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-ghost{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;font-weight:700;transition:background .2s,transform .15s,border-color .2s}.btn-ghost:hover{background:var(--bg-elevated);border-color:var(--border-strong);transform:translateY(-1px)}@keyframes pulse-pin{0%{box-shadow:0 0 0 0 rgba(var(--color-primary-rgb), .4);transform:scale(.92)}70%{box-shadow:0 0 0 10px rgba(var(--color-primary-rgb), 0);transform:scale(1.12)}to{box-shadow:0 0 0 0 rgba(var(--color-primary-rgb), 0);transform:scale(.92)}}.pulse{animation:pulse-pin 2s infinite var(--ease-in-out)}@keyframes radar-wave{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.radar-wave-effect{border:2px solid var(--color-success);pointer-events:none;border-radius:50%;width:32px;height:32px;animation:1.4s cubic-bezier(.1,.8,.3,1) infinite radar-wave;position:absolute}@keyframes slide-up{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up .45s var(--ease-out-soft) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .35s var(--ease-in-out) forwards}@keyframes scale-in{0%{opacity:0;transform:translate(-50%)scale(.5)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes holographic{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hologram-glow{background:linear-gradient(135deg,#facc152e 0%,#3b8a6b33 25%,#e07a5f2e 55%,#4a674138 100%) 0 0/300% 300%;animation:9s infinite holographic}@keyframes shimmer-sweep{0%{transform:translate(-150%)skew(-20deg)}to{transform:translate(250%)skew(-20deg)}}.shimmer-sweep:after{content:"";width:60%;height:100%;animation:shimmer-sweep 4.5s var(--ease-in-out) infinite;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1f 50%,#0000);position:absolute;top:0;left:0}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.float-soft{animation:float-soft 4s var(--ease-in-out) infinite}@keyframes glow-breathe{0%,to{box-shadow:0 0 0 0 rgba(var(--color-primary-rgb), .45)}50%{box-shadow:0 0 0 8px rgba(var(--color-primary-rgb), 0)}}.glow-breathe{animation:glow-breathe 2.2s var(--ease-in-out) infinite}@keyframes route-flow{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-track{background:0 0}.custom-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(var(--color-primary-rgb), .55);outline-offset:2px;border-radius:var(--radius-xs)}input,select,textarea{transition:border-color .2s,box-shadow .2s,background-color .2s}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .15);border-color:rgba(var(--color-primary-rgb), .55)!important}::selection{background:rgba(var(--color-primary-rgb), .25);color:var(--text-primary)}.leaflet-container{width:100%;height:100%;font-family:var(--font-sans)!important;background-color:var(--bg-primary)!important}.leaflet-control-attribution{display:none!important}.custom-leaflet-marker,.custom-leaflet-marker-cluster{will-change:transform;transform:translate(0,0);background:0 0!important;border:none!important}@keyframes marker-appear{0%{opacity:0;transform:scale(.75)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-marker-appear{animation:.85s cubic-bezier(.22,1,.36,1) forwards marker-appear}@keyframes marker-disappear{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.78)translateY(4px)}}@keyframes marker-radar{0%{opacity:.85;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}.marker-pulse-radar{border:2px solid var(--color-success);pointer-events:none;z-index:-1;border-radius:50%;width:38px;height:38px;animation:1.5s cubic-bezier(.1,.8,.3,1) infinite marker-radar;position:absolute;top:21px;left:22px;transform:translate(-50%,-50%)}.leaflet-pane .cartographic-route-leaflet{stroke-dasharray:8 6;stroke-linecap:round;animation:2s linear infinite route-flow}.theme-dark .leaflet-tile{filter:invert()hue-rotate(180deg)brightness(85%)contrast(90%)!important}.theme-dark .leaflet-container{background-color:#12110f!important}@keyframes gps-pulse-anim{0%{transform:translate(-50%,-50%)scale(.85);box-shadow:0 0 #2563eb99}70%{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 0 12px #2563eb00}to{transform:translate(-50%,-50%)scale(.85);box-shadow:0 0 #2563eb00}}.user-gps-pulse-dot{background-color:#2563eb;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #2563ebb3}.user-gps-pulse-ring{pointer-events:none;border:2px solid #2563eb66;border-radius:50%;width:32px;height:32px;animation:1.8s cubic-bezier(.1,.8,.3,1) infinite gps-pulse-anim;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes compass-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.compass-spin{animation:6s linear infinite compass-spin}@keyframes button-radar{0%{box-shadow:0 0 #4a674199}to{box-shadow:0 0 0 12px #4a674100}}.button-radar-active{animation:1.6s cubic-bezier(.1,.8,.3,1) infinite button-radar}.google-account-item{border:1px solid var(--border-color);background-color:var(--bg-surface);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.google-account-item:hover{border-color:var(--color-primary);background-color:#4a67410d;transform:translateY(-2px)}.google-account-avatar{border:1.5px solid var(--border-color);border-radius:50%;width:38px;height:38px;overflow:hidden}