*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0E1621;--card: #162032;--card2: #1C2B3D;--green: #6EE17A;--green-dim: rgba(110,225,122,.15);--green-dark: #4DB857;--text: #FFFFFF;--muted: #8899AA;--dim: #445566;--border: rgba(255,255,255,.07);--radius: 14px;--radius-sm: 10px;--nav-h: 72px}html,body{height:100%}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080e18;color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{height:100%}.app-shell{max-width:430px;margin:0 auto;min-height:100%;background:linear-gradient(180deg,#152236,#0a1420 60%,#080e18);background-attachment:fixed;box-shadow:0 0 60px #0009}.screen{overflow-x:hidden;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 24px)}.bottom-nav{position:fixed;bottom:0;left:max(0px,calc(50% - 215px));right:max(0px,calc(50% - 215px));width:min(100%,430px);height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;padding:8px 0;cursor:pointer;transition:all .15s;text-decoration:none;color:var(--muted)}.nav-item.active{color:var(--green)}.nav-item.active svg{stroke:var(--green)}.nav-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-label{font-size:12px;font-weight:400;letter-spacing:.2px}.nav-center{width:60px;height:60px;border-radius:50%;background:var(--green);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:#0a1628;box-shadow:0 4px 20px #6ee17a59,0 0 0 4px #6ee17a1f;cursor:pointer;transition:transform .15s;flex-shrink:0;margin-bottom:50px}.nav-center:hover{transform:scale(1.07)}.page-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px}.page-title{font-size:22px;font-weight:600;letter-spacing:.2px;color:var(--text)}.header-action{width:38px;height:38px;border-radius:10px;background:var(--card2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--text)}.back-btn{width:38px;height:38px;border-radius:10px;background:var(--card2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--text);text-decoration:none}.icon-btn{width:36px;height:36px;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:color .15s}.icon-btn:hover{color:var(--text)}.icon-btn svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.section-label{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:1px;text-transform:uppercase;padding:0 20px;margin-bottom:12px}.tabs{display:flex;border-bottom:1px solid var(--border);padding:0 20px;gap:0}.tab{padding:12px 16px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;white-space:nowrap}.tab.active{color:var(--green);border-bottom-color:var(--green)}.prog-bar{height:6px;background:var(--card2);border-radius:3px;overflow:hidden}.prog-bar--fat{height:10px;border-radius:5px;margin-top:2px}.prog-fill{height:100%;background:var(--green);border-radius:inherit;transition:width .5s ease}.badge-green{display:inline-block;padding:4px 12px;border-radius:20px;background:var(--green-dim);color:var(--green);font-size:13px;font-weight:500}.login-page{min-height:100vh;max-width:430px;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;align-items:stretch;box-shadow:0 0 60px #0009}.login-hero{height:260px;position:relative;overflow:hidden;background:linear-gradient(180deg,#0a1f2e,#0e1621);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:28px}.login-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430 260'%3E%3Cpolygon points='0,260 80,120 160,180 240,60 310,130 380,40 430,90 430,260' fill='%23122030' opacity='0.9'/%3E%3Cpolygon points='0,260 60,160 130,200 200,100 280,160 350,80 430,130 430,260' fill='%230d1a28' opacity='0.7'/%3E%3C/svg%3E") no-repeat bottom center / cover}.login-logo-wrap{position:relative;z-index:1;text-align:center}.login-icon-svg{display:block;margin:0 auto 10px;filter:drop-shadow(0 0 20px rgba(110,225,122,.3))}.login-app-name{font-size:26px;font-weight:600;color:var(--text);letter-spacing:2px;text-transform:uppercase}.login-tagline{font-size:14px;color:var(--muted);margin-top:4px}.login-body{flex:1;padding:28px 24px;display:flex;flex-direction:column;gap:12px}.input-field{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;transition:border .15s}.input-field:focus-within{border-color:#6ee17a66}.input-field-icon{font-size:16px;flex-shrink:0;color:var(--muted)}.input-field input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:15px}.input-field input::placeholder{color:var(--dim)}.btn-green{width:100%;padding:15px;border-radius:var(--radius-sm);border:none;background:var(--green);color:#0a1628;font-size:15px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .15s;margin-top:4px}.btn-green:hover{background:var(--green-dark)}.btn-green:disabled{opacity:.5;cursor:not-allowed}.login-forgot{text-align:center;font-size:14px;color:var(--muted);cursor:pointer}.login-divider{display:flex;align-items:center;gap:12px;color:var(--dim);font-size:12px;font-weight:500;letter-spacing:1px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.btn-social:hover{background:var(--card2)}.login-footer{text-align:center;font-size:13px;color:var(--muted);padding:16px 24px}.login-footer a{color:var(--green);text-decoration:none}.error-box{padding:10px 14px;border-radius:9px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:14px}.wcard{background:#fff;border-radius:var(--radius);box-shadow:0 2px 16px #0000002e;padding:24px}.dash-header{padding:32px 22px 10px;display:flex;align-items:flex-start;justify-content:space-between}.dash-greeting{font-size:30px;font-weight:600;color:var(--text);letter-spacing:-.3px}.dash-subtitle{font-size:15px;color:var(--muted);margin-top:5px;font-weight:400}.dash-section{padding:12px 22px}.monthly-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #E5ECF2;margin-bottom:20px}.monthly-title{font-size:12px;font-weight:500;color:#89a;letter-spacing:1px;text-transform:uppercase}.monthly-period{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:500;color:#1a2535;background:none;border:none;cursor:pointer;padding:0}.stats-row{display:flex;align-items:center}.stat-col{flex:1;text-align:left;padding-left:16px}.stat-col:first-child{padding-left:0}.stat-col--narrow{flex:.55}.stat-col--mid{flex:1.1}.stat-col--wide{flex:1.35}.stat-num-row{display:flex;align-items:baseline;gap:4px}.stat-num{font-size:32px;font-weight:600;color:#0e1621;line-height:1}.stat-unit{font-size:16px;font-weight:500;color:#0e1621}.stat-desc{font-size:15px;font-weight:400;color:#89a;margin-top:7px}.stat-divider{width:1px;height:58px;background:#e5ecf2;flex-shrink:0}.goals-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.goals-preview-title{font-size:12px;font-weight:500;color:#89a;letter-spacing:1px;text-transform:uppercase}.goals-preview-count{font-size:14px;color:#89a;font-weight:400;text-decoration:none}.wcard .prog-bar{background:#e8f0ea}.section-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-label-caps{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.section-link{font-size:14px;color:var(--green);font-weight:500;text-decoration:none}.recent-trail{display:flex;align-items:stretch;border:1px solid rgba(255,255,255,.85);border-radius:var(--radius);overflow:hidden;height:116px;cursor:pointer;transition:border-color .15s;text-decoration:none}.recent-trail:hover{border-color:#fff}.trail-card-map{width:33.333%;flex-shrink:0;position:relative;overflow:hidden}.trail-card-map .leaflet-container{pointer-events:none}.trail-card-map .leaflet-pane,.trail-card-map .leaflet-tile-pane,.trail-card-map .leaflet-overlay-pane,.trail-card-map .leaflet-shadow-pane,.trail-card-map .leaflet-marker-pane,.trail-card-map .leaflet-top,.trail-card-map .leaflet-bottom{z-index:1!important}.trail-card-content{flex:1;background:#fff;padding:30px 16px;display:flex;flex-direction:column;justify-content:center;gap:0}.trail-card-content .trail-name{color:#0e1621}.trail-card-content .trail-meta{color:#6b7d8e}.trail-card-content .trail-date{color:#9aaabb}.trail-thumb{width:82px;height:72px;border-radius:10px;flex-shrink:0;overflow:hidden;position:relative}.trail-thumb-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.trail-info{flex:1;min-width:0}.trail-name{font-size:18px;font-weight:500;color:var(--text);margin-bottom:6px;line-height:1.3}.trail-meta{font-size:13px;color:var(--muted);font-weight:400}.trail-meta span{display:inline-block}.trail-meta span+span:before{content:" • "}.trail-date{font-size:12px;color:var(--dim);margin-top:5px}.trail-list{padding:0 20px;display:flex;flex-direction:column;gap:12px}.trail-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.trail-completed-dot{width:9px;height:9px;border-radius:50%;background:var(--green);flex-shrink:0;margin-top:5px}.detail-map{height:240px;position:relative;overflow:hidden;background:linear-gradient(180deg,#0d2535,#0a1c2a)}.detail-map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430 240'%3E%3Cpath d='M0,160 C50,140 80,100 120,120 C160,140 180,80 220,60 C260,40 290,90 330,70 C370,50 400,80 430,60 L430,240 L0,240 Z' fill='%23162032' opacity='0.8'/%3E%3Cpath d='M20,240 C60,220 90,180 130,200 C170,220 200,160 250,140 C300,120 340,160 380,140 L430,130 L430,240 Z' fill='%230e1c2d' opacity='0.9'/%3E%3Cpath d='M80,100 C100,80 130,60 160,80 C180,95 200,50 230,55 C260,60 290,40 320,65 C350,90 390,55 430,50 L430,110 L80,240 Z' fill='none' stroke='%236EE17A' stroke-width='2' opacity='0.7'/%3E%3C/svg%3E") no-repeat center / cover}.detail-body{padding:24px}.detail-name{font-size:22px;font-weight:600;color:var(--text);margin-bottom:10px}.detail-stats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.detail-stat{font-size:14px;color:var(--muted);font-weight:400;display:flex;align-items:center;gap:4px}.detail-stat+.detail-stat:before{content:"·";color:var(--dim);margin-right:2px}.detail-date{font-size:13px;color:var(--dim);margin-bottom:26px}.elev-title{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}.elev-chart{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;overflow:hidden}.elev-labels{display:flex;justify-content:space-between;margin-top:8px}.elev-label{font-size:11px;color:var(--dim)}.goal-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 20px;margin:0 16px 12px}.goal-title{font-size:16px;font-weight:500;color:var(--text);margin-bottom:10px}.goal-progress-text{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:10px}.goal-progress-text span:last-child{color:var(--text);font-weight:500}.profile-user{display:flex;flex-direction:column;align-items:center;padding:28px 20px 22px;gap:10px}.profile-avatar{width:84px;height:84px;border-radius:50%;background:var(--card2);border:3px solid var(--green);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:500;color:var(--green)}.profile-name{font-size:22px;font-weight:600;color:var(--text)}.profile-since{font-size:14px;color:var(--muted);font-weight:400}.menu-list{padding:8px 16px;display:flex;flex-direction:column;gap:2px}.menu-item{display:flex;align-items:center;gap:14px;padding:18px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s;text-decoration:none;color:var(--text)}.menu-item:hover{background:var(--card)}.menu-icon{width:38px;height:38px;border-radius:10px;background:var(--card2);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.menu-label{flex:1;font-size:16px;font-weight:400}.menu-chevron{color:var(--dim);font-size:16px}.menu-item-danger{color:#fc8181}.menu-item-danger .menu-icon{background:#fc81811a}.loading{max-width:430px;margin:0 auto;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);gap:14px}.spinner{width:38px;height:38px;border:3px solid var(--card2);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}.loading-text{font-size:14px;color:var(--muted);font-weight:400}@keyframes spin{to{transform:rotate(360deg)}}