@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&family=Barlow+Condensed:wght@400;600;700;900&display=swap";
:root{--blue:#1d4ed8;--blue-mid:#2563eb;--blue-light:#3b82f6;--blue-dim:#1d4ed826;--blue-dim2:#1d4ed814;--lime:#a3e635;--lime-bright:#bef264;--lime-dim:#a3e63533;--lime-dim2:#a3e63517;--navy:#0a1432;--navy-mid:#0f1f4a;--amber:#b45309;--amber-dim:#b4530921;--red:#ef4444;--red-dim:#ef44441f;--green:#22c55e;--green-dim:#22c55e1f;--glass-bg:#ffffffd9;--glass-bg-mid:#ffffffbf;--glass-bg-dark:#0a1432e0;--glass-bg-hero:#0a1432db;--glass-border:#fff9;--glass-border-dark:#ffffff24;--glass-blur:blur(22px);--glass-blur-sm:blur(12px);--text-primary:#0a1432;--text-secondary:#2d4270;--text-muted:#6b7fb8;--text-on-dark:#e8eeff;--text-muted-dark:#c8d7ff8c;--surface:#f0f5ffa6;--bg-glass:#ffffff17;--grad-brand:linear-gradient(135deg,var(--blue)0%,var(--lime)100%);--grad-brand-h:linear-gradient(135deg,var(--blue-mid)0%,var(--lime-bright)100%);--grad-hero:linear-gradient(135deg,#1d4ed824 0%,#a3e63514 100%);--radius:14px;--radius-sm:9px;--radius-xs:5px;--shadow:0 4px 24px #0a143c1f,0 1px 4px #0a143c12;--shadow-lg:0 8px 40px #0a143c2e,0 2px 8px #0a143c17;--shadow-btn:0 4px 16px #1d4ed859,0 1px 4px #00000026;--shadow-now:0 5px 0 #6ba819,0 6px 12px #64b40066;--shadow-now-active:0 2px 0 #6ba819,0 3px 6px #64b4004d;--glow-lime:0 0 0 0 #a3e635a6;--border:#fff9;--border-dark:#ffffff24;--border-accent:#a3e6358c;--border-blue:#1d4ed859;--string-done:var(--lime);--string-active:var(--lime);--string-upcoming:#648cdc59}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:#0d2b5e;min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6}body:after{content:"";pointer-events:none;z-index:-2;background-color:#0d2b5e;background-image:url(/map-bg.png);background-position:top;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}body:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(160deg,#0a143c52 0%,#053c1e2e 50%,#0a143c47 100%);position:fixed;inset:0}.container,.nav,.nav-inner{z-index:1;position:relative}h1,h2,h3{letter-spacing:.03em;color:var(--navy);font-family:Barlow Condensed,Inter,sans-serif;line-height:1.1}h1{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:900}h2{font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:700}h3{font-size:1.1rem;font-weight:600}.data-font{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-family:Barlow Condensed,sans-serif;font-weight:700}.container{max-width:920px;margin:0 auto;padding:0 16px}.nav{z-index:100;background:var(--glass-bg-dark);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-dark);padding:0 16px;position:sticky;top:0;box-shadow:0 2px 24px #0000004d}.nav-inner{align-items:center;gap:4px;max-width:920px;height:56px;margin:0 auto;display:flex}.nav-logo{color:var(--lime);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 20px #a3e63580;margin-right:auto;font-family:Barlow Condensed,sans-serif;font-size:1.05rem;font-weight:900;text-decoration:none}.nav-links-desktop{align-items:center;gap:2px;display:flex}.nav-link{color:var(--text-muted-dark);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:5px;min-height:44px;padding:0 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.nav-link:hover{color:var(--text-on-dark);background:#ffffff17}.nav-link.active{color:var(--lime);background:var(--lime-dim2);border:1px solid #a3e63547}.nav-mobile-controls{align-items:center;gap:10px;display:none}.nav-hamburger{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;transition:background .15s;display:flex}.nav-hamburger:hover{background:#ffffff17}.nav-drawer{z-index:99;-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-dark);background:#0a1432f5;flex-direction:column;padding:8px 0 12px;animation:.18s drawer-in;display:flex;position:fixed;top:56px;left:0;right:0;box-shadow:0 8px 32px #0006}@keyframes drawer-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-drawer-link{color:var(--text-muted-dark);align-items:center;gap:14px;min-height:52px;padding:14px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-drawer-link:hover{color:var(--text-on-dark);background:#ffffff12}.nav-drawer-link.active,.nav-drawer-link.active svg{color:var(--lime)}@media (max-width:640px){.nav-links-desktop{display:none}.nav-mobile-controls{display:flex}}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass-blur);padding:16px;transition:border-color .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-lg);border-color:#fffc}.badge{letter-spacing:.07em;text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-active{background:var(--lime-dim);color:var(--navy);border:1px solid var(--border-accent);animation:2s infinite pulse-lime}.badge-completed{background:var(--glass-bg-mid);color:var(--text-muted);border:1px solid var(--border)}.badge-upcoming{background:var(--blue-dim2);color:var(--text-secondary);border:1px solid var(--border-blue)}@keyframes pulse-lime{0%,to{box-shadow:0 0 #a3e635a6}50%{box-shadow:0 0 0 8px #a3e63500}}.hero-banner{border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(30px);background:#ffffffeb;border:1px solid #ffffffbf;margin:0;padding:0 18px 14px 22px;animation:3s ease-in-out infinite hero-glow;position:relative;overflow:hidden}@keyframes hero-glow{0%,to{box-shadow:var(--shadow),0 0 0 0 #a3e6354d}50%{box-shadow:var(--shadow),0 0 20px 4px #a3e6352e}}.hero-progress-track{background:#00000012;border-radius:0;height:4px;margin:0 -18px 12px -22px;overflow:hidden}.hero-progress-fill{background:var(--grad-brand);height:100%;transition:width .6s;box-shadow:0 0 8px #a3e6358c}.hero-label{letter-spacing:.14em;text-transform:uppercase;color:var(--navy);margin-bottom:4px;padding-top:12px;font-size:.68rem;font-weight:700;position:relative}.hero-runner{color:var(--navy);letter-spacing:.01em;font-family:Barlow Condensed,sans-serif;font-size:clamp(2rem,7vw,3rem);font-weight:900;line-height:1;position:relative}.hero-sub{color:var(--text-secondary);margin-top:6px;font-size:.85rem;position:relative}.lime-text{color:var(--lime);text-shadow:0 1px 2px #0a143266}.progress-track{background:#ffffff38;border-radius:0;height:4px;overflow:hidden}.progress-fill{background:var(--grad-brand);border-radius:0;height:100%;transition:width .6s;box-shadow:0 0 10px #a3e63599,0 0 20px #a3e6354d}.sticky-dashboard{z-index:50;filter:drop-shadow(0 6px 20px #0a143c38);background:0 0;padding:12px 0 10px;position:sticky;top:56px}.stage-list{list-style:none}.stage-row-wrap{margin:4px 0}.stage-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass-blur-sm);flex-direction:row;flex:1;align-items:stretch;gap:0;margin:0;padding:0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.stage-card-content{flex:1;min-width:0;padding:9px 10px}.stage-card-actions{flex-direction:column;flex-shrink:0;justify-content:center;align-items:stretch;gap:3px;width:74px;padding:8px 8px 8px 10px;display:flex;overflow:hidden}.stage-card-active{border-color:var(--border-accent);box-shadow:var(--shadow),0 0 0 2px #a3e63533;background:#ffffffe6}.stage-card-completed{opacity:.55}.stage-card-overdue{background:#fff0f0e0;border-color:#ef444480}.stage-card-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stage-num{color:var(--navy);flex-shrink:0;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600}.stage-runner{color:var(--navy);flex:1;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600}.stage-eta-badge{color:var(--amber);white-space:nowrap;letter-spacing:.02em;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700}.stage-eta-badge.eta-active{color:var(--lime);font-size:1.1rem}.stage-eta-badge.eta-done{color:var(--green)}.stage-eta-badge.eta-overdue{color:var(--red)}.stage-card-bottom{flex-wrap:nowrap;align-items:center;gap:6px;margin-top:5px;display:flex;overflow:hidden}.stage-meta-chip{color:var(--text-secondary);white-space:nowrap;background:#ffffff80;border:1px solid #fff9;border-radius:20px;flex-shrink:0;align-items:center;gap:3px;padding:2px 6px;font-size:.72rem;display:inline-flex}.stage-meta-chip svg{flex-shrink:0}.stage-finish-row{flex-direction:column;align-items:stretch;gap:5px;margin-top:0;display:flex}.stage-time-input{border-radius:var(--radius-xs);color:var(--navy);text-align:center;background:#fffc;border:1px solid #0000001a;width:100%;padding:4px 5px;font-family:Barlow Condensed,sans-serif;font-size:.8rem;font-weight:600;transition:border-color .15s}.stage-time-input:focus{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-dim);outline:none}.stage-time-input-active{border-color:var(--border-accent)}.stage-time-input::-webkit-calendar-picker-indicator{display:none}.btn-now{border-radius:var(--radius-xs);letter-spacing:.03em;text-transform:none;cursor:pointer;width:100%;height:30px;color:var(--navy);box-shadow:none;background:#fff6;border:1.5px solid #c8d2e68c;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-family:Barlow Condensed,sans-serif;font-size:.88rem;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s,color .15s,transform .1s;display:inline-flex}.btn-now-active{color:var(--navy);border:1.5px solid var(--lime);background:#ffffff80;animation:3.5s ease-in-out infinite btn-pulse;box-shadow:0 0 7px 1px #a3e63580,0 0 18px #a3e6352e}@keyframes btn-pulse{0%,to{box-shadow:0 0 7px 1px #a3e63566,0 0 16px #a3e6351f}50%{box-shadow:0 0 15px 4px #a3e635a6,0 0 32px 3px #a3e63540}}.btn-now-active:hover{background:var(--lime);color:var(--navy);border-color:var(--lime);animation:none;box-shadow:0 0 14px 3px #a3e6358c}.btn-now-active:active{background:var(--lime);color:var(--navy);border-color:var(--lime);box-shadow:none;animation:none;transform:scale(.97)}.btn-now:disabled{opacity:.45;cursor:not-allowed;animation:none}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;letter-spacing:.02em;border:none;align-items:center;gap:6px;min-height:44px;padding:10px 18px;font-size:.85rem;font-weight:700;text-decoration:none;transition:opacity .15s,transform .12s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{color:var(--navy);background:linear-gradient(135deg,#22c55e 0%,#a3e635 100%);box-shadow:0 4px 14px #22c55e66}.btn-primary:hover{background:linear-gradient(135deg,#16a34a 0%,#84cc16 100%);box-shadow:0 6px 20px #22c55e80}.btn-ghost{background:var(--glass-bg-mid);color:var(--text-secondary);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur-sm)}.btn-ghost:hover{color:var(--text-primary);border-color:#fffc}.btn-waze{color:#fff;background:#00b1e7}.btn-waze:hover{opacity:.88}.btn-alltrails{color:#fff;background:#5c8505}.btn-alltrails:hover{opacity:.88}.btn-danger{color:#ef4444;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef444459}.btn-danger:hover{background:#ef44442e}.input,select.input{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);appearance:none;width:100%;min-height:44px;-webkit-backdrop-filter:var(--glass-blur-sm);background:#ffffffe0;padding:10px 12px;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--lime);outline:none;box-shadow:0 0 0 3px #a3e63538}.input::placeholder{color:var(--text-muted)}label{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:700}.section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:16px 0 8px;font-size:.7rem;font-weight:700}.tag{background:var(--glass-bg-mid);border:1px solid var(--glass-border);color:var(--text-secondary);-webkit-backdrop-filter:blur(6px);border-radius:5px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.travel-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass-blur);margin-bottom:10px;padding:16px}.travel-route{color:var(--navy);flex-wrap:wrap;align-items:center;gap:8px;font-family:Barlow Condensed,sans-serif;font-size:1.2rem;font-weight:700;display:flex}.travel-arrow{color:var(--blue-light)}.travel-meta{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.travel-meta-label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);font-size:.68rem;font-weight:700}.travel-meta-value{color:var(--navy);font-size:.95rem;font-weight:600}.itinerary-connector{background:linear-gradient(180deg,var(--blue)0%,var(--lime)100%);opacity:.55;border-radius:1px;width:2px;min-height:20px;margin:0 auto}.stat-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:12px 0;display:grid}.stat-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);text-align:center;box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass-blur-sm);padding:12px}.stat-value{color:var(--blue);font-family:Barlow Condensed,sans-serif;font-size:1.7rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-top:2px;font-size:.7rem}.tabs{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);z-index:20;background:#fffffff0;border-radius:14px;gap:0;margin-bottom:16px;padding:0;display:flex;position:sticky;top:56px;overflow-x:auto;box-shadow:0 2px 12px #00000017}.tab-btn{cursor:pointer;border:none;border-bottom:3px solid #0000;border-right:1px solid var(--glass-border);color:#0a143266;white-space:nowrap;letter-spacing:.01em;background:0 0;border-radius:0;flex:1;justify-content:center;align-items:center;min-height:44px;padding:0 14px;font-family:inherit;font-size:.85rem;font-weight:600;transition:color .12s,border-bottom-color .12s;display:inline-flex}.tab-btn:last-child{border-right:none}.tab-btn:first-child{border-radius:14px 0 0 14px}.tab-btn:last-child{border-radius:0 14px 14px 0}.tab-btn:hover{color:var(--navy);background:#a3e6350f}.tab-btn.active{color:var(--navy);border-bottom-color:var(--lime);background:#a3e63514;font-weight:700}.admin-table{border-collapse:collapse;width:100%;font-size:.85rem}.admin-table th{text-transform:uppercase;letter-spacing:.09em;color:var(--navy);text-align:left;background:#fffc;border-bottom:2px solid #a3e63559;padding:9px 8px;font-size:.68rem;font-weight:700}.admin-table td{vertical-align:middle;background:#ffffffa6;border-bottom:1px solid #ffffff4d;padding:7px 6px}.admin-table tbody tr:nth-child(2n) td{background:#ffffff80}.admin-table tr:hover td{background:#a3e6351a}.inline-input{color:var(--navy);background:0 0;border:1px solid #0000;border-radius:4px;width:100%;min-width:60px;padding:4px 6px;font-family:inherit;font-size:.85rem;transition:border-color .15s,background .15s}.inline-input:hover{background:#ffffffd9;border-color:#ffffff8c}.inline-input:focus{border-color:var(--lime);background:#fffffff2;outline:none;box-shadow:0 0 0 2px #a3e63538}.inline-input::placeholder{color:var(--text-muted)}select.inline-input{appearance:none;cursor:pointer}.divider{background:#ffffff4d;height:1px;margin:16px 0}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;padding:12px 0 0;font-size:.8rem;display:flex}.breadcrumb a{color:var(--text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--blue)}.eta-time{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700}.eta-date{color:var(--text-muted);font-size:.72rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:3px}.stage-table{border-collapse:collapse;width:100%}.stage-table th{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);text-align:left;-webkit-backdrop-filter:blur(8px);background:#ffffff80;border-bottom:1px solid #ffffff4d;padding:10px 8px;font-size:.68rem;font-weight:700}.stage-table td{vertical-align:middle;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid #ffffff40;padding:10px 8px;font-size:.88rem;transition:background .15s}.stage-table tr:hover td{background:#ffffffeb}.stage-table tr.row-active td{border-left:3px solid var(--lime);background:#a3e6351f}.stage-table tr.row-completed td{opacity:.55}.stage-table tr.row-overdue td{border-left:3px solid var(--red);background:#ef444414}@media (max-width:600px){.hide-mobile{display:none!important}.stage-table th,.stage-table td{padding:8px 4px;font-size:.82rem}.travel-meta{grid-template-columns:1fr}.nav-link{padding:0 8px;font-size:.8rem}.stage-card{padding:8px 10px}.btn-now{min-height:44px;padding:0 18px;font-size:1rem}.stage-time-input{min-height:38px;font-size:.95rem}}details.itinerary-accordion>summary{border-radius:14px;transition:border-radius}details.itinerary-accordion[open]>summary{box-shadow:none;border-bottom:1px solid #0a143214;border-radius:14px 14px 0 0}details.itinerary-accordion[open]{border-radius:14px;box-shadow:0 2px 12px #0a143217}details.itinerary-accordion>summary::-webkit-details-marker{display:none}details.itinerary-accordion>summary::marker{display:none}