*{margin:0;padding:0}body{background:#f5f5f5;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.custom-ejeep-marker{background:#0000!important;border:none!important}.custom-ejeep-marker div{animation:ejeep-pulse 2s infinite}@keyframes ejeep-pulse{0%{box-shadow:0 2px 8px #0000004d;transform:scale(1)}50%{box-shadow:0 4px 16px #3b82f666;transform:scale(1.1)}to{box-shadow:0 2px 8px #0000004d;transform:scale(1)}}:root{--brand-primary:#1a1a1a;--brand-accent:#6b7280;--secondary-color:#64748b;--accent-color:#f59e0b;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--background:#fafbfc;--surface:#fff;--surface-hover:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--border-hover:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:0.375rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--route-color:#0056b3;--route-color-dark:#003d82;--font-family:"Figtree",system-ui,sans-serif;--font-display:"Sora",system-ui,sans-serif;--gap-xs:4px;--gap-sm:8px;--gap-md:12px;--gap-lg:16px;--gap-xl:24px}*{box-sizing:border-box}*,:after,:before{font-family:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafbfc;background:var(--background);color:#1e293b;color:var(--text-primary);font-family:Figtree,system-ui,sans-serif;font-family:var(--font-family);font-size:16px;line-height:1.6;margin:0;min-height:100vh;padding:0}button,input,select,textarea{font-family:inherit}.app-container{margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1rem}.app-header{margin-bottom:24px}.header-card{align-items:center;animation:sleekFadeIn .5s ease-out;background:oklch(100% 0 0);border:1px solid oklch(93% .005 75);border-radius:20px;box-shadow:0 4px 24px oklch(0 0 0/.03);display:flex;flex-direction:column;padding:48px 32px 28px;text-align:center}.header-jeepney{display:block;margin-bottom:20px}.header-title{color:oklch(28% .045 260);font-family:Sora,system-ui,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:0 0 8px}.header-subtitle{color:oklch(52% .015 75);font-family:Figtree,system-ui,sans-serif;font-size:15px;font-weight:400;line-height:1.5;margin:0 0 20px}.header-status-row{align-items:center;display:flex;gap:10px;justify-content:center}.header-status-chip{align-items:center;border-radius:100px;display:inline-flex;font-family:Figtree,system-ui,sans-serif;font-size:13px;font-weight:500;gap:6px;line-height:1;padding:4px 12px 4px 8px}.header-status-chip:has(.status-dot.online){background:oklch(95% .025 150)}.header-status-chip:has(.status-dot.offline){background:oklch(95% .04 85)}.status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.status-dot.online{background:oklch(58% .18 150)}.status-dot.offline{background:oklch(68% .16 85)}.status-label{font-size:13px;font-weight:600;line-height:1}.status-label.online{color:oklch(40% .12 150)}.status-label.offline{color:oklch(48% .1 85)}.status-separator{color:oklch(75% .006 75);font-size:14px}.status-time{color:oklch(55% .012 75);font-family:Figtree,system-ui,sans-serif;font-size:13px;font-weight:400}.header-credit-row{border-top:1px solid oklch(94% .004 75);margin-top:20px;padding-top:16px;text-align:center;width:100%}.header-credit-row span{color:oklch(65% .008 75);font-family:Figtree,system-ui,sans-serif;font-size:12px;font-weight:400}.credit-logo{flex-shrink:0;height:24px;opacity:.5;position:relative;top:1px;vertical-align:middle;width:auto}.header-icon{display:block;flex-shrink:0}@media (max-width:768px){.header-card{border-radius:16px;padding:32px 20px 24px}.header-jeepney{height:45px;width:60px}.header-title{font-size:22px}.header-subtitle{font-size:13px}.header-status-chip{font-size:12px;padding:3px 8px 3px 6px}.status-time{font-size:12px}.header-credit-row span{font-size:11px}.auth-card{border-radius:12px!important;max-width:100%!important;padding:32px 24px!important}.auth-logo{height:28px!important;margin-bottom:18px!important}.auth-title{font-size:22px!important}.auth-subtitle{font-size:13px!important}.auth-card input{font-size:14px!important;padding:10px 14px!important}.auth-card .auth-credits{font-size:11px!important}}.auth-page-root{align-items:center;background:oklch(98.5% .006 75);box-sizing:border-box;display:flex;font-family:Figtree,system-ui,sans-serif;justify-content:center;min-height:100vh;padding:24px;width:100vw}.frame-card{animation:sleekFadeIn .6s ease-out;background:oklch(100% 0 0);border:1px solid oklch(93% .005 75);border-radius:20px;box-shadow:0 2px 24px oklch(0 0 0/.04);max-width:392px;padding:40px 36px 32px;width:100%}.frame-icon-row{display:flex;justify-content:center;margin-bottom:24px}.frame-jeepney{opacity:.9}.frame-header{margin-bottom:28px;text-align:center}.frame-title{align-items:center;color:oklch(28% .045 260);display:flex;font-family:Sora,system-ui,sans-serif;font-size:23px;font-weight:700;gap:6px;justify-content:center;letter-spacing:-.025em;margin:0 0 8px}.frame-dot{background:oklch(72% .16 55);border-radius:50%;display:inline-block;flex-shrink:0;height:6px;width:6px}.frame-subtitle{color:oklch(58% .015 75);font-family:Figtree,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.4;margin:0}.frame-error-box{background:oklch(96% .025 30);border:1px solid oklch(90% .05 30);border-radius:8px;color:oklch(45% .08 30);font-size:13px;font-weight:500;line-height:1.4;margin-bottom:20px;padding:10px 14px;text-align:left}.frame-form{gap:18px}.frame-form,.frame-input-group{display:flex;flex-direction:column}.frame-input-group{gap:6px}.frame-label{color:oklch(40% .015 75);font-size:12px;font-weight:600}.frame-input,.frame-label{font-family:Figtree,system-ui,sans-serif;text-align:left}.frame-input{-webkit-appearance:none;background:oklch(97% .004 75);border:1.5px solid oklch(90% .006 75);border-radius:10px;box-sizing:border-box;color:oklch(22% .01 75);font-size:15px;font-weight:400;outline:none;padding:12px 14px;transition:border-color .2s,background-color .2s,box-shadow .2s;width:100%}.frame-input::placeholder{color:oklch(70% .008 75);font-weight:400}.frame-input:focus{background:oklch(100% 0 0);border-color:oklch(28% .045 260);box-shadow:0 0 0 3px oklch(28% .045 260/.08)}.frame-button{align-items:center;background:oklch(28% .045 260);border:none;border-radius:10px;color:oklch(100% 0 0);cursor:pointer;display:flex;font-family:Sora,system-ui,sans-serif;font-size:15px;font-weight:600;justify-content:center;letter-spacing:-.01em;margin-top:4px;padding:13px;transition:background-color .2s,transform .1s;width:100%}.frame-button:hover:not(:disabled){background:oklch(24% .05 260)}.frame-button:active:not(:disabled){transform:scale(.98)}.frame-button:disabled{background:oklch(75% .01 260);cursor:not-allowed}.frame-spinner{animation:frameSpin .7s linear infinite;border:2.5px solid oklch(100% 0 0/.25);border-radius:50%;border-top-color:oklch(100% 0 0);height:18px;width:18px}@keyframes frameSpin{to{transform:rotate(1turn)}}@keyframes sleekFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.frame-footer{border-top:1px solid oklch(94% .004 75);margin-top:28px;padding-top:16px;text-align:center}.frame-footer span{color:oklch(65% .008 75);font-family:Figtree,system-ui,sans-serif;font-size:12px;font-weight:400}.header-icon:hover{transform:scale(1.05)}.map-wrapper{overflow:hidden;position:relative}.map-loading,.map-wrapper{border-radius:16px;height:1400px}.map-loading{background:#f1f5f9}.leaflet-container{border-radius:16px;height:100%;width:100%;z-index:1}.card{background:oklch(100% 0 0);border:1px solid oklch(93% .005 75);border-radius:20px;box-shadow:0 2px 16px oklch(0 0 0/.04);margin-bottom:24px;overflow:hidden}.card-header{padding:18px 24px;position:relative}.card-body{padding:0;position:relative}.card-title{color:oklch(28% .045 260);font-family:Sora,system-ui,sans-serif;font-size:16px}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:3rem}.grid-item{width:100%}.route-card.active{animation:active-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#1a1a1a,#1a1a1a);background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-primary) 100%);border-color:#1a1a1a;border-color:var(--brand-primary);box-shadow:0 20px 25px -5px #0011964d,0 8px 10px -6px #0011964d;color:#fff;transform:translateY(-6px)}.route-card.active .card-title{color:#1e293b;color:var(--text-primary)}.route-card.active .label-primary{background:#fff3;border-color:#ffffff4d;color:#fff}.route-card.active .route-info-label,.route-card.active .route-info-value,.route-card.active .text-small{color:#fff}@keyframes active-pulse{0%,to{box-shadow:0 20px 25px -5px #0011964d,0 8px 10px -6px #0011964d}50%{box-shadow:0 25px 35px -5px #00119666,0 10px 15px -6px #00119666}}.route-indicator{border:2px solid #fff;box-shadow:0 2px 4px #0000001a;display:inline-flex;flex-shrink:0;font-weight:600;margin-right:12px;overflow:hidden;position:relative;vertical-align:middle}.route-indicator:before{background:radial-gradient(circle,#fff3 0,#0000 70%);border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.card-title{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0}.route-info-label{color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.route-info-value{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:500;line-height:1.5}.text-small{color:#64748b;color:var(--text-secondary);font-size:.875rem;line-height:1.4}.badge,.label{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.375rem .875rem;text-transform:uppercase}.card.active{background:#1a1a1a;background:var(--brand-primary);border:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff}.card.active .card-title{color:#fff;font-weight:600;letter-spacing:.02em}.card.active .ejeep-status{background-color:#ffffff26;border:1px solid #fff3;box-shadow:0 2px 4px #0000001a}.ejeep-status{margin:1.5rem 0;transition:transform .3s,box-shadow .3s,background .3s,opacity .3s}.ejeep-status,.no-jeepneys-message{background-color:#f8fafc;background-color:var(--surface-hover);border-radius:.5rem;border-radius:var(--radius);padding:1rem}.no-jeepneys-message{border:1px dashed #e2e8f0;border:1px dashed var(--border);color:#94a3b8;color:var(--text-muted);font-style:italic;margin:1.5rem 1rem;text-align:center}.no-jeepneys-message span{font-size:.9rem}.ejeep-number{align-items:center;background-color:#fff;background-color:var(--surface);border:2px solid;border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:inline-flex;font-size:.75rem;font-weight:600;height:28px;justify-content:center;margin-right:.75rem;width:28px}.card.active .ejeep-number{background-color:#fff;border:none;box-shadow:0 2px 4px #0000001a}.card.active .ejeep-number,.ejeep-number{color:#0056b3!important;color:var(--route-color)!important}.stations-carousel{align-items:center;background:#fff;background:var(--surface);border-radius:.5rem;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;margin-top:1rem;overflow:hidden;padding:.75rem;position:relative}.stations-carousel-inner{align-items:center;display:flex;transition:transform .5s cubic-bezier(.25,.46,.45,.94);width:100%}.stations-carousel.sliding .stations-carousel-inner{animation:contentSlide .5s cubic-bezier(.25,.46,.45,.94)}@keyframes contentSlide{0%{opacity:.7;transform:translateX(35px)}60%{opacity:.95;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}.card.active .stations-carousel{background:#ffffff1f;border:1px solid #ffffff1a}.station-item{color:#94a3b8;color:var(--text-muted);flex:1 1;font-size:.875rem;opacity:.6;padding:.5rem;text-align:center;transition:transform .3s,box-shadow .3s,background .3s,opacity .3s}.station-item.current{color:#1e293b;color:var(--text-primary);font-weight:600;opacity:1;transform:scale(1.05)}.card.active .station-item{color:#fff9}.card.active .station-item.current{color:#fff;font-weight:600}.station-arrow{color:#94a3b8;color:var(--text-muted);flex-shrink:0;height:20px;margin:0 .5rem;opacity:.3;position:relative;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .3s ease;width:20px}.station-arrow:before{border-right:2px solid;border-top:2px solid;content:"";height:6px;position:absolute;right:8px;top:7px;transform:rotate(45deg);transition:opacity .5s ease-in-out,width .5s ease-in-out;width:6px}.station-arrow.active{animation:arrowPulse 2s ease-in-out infinite;color:#000;opacity:.8;transform:scale(1.1)}.station-arrow:not(.active){transform:translateX(0) scale(1)}.station-arrow.slide-in-left{animation:slideInLeft .6s cubic-bezier(.4,0,.2,1) forwards}.station-arrow.slide-in-right{animation:slideInRight .6s cubic-bezier(.4,0,.2,1) forwards}.station-arrow.slide-out-left{animation:slideOutLeft .6s cubic-bezier(.4,0,.2,1) forwards}.station-arrow.slide-out-right{animation:slideOutRight .6s cubic-bezier(.4,0,.2,1) forwards}.station-arrow.active:before{animation:arrowMove 1.5s ease-in-out infinite;border-right:2px solid #000;border-top:2px solid #000}@keyframes arrowMove{0%,to{right:8px}25%{right:11px}50%{right:8px}75%{right:5px}}.card.active .station-arrow{color:#ffffff4d;opacity:.2}.card.active .station-arrow.active{color:#fff;opacity:1}.card.active .station-arrow.active:before,.card.active .station-arrow:before{border-color:#fff}.station-markers{display:flex;justify-content:space-between;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.station-marker{background-color:#fff;background-color:var(--surface);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:50%;height:12px;position:relative;transition:transform .3s,box-shadow .3s,background .3s,opacity .3s;width:12px}.station-marker.previous{background-color:#10b981;background-color:var(--success-color)}.station-marker.current,.station-marker.previous{border-color:#10b981;border-color:var(--success-color)}.station-marker.current{transform:scale(1.2)}.station-marker.current,.station-marker.next{background-color:#fff;background-color:var(--surface)}.station-marker.next{border-color:#e2e8f0;border-color:var(--border)}.station-marker:after{color:#64748b;color:var(--text-secondary);content:attr(data-station);font-size:.75rem;left:50%;margin-top:.5rem;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap}.badge-success{background:#10b981;background:var(--success-color);box-shadow:0 1px 2px #10b98133;color:#fff}.badge-warning{background:#f59e0b;background:var(--warning-color);box-shadow:0 1px 2px #f59e0b33;color:#fff}.badge-secondary{background:#64748b;background:var(--secondary-color);box-shadow:0 1px 2px #64748b33;color:#fff}.label-primary{background:#1a1a1a1a;border-color:#1a1a1a33;color:#1a1a1a;color:var(--brand-primary)}.label-secondary{background:#f8fafc;background:var(--surface-hover);border-color:#e2e8f0;border-color:var(--border)}.label-secondary,.update-indicator{color:#64748b;color:var(--text-secondary)}.update-indicator{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);display:inline-flex;font-size:.75rem;font-weight:500;margin-left:1rem;padding:.375rem .875rem;transition:all .2s ease;white-space:nowrap}.update-indicator:hover{background:#f8fafc;background:var(--surface-hover);border-color:#cbd5e1;border-color:var(--border-hover);transform:translateY(-1px)}footer{margin-top:4rem;padding:2rem 0;text-align:center}footer .card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);margin-bottom:0}footer p{color:#64748b;color:var(--text-secondary);font-size:.9rem;margin:.5rem 0}.developer-credits{color:#94a3b8;color:var(--text-muted);font-size:.7rem;font-weight:300;margin-bottom:0;margin-top:.75rem;opacity:.6}.link-muted{color:#1a1a1a;color:var(--brand-primary);font-size:.9rem;font-weight:500;margin:0 1rem;position:relative;text-decoration:none;transition:all .2s ease}.link-muted:after{background:linear-gradient(90deg,#1a1a1a,#1a1a1a);background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary));bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .2s ease;width:0}.link-muted:hover:after{width:100%}.link-muted:hover{color:#1a1a1a;color:var(--brand-primary);transform:translateY(-1px)}.position-fixed.position-bottom-right{bottom:2rem;left:2rem;right:2rem;z-index:1000}.position-fixed .card{background:linear-gradient(135deg,#1a1a1a,#1a1a1a);background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-primary) 100%);border:none;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);color:#fff;margin-bottom:0;max-width:none}.heading-line{margin:3rem 0 2.5rem;position:relative;text-align:center}.heading-line span{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#1e293b;color:var(--text-primary);font-size:1.375rem;font-weight:600;padding:1rem 2rem;position:relative;z-index:2}.heading-line:before{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);background:linear-gradient(90deg,#0000,var(--border),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.flex,.flex-between{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-center{align-items:center;display:flex;justify-content:center}.width-auto{width:auto!important}.margin-bottom{margin-bottom:1.5rem!important}.margin-medium-bottom{margin-bottom:1rem!important}.margin-large-bottom{margin-bottom:.0625rem!important}.margin-top{margin-top:1.5rem!important}.margin-top-small{margin-top:.75rem!important}.margin-right{margin-right:.75rem!important}.margin-medium-right{margin-right:1.5rem!important}.margin-remove{margin:0!important}.margin-remove-bottom{margin-bottom:0!important}.padding-remove{padding:0!important}.text-center{text-align:center}.text-bold{font-weight:600}.text-muted{color:#94a3b8;color:var(--text-muted)}.text-primary{color:#1a1a1a;color:var(--brand-primary);font-weight:500}.list{list-style:none;margin-bottom:0;padding-left:0}.list-divider>li{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:1rem 0}.list-divider>li:last-child{border-bottom:none}.animate-fade{animation:fadeIn .5s ease-out forwards}.animate-slide-top{animation:slideInTop .5s ease-out forwards}.animate-slide-bottom{animation:slideInBottom .5s ease-out forwards}.animate-slide-right{animation:slideInRight .5s ease-out forwards}.animate-bounce-in{animation:bounceIn .6s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.02)}70%{transform:scale(.98)}to{opacity:1;transform:scale(1)}}.route-card{-webkit-tap-highlight-color:rgba(26,26,26,.1);min-height:48px}@media (max-width:767px){.hide-on-mobile{display:none!important}.app-container{padding:1rem .75rem}.map-wrapper{height:550px;margin-bottom:2rem}.card{margin-bottom:1rem}.card-header{padding:1rem}.card-header .flex-between{align-items:center;flex-direction:row;gap:0}.card-body{padding:1rem}.card-header .flex-center{align-items:center;flex-direction:row;gap:.5rem;width:auto}.badge,.label{margin:0!important}.badge,.label,.update-indicator{font-size:.65rem;padding:.2rem .5rem}.update-indicator{margin-left:0!important;text-align:left;width:100%}.grid{gap:1rem;margin-bottom:2rem}.route-card{min-height:40px}.card-title{font-size:1.125rem}.route-info-value{font-size:.9rem}.text-small{font-size:.8rem}.margin-bottom{margin-bottom:1rem!important}.margin-medium-bottom{margin-bottom:.75rem!important}.margin-large-bottom{margin-bottom:1.5rem!important}.margin-top{margin-top:1rem!important}.margin-top-small{margin-top:.5rem!important}.margin-right{margin-right:.5rem!important}.margin-medium-right{margin-right:1rem!important}.margin-left{margin-left:.5rem!important}footer{margin-top:3rem;padding:1.5rem 0}.link-muted,footer p{font-size:.8rem}.link-muted{margin:0 .75rem}.heading-line{margin:2rem 0 1.5rem}.heading-line span{font-size:1.25rem;padding:.75rem 1.5rem}.list-divider>li{padding:.75rem 0}}@media (min-width:768px){.app-container{padding:3rem 2rem}.map-wrapper{height:550px}.grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.card-body,.card-header{padding:2rem}.route-indicator{height:28px;width:28px}.card-title{font-size:1.5rem}.position-fixed.position-bottom-right{bottom:2rem;left:auto;right:2rem;width:380px}}@media (min-width:1024px){.app-container{padding:4rem 3rem}.map-wrapper{height:850px;margin-bottom:4rem}.grid{gap:2.5rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px}}@media (min-width:1400px){.grid{grid-template-columns:repeat(2,minmax(500px,1fr));max-width:1400px}}.force-markers-visible .leaflet-marker-pane{display:block!important;visibility:visible!important;z-index:900!important}.force-markers-visible .leaflet-marker-icon{display:block!important;pointer-events:auto!important;transform:none!important;visibility:visible!important}.leaflet-control{clear:both;z-index:500}.leaflet-overlay-pane{z-index:300!important}.leaflet-div-icon{background:#0000!important;border:none!important}.leaflet-div-icon,[class^=jeep-marker-]{opacity:1!important;visibility:visible!important;z-index:900!important}[class^=jeep-marker-]{align-items:center!important;display:flex!important;justify-content:center!important;pointer-events:auto!important}.jeep-marker-A.selected-route,.jeep-marker-B.selected-route{filter:brightness(1.1) drop-shadow(0 4px 8px rgba(0,0,0,.3))!important;opacity:1!important;transform:scale(1.3)!important;visibility:visible!important;z-index:1000!important}.jeep-marker-A:not(.selected-route),.jeep-marker-B:not(.selected-route){opacity:.7!important;visibility:visible!important;z-index:900!important}.leaflet-marker-icon svg{height:100%;opacity:1!important;overflow:visible;pointer-events:auto;visibility:visible!important;width:100%}.leaflet-marker-pane{pointer-events:auto!important;z-index:800!important}.leaflet-overlay-pane{pointer-events:none!important;z-index:400!important}.leaflet-marker-icon.leaflet-interactive{opacity:1!important;pointer-events:auto!important;position:absolute!important;transform-origin:center center!important;visibility:visible!important;z-index:800!important}.box-shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow)}.box-shadow-small{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.box-shadow-medium{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.box-shadow-large{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.box-shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}.ejeep-details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.375rem;border-radius:var(--radius-sm);margin-top:.5rem;padding:.5rem}.ejeep-detail-item{background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-sm);margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.ejeep-detail-item:hover{background:var(--bg-hover);border-color:#cbd5e1;border-color:var(--border-hover)}.ejeep-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.ejeep-detail-name{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:600}.ejeep-detail-status{font-size:.75rem;font-weight:500}.ejeep-detail-info{color:#64748b;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.75rem}.card.active .ejeep-detail-info{color:#fff}.map-controls{display:none}.map-control-btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;transition:all .2s ease;width:44px}.map-control-btn:hover{background:#f8fafc;background:var(--surface-hover);border-color:#cbd5e1;border-color:var(--border-hover);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);transform:translateY(-1px)}.map-control-btn:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(0)}.map-control-btn.active{color:#fff}.map-control-btn.active,.map-control-btn.active:hover{background:#1a1a1a;background:var(--brand-primary);border-color:#1a1a1a;border-color:var(--brand-primary)}@media (max-width:768px){.map-controls{gap:4px;right:10px;top:100px}.map-control-btn{font-size:14px;height:40px;width:40px}}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f8fafc 50%,#e2e8f0 75%);background:linear-gradient(90deg,var(--border) 25%,var(--surface-hover) 50%,var(--border) 75%);background-size:200% 100%;border-radius:.375rem;border-radius:var(--radius-sm)}.loading-container{width:100%}.skeleton-map{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);height:400px;overflow:hidden;position:relative}.skeleton-map-content{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.skeleton-legend-toggle{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;height:32px;justify-content:center;position:absolute;right:10px;top:10px;width:32px;z-index:1000}.skeleton-map-content{animation:gradient-shift 4s ease-in-out infinite;background:linear-gradient(45deg,#f8fafc 25%,#0000 0),linear-gradient(-45deg,#f8fafc 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f8fafc 0),linear-gradient(-45deg,#0000 75%,#f8fafc 0);background:linear-gradient(45deg,var(--surface-hover) 25%,#0000 25%),linear-gradient(-45deg,var(--surface-hover) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,var(--surface-hover) 75%),linear-gradient(-45deg,#0000 75%,var(--surface-hover) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;height:100%;width:100%}.floating-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.floating-dot{animation:floating-dots 3s ease-in-out infinite;background:#1a1a1a;background:var(--brand-primary);border-radius:50%;height:6px;opacity:.6;position:absolute;width:6px}.floating-dot.dot-1{animation-delay:0s;left:20%;top:25%}.floating-dot.dot-2{animation-delay:.8s;left:60%;top:45%}.floating-dot.dot-3{animation-delay:1.6s;left:35%;top:65%}.floating-dot.dot-4{animation-delay:2.4s;left:75%;top:80%}.skeleton-route-hints{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.route-hint{animation:wave-flow 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#0056b34d,#0000);border-radius:1px;height:2px;position:absolute}.route-hint.hint-1{animation-delay:0s;left:15%;top:30%;width:40%}.route-hint.hint-2{animation-delay:1s;left:25%;top:55%;width:35%}.route-hint.hint-3{animation-delay:2s;left:10%;top:75%;width:50%}.skeleton-heading-text{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:.375rem;border-radius:var(--radius-sm);display:inline-block;height:32px;width:180px}.skeleton-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.route-card-skeleton{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.skeleton-route-title{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:.375rem;border-radius:var(--radius-sm);display:inline-block;height:24px;margin:0}.skeleton-route-title-a{width:45px}.skeleton-route-title-b{width:50px}.skeleton-route-destination{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:.375rem;border-radius:var(--radius-sm);display:block;height:16px;margin-bottom:.25rem}.skeleton-route-destination-a{width:120px}.skeleton-route-destination-b{width:95px}.skeleton-route-distance{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:.375rem;border-radius:var(--radius-sm);display:block;height:14px}.skeleton-route-distance-a{width:55px}.skeleton-route-distance-b{width:45px}.skeleton-expand-toggle{align-items:center;animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border:none;border-radius:.5rem;border-radius:var(--radius);display:flex;height:32px;justify-content:center;width:32px}.route-stats{gap:1rem}.stat-item{align-items:center;gap:.25rem}.walk-suggestion{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:.5rem;border-radius:var(--radius);color:#d97706;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;line-height:1.4;margin-top:.75rem;padding:.625rem .75rem}.walk-suggestion svg{animation:walkingAnimation .8s ease-in-out infinite;color:#d97706;flex-shrink:0;height:16px;transform-origin:center bottom;width:16px}@keyframes walkingAnimation{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-1px) rotate(-3deg)}50%{transform:translateX(0) rotate(0deg)}75%{transform:translateX(1px) rotate(3deg)}}.walk-suggestion span{flex:1 1}.card.active .walk-suggestion{background:#ffffff26;border-color:#ffffff4d;color:#fffffff2}.card.active .walk-suggestion svg{color:#fffffff2}.skeleton-stat-number{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:.375rem;border-radius:var(--radius-sm);display:block;height:20px}.skeleton-stat-number-a-1{width:18px}.skeleton-stat-number-a-2{width:12px}.skeleton-stat-number-b-1{width:24px}.skeleton-stat-number-b-2{width:16px}.stat-label{color:#64748b;color:var(--text-secondary);font-weight:500}.skeleton-card-a{animation:skeleton-fade-in .8s ease-out}.skeleton-card-b{animation:skeleton-fade-in .8s ease-out .2s both}.loading-progress{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:25px;bottom:20px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;left:50%;padding:12px 20px;position:fixed;transform:translateX(-50%);z-index:1000}.loading-container{display:flex;flex-direction:column;min-height:100vh;position:relative}.loading-stage{opacity:0;transform:translateY(20px);transition:width .6s cubic-bezier(.4,0,.2,1)}.loading-stage.stage-active{opacity:1;transform:translateY(0)}.loading-stage-2{margin-top:2rem}.loading-text{color:#1a1a1a;color:var(--brand-primary);font-size:1.5rem;font-weight:600;letter-spacing:.05em;margin:0 auto 1rem;text-align:center}.loading-progress-bar{background:#1a1a1a1a;border-radius:2px;height:4px;margin:.5rem auto 0;overflow:hidden;width:200px}.progress-fill{background:#1a1a1a;background:var(--brand-primary);border-radius:2px;height:100%;overflow:hidden;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-fill:before{animation:progress-shine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progress-shine{0%{left:-100%}to{left:100%}}.progress-fill.stage-1{width:33%}.progress-fill.stage-2{width:66%}.progress-fill.stage-0{width:100%}.content-reveal{animation:content-fade-in .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(10px)}.content-reveal.content-visible{animation-play-state:running}@keyframes content-fade-in{0%{opacity:0;transform:translateY(10px)}60%{opacity:.8;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.skeleton-card-a{animation:skeleton-fade-in .6s ease-out forwards}.skeleton-card-b{animation:skeleton-fade-in .6s ease-out .2s forwards;opacity:0}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.loading-text{animation:text-fade .3s ease-in-out;color:#64748b;color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.routes-skeleton-container{animation:routes-fade-in .8s ease-out .3s forwards;opacity:0}.routes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.route-card-a{animation:card-stagger-in .6s cubic-bezier(.4,0,.2,1) forwards}.route-card-a,.route-card-b{opacity:0;transform:translateY(20px)}.route-card-b{animation:card-stagger-in .6s cubic-bezier(.4,0,.2,1) .2s forwards}@keyframes routes-fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes card-stagger-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton-expand-toggle,.skeleton-heading-text,.skeleton-map-content,.skeleton-route-destination,.skeleton-route-distance,.skeleton-route-title,.skeleton-stat-number{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-route-title-a{animation-delay:.1s}.skeleton-route-title-b{animation-delay:.2s}.skeleton-stat-number-a-1{animation-delay:.3s}.skeleton-stat-number-a-2{animation-delay:.4s}.skeleton-stat-number-b-1{animation-delay:.5s}.skeleton-stat-number-b-2{animation-delay:.6s}.route-card-skeleton{animation:reveal-card .6s ease-out forwards;opacity:0;transform:translateY(20px)}.route-card-skeleton:first-child{animation-delay:.8s}.route-card-skeleton:nth-child(2){animation-delay:1s}@keyframes reveal-card{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.loading-progress{bottom:15px;font-size:13px;padding:10px 16px}.loading-dots span{height:6px;width:6px}.app-container{padding:1rem .5rem}.map-wrapper{border-radius:1rem;border-radius:var(--radius-lg);height:550px;overflow:hidden;position:relative}.ejeep-status{align-items:flex-start;flex-direction:column;gap:.75rem}.stations-carousel{justify-content:center;width:100%}.ejeep-number{align-self:center;margin-bottom:.5rem}.grid{gap:1rem;grid-template-columns:1fr}.grid-item{animation-delay:0ms!important}footer{padding:1.5rem .5rem}footer .card{padding:1rem}.badge{font-size:.75rem;padding:.25rem .5rem}.hide-on-mobile{display:none!important}.update-indicator{font-size:.75rem}.ejeep-tracker-header{margin-bottom:.25rem}.ejeep-number-badge{font-size:.7rem;height:28px;width:28px}.ejeep-id-label{font-size:.8rem}.ejeep-status-row{padding-left:2rem}.ejeep-track-btn{font-size:.75rem;min-height:36px;min-width:36px;padding:.35rem .6rem}.ejeep-direction-row{flex-wrap:wrap}.route-details{margin-top:.25rem;max-height:50vh;overflow-x:hidden;overflow-y:auto;padding-top:.25rem}.ejeep-list{margin-top:0;padding:0}.ejeep-tracker-card{margin-bottom:.5rem;padding:.75rem}.route-stops-chain{column-gap:.2rem;font-size:.7rem;min-width:0}.chain-stop-current,.chain-stop-next,.chain-stop-prev{max-width:120px;white-space:normal;word-break:break-word}.ejeep-route-progress{padding:.5rem}.route-progress-bar-wrap{margin-top:.3rem}.ejeep-tracker-card .movement-text{font-size:.75rem}.ejeep-time-row{font-size:.7rem}.ejeep-time-row svg{height:10px;width:10px}}@media (hover:none) and (pointer:coarse){.card-hover:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);transform:none}.map-control-btn:hover{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:none}.map-control-btn{height:48px;width:48px}}@media (max-width:640px){.mobile-panel{margin-bottom:1rem}.mobile-panel-header{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.mobile-panel-header:hover{background:#f8fafc;background:var(--surface-hover)}.mobile-panel-title{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:600}.mobile-panel-toggle{align-items:center;display:flex;height:24px;justify-content:center;transition:transform .2s ease;width:24px}.mobile-panel-toggle.rotated{transform:rotate(180deg)}.mobile-panel-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-panel-content.expanded{max-height:1000px}}@media (max-width:768px){.margin-large-bottom{margin-bottom:2rem}.margin-large-top{margin-top:2rem}.heading-line{font-size:1.5rem;margin-bottom:2rem}.heading-line:after{height:2px}}.header-status{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:400;gap:.5rem;justify-content:center;margin-top:.75rem}.weather-display{color:#1e293b;color:var(--text-primary);font-weight:500;gap:.25rem}.route-labels,.weather-display{align-items:center;display:flex}.route-labels{gap:1rem}.route-label{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.route-dot{display:inline-block;height:8px;width:8px}.route-a .route-dot{background-color:#0056b3}.route-b .route-dot{background-color:#ff9500}@media (max-width:768px){.route-labels{gap:.75rem}.route-label{font-size:.8rem}.route-dot{height:6px;width:6px}.walk-suggestion{font-size:.75rem;margin-top:.625rem;padding:.5rem .625rem}.walk-suggestion svg{height:14px;width:14px}}.route-header{justify-content:space-between;width:100%}.route-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;margin-left:1rem}.route-destination{font-size:.85rem;font-weight:400}.route-destination,.route-distance{color:#94a3b8;color:var(--text-muted)}.route-distance{font-size:.75rem;opacity:.8}.expand-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:relative;touch-action:manipulation;transition:all .2s ease;z-index:10}.expand-toggle:hover{background-color:#f8fafc;background-color:var(--surface-hover);color:var(--text)}.expand-toggle.selected:hover{color:#94a3b8;color:var(--text-muted)}.expand-toggle.expanded svg{transform:rotate(180deg)}.route-summary{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.card.active .route-summary{border-top-color:#fff3}.route-stats{align-items:center;display:flex;gap:.75rem;justify-content:flex-start}.stat-item{display:flex;flex-direction:column}.stat-number{color:var(--text);font-size:1.5rem;font-weight:700}.card.active .stat-number{color:#fffffff2!important}.stat-label{color:#94a3b8;color:var(--text-muted);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.card.active .stat-label{color:#ffffffb3!important}.route-details{animation:slideDown .3s ease-out;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin-top:1rem;overflow-x:hidden;padding-top:1rem}.ejeep-tracker-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);padding:18px}.ejeep-tracker-card:hover{border-color:#cbd5e1;border-color:var(--border-hover)}.card.active .ejeep-tracker-card{background:#ffffff14;border-color:#fff3}.ejeep-tracker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.ejeep-tracker-title{align-items:center;display:flex;gap:10px}.ejeep-id-label{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:600}.ejeep-number-badge{align-items:center;background:linear-gradient(135deg,#0056b3,#003d82);background:linear-gradient(135deg,var(--route-color),var(--route-color-dark,var(--route-color)));border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:32px;justify-content:center;min-width:32px;width:32px}.card.active .ejeep-number-badge{background:#fff;color:#0056b3;color:var(--route-color)}.ejeep-track-btn{font-size:.75rem;gap:6px;padding:6px 14px;transition:all .15s}.ejeep-track-btn:hover{color:#0056b3;color:var(--route-color)}.ejeep-track-btn.tracking{background:#0056b3;background:var(--route-color)}.ejeep-status-row{align-items:center;display:flex;gap:10px;margin-bottom:14px}.movement-tag{align-items:center;display:inline-flex;font-size:.6875rem;font-weight:500;gap:5px}.movement-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.movement-moving .movement-dot{background:#10b981}.movement-stopped .movement-dot{background:#f59e0b}.movement-parked .movement-dot{background:#94a3b8}.movement-disconnected .movement-dot{animation:movement-pulse 1s infinite;background:#ef4444}.movement-disconnected .movement-text{color:#ef4444}.movement-text{color:#64748b;color:var(--text-secondary)}.ejeep-time-row{align-items:center;color:#94a3b8;color:var(--text-muted);display:inline-flex;font-size:.6875rem;gap:4px;gap:var(--gap-xs);margin-left:auto}.ejeep-time-row svg{flex-shrink:0}@keyframes movement-pulse{0%,to{opacity:1}50%{opacity:.5}}.ejeep-body{background:#f8fafc;background:var(--surface-hover);border-radius:.5rem;border-radius:var(--radius);padding:16px}.ejeep-body-inactive{padding:16px;padding:var(--gap-lg);text-align:center}.inactive-label{color:#94a3b8;color:var(--text-muted);font-size:.8rem;font-weight:500}.ejeep-primary{align-items:center;display:flex;gap:8px;gap:var(--gap-sm)}.ejeep-primary-icon{flex-shrink:0}.ejeep-primary-dest{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:700}.ejeep-eta-badge{background:oklch(95% .02 260);border-radius:100px;color:#0056b3;color:var(--route-color);font-size:.7rem;font-weight:600;margin-left:auto;padding:2px 8px}.ejeep-secondary{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.7rem;gap:6px;margin-bottom:10px;margin-top:6px;padding-left:22px}.ejeep-secondary-eta{color:#0056b3;color:var(--route-color);font-weight:600}.ejeep-secondary-sep{opacity:.4}.ejeep-enroute{align-items:center;display:flex;flex-direction:column;gap:4px;gap:var(--gap-xs);padding:12px;padding:var(--gap-md)}.ejeep-enroute-label{color:#94a3b8;color:var(--text-muted);font-size:.75rem;font-weight:500}.ejeep-enroute-dest{color:#64748b;color:var(--text-secondary);font-size:.8rem;font-weight:600}.ejeep-list{display:flex;flex-direction:column;gap:8px;gap:var(--gap-sm);padding:0 1rem 1rem}.ejeep-track-btn{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:.5rem;border-radius:var(--radius);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.ejeep-track-btn:hover{background:#f8fafc;background:var(--surface-hover);border-color:#0056b3;border-color:var(--route-color);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.ejeep-track-btn svg{flex-shrink:0}.ejeep-track-btn.tracking{background:linear-gradient(135deg,#0056b3,#003d82);background:linear-gradient(135deg,var(--route-color),var(--route-color-dark,var(--route-color)));border-color:#0056b3;border-color:var(--route-color);box-shadow:0 2px 8px #0056b34d;color:#fff}.ejeep-track-btn.tracking:hover{box-shadow:0 4px 12px #0056b366;transform:translateY(-1px)}.card.active .ejeep-track-btn{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.card.active .ejeep-track-btn:hover{background:#fff3;border-color:#ffffff80}.card.active .ejeep-track-btn.tracking{background:#fff;border-color:#fff;box-shadow:0 2px 12px #ffffff4d;color:#0056b3;color:var(--route-color)}.card.active .ejeep-track-btn.tracking:hover{box-shadow:0 4px 16px #fff6}.ejeep-tracker-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.ejeep-last-update{font-size:.6875rem;opacity:.8}.ejeep-route-progress{background:#f8fafc;background:var(--surface-hover);border-radius:.5rem;border-radius:var(--radius);padding:.75rem}.route-stops-chain{grid-column-gap:.375rem;align-items:center;animation:chainSlide .4s ease-out;column-gap:.375rem;display:grid;grid-template-columns:1fr auto auto auto 1fr;margin-bottom:.5rem;min-width:0;overflow:hidden}.chain-stop-current,.chain-stop-next,.chain-stop-prev{max-width:120px;overflow:hidden;text-overflow:ellipsis}.chain-stop-prev{color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:500;justify-self:end;white-space:nowrap}.chain-arrow{color:#94a3b8;color:var(--text-muted);font-size:.6875rem;opacity:.6;text-align:center}.chain-stop-current{color:#1e293b;color:var(--text-primary);font-size:.8125rem;font-weight:700;text-align:center;white-space:nowrap}.chain-stop-next{color:#94a3b8;color:var(--text-muted);font-size:.6875rem;font-weight:400;justify-self:start;white-space:nowrap}.pin-icon-chain{margin-right:.125rem;vertical-align:middle}.chain-stop-pinned{align-items:center;display:inline-flex;gap:.125rem}.route-progress-bar-wrap{margin-top:8px;margin-top:var(--gap-sm)}.route-progress-bar{background:#e2e8f0;background:var(--border-color,#e2e8f0);border-radius:3px;height:6px;overflow:hidden}.route-progress-fill{border-radius:3px;height:100%;transition:width .5s ease}.route-percentage-wrap{margin-bottom:.5rem;text-align:center}.route-percentage{color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:600}@keyframes chainSlide{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.ejeep-direction-row{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.375rem}.direction-arrow-svg{color:#0056b3;color:var(--route-color);flex-shrink:0;font-size:.875rem}.direction-eta-text{font-weight:500}.map-legend{animation:slideInFromRight .25s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:oklch(100% 0 0/.97);border:1px solid oklch(92% .005 75);border-radius:14px;box-shadow:0 4px 20px oklch(0 0 0/.08);font-size:13px;min-width:195px;padding:16px 18px;position:absolute;right:60px;top:12px;z-index:1000}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.map-legend h4{color:oklch(28% .045 260);font-family:Sora,system-ui,sans-serif;font-size:14px;font-weight:700;letter-spacing:-.01em;margin:0 0 14px}.legend-item{background:oklch(97% .003 75);border-radius:8px;gap:10px;margin-bottom:8px;padding:7px 10px;transition:background .15s}.legend-item:last-child{margin-bottom:0}.legend-item:hover{background:oklch(95% .005 75)}.legend-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.legend-icon,.legend-station{flex-shrink:0}.station-marker-preview{height:20px;width:20px}.station-marker-preview,.station-outer{align-items:center;display:flex;justify-content:center}.station-outer{background:#fff;border:2.5px solid;border-radius:50%;height:14px;width:14px}.station-inner{border-radius:50%;height:7px;width:7px}.legend-item span{color:oklch(28% .01 75);font-family:Figtree,system-ui,sans-serif;font-size:13px;font-weight:500}.legend-toggle-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:oklch(100% 0 0/.97);border:1px solid oklch(92% .005 75);border-radius:10px;box-shadow:0 2px 8px oklch(0 0 0/.06);color:oklch(28% .045 260);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:40px;z-index:1000}.legend-toggle-btn:hover{border-color:oklch(28% .045 260/.2);box-shadow:0 4px 12px oklch(0 0 0/.1);transform:translateY(-1px)}.legend-toggle-btn:active{transform:translateY(0)}.legend-toggle-btn svg{height:18px;width:18px}.zoom-controls-float{bottom:24px;display:flex;flex-direction:column;gap:6px;position:absolute;right:12px;z-index:10000}.zoom-ctrl-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:Sora,system-ui,sans-serif;font-size:20px;font-weight:600;height:40px;justify-content:center;line-height:1;transition:transform .12s,opacity .12s;-webkit-user-select:none;user-select:none;width:40px}.zoom-ctrl-btn:active{transform:scale(.92)}.zoom-in-ctrl,.zoom-out-ctrl{background:#fffffff2;box-shadow:0 2px 8px #00000014;color:#1e293b}.zoom-in-ctrl:hover,.zoom-out-ctrl:hover{background:#fff;box-shadow:0 4px 12px #0000001f}.user-location-marker{background:none!important;border:none!important}.map-branding{background:oklch(100% 0 0/.85);border-radius:6px;bottom:16px;box-shadow:0 1px 4px oklch(0 0 0/.06);font-size:10px;left:12px;line-height:1.3;max-width:200px;padding:5px 10px;position:absolute;z-index:1000}.campus-label{color:oklch(55% .01 75);font-family:Figtree,system-ui,sans-serif;font-size:10px;font-weight:500}@media (max-width:768px){.map-legend{max-width:calc(100vw - 20px);min-width:180px;padding:14px;right:8px;top:52px}.map-legend h4{font-size:13px;margin-bottom:12px}.legend-item{gap:8px;padding:6px 8px}.legend-item span{font-size:12px}.legend-toggle-btn{height:36px;right:8px;top:12px;width:36px}.legend-toggle-btn svg{height:16px;width:16px}.map-branding{bottom:12px;left:8px}.zoom-controls-float{bottom:12px;right:8px}.zoom-ctrl-btn{font-size:18px;height:36px;width:36px}}.station-with-report{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.report-wait-btn{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:50%;color:#d97706;cursor:pointer;display:inline-flex;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.report-wait-btn:hover{background:#f59e0b33;border-color:#f59e0b80;transform:scale(1.05)}.report-wait-btn:active{transform:scale(.95)}.report-wait-btn svg{height:14px;width:14px}.wait-warning{animation:fadeIn .3s ease;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:.5rem;border-radius:var(--radius);color:#d97706;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .625rem}.toast-notification,.wait-warning{align-items:center;font-weight:500}.toast-notification{animation:slideUpToast .25s ease,fadeOutToast .3s ease 2.7s forwards;background:#fff;border-radius:12px;bottom:2rem;box-shadow:0 4px 24px #0000001f,0 0 0 1px #0000000a;color:#0f172a;display:flex;font-size:14px;gap:8px;left:50%;max-width:90%;padding:12px 20px;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:10000}.toast-notification.toast-success{border:1px solid #bbf7d0}.toast-notification.toast-success svg{color:#10b981}.toast-notification.toast-error{border:1px solid #fecaca}.toast-notification.toast-error svg{color:#ef4444}.toast-notification svg{flex-shrink:0}.toast-notification span{color:#0f172a;line-height:1.4}@keyframes slideUpToast{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeOutToast{to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.legend-modal{animation:slideUpModal .3s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000026;max-width:400px;width:100%}.legend-content{padding:1.5rem}.legend-description{color:#64748b;color:var(--text-secondary);font-size:.9375rem;font-weight:500;margin:0 0 1.5rem}.legend-items{display:flex;flex-direction:column;gap:1rem}.legend-item{align-items:center;display:flex;gap:1rem}.legend-text{color:#1e293b;color:var(--text-primary);font-size:.9375rem;font-weight:500}.section-description-wrapper{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.section-description{margin:0}.legend-info-button{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:50%;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.legend-info-button:hover{background:var(--hover);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:var(--primary);transform:scale(1.05)}.legend-info-button:active{transform:scale(.95)}.legend-info-button svg{display:block}.station-wait-times-section{margin:4rem auto 3rem;max-width:1400px;padding:0 1.5rem}.station-wait-times-section .section-header{margin-bottom:3rem;text-align:center}.section-header-wrapper{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.station-wait-times-section .section-title{color:#1a1a1a;color:var(--brand-primary);font-size:2.25rem;font-weight:700;letter-spacing:-.015em;margin:0}.button-group{gap:1rem;width:100%}.button-group,.station-wait-times-section .section-description{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.station-wait-times-section .section-description{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500;gap:.5rem;margin:0;padding:0 1rem}.report-wait-button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius);box-shadow:0 2px 4px #1a1a1a26;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:transform .2s,opacity .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.report-wait-button,.report-wait-button:hover{background:#1a1a1a;background:var(--brand-primary)}.report-wait-button:hover{box-shadow:0 4px 12px #1a1a1a40;transform:translateY(-1px)}.report-wait-button:active{transform:translateY(0)}.report-wait-button svg{flex-shrink:0;height:18px;width:18px}.refresh-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:.5rem;border-radius:var(--radius);color:#1e293b;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:transform .2s,opacity .2s cubic-bezier(.4,0,.2,1)}.refresh-button:hover{border-color:#1a1a1a;border-color:var(--brand-primary);box-shadow:0 2px 8px #1a1a1a1a;color:#1a1a1a;color:var(--brand-primary);transform:translateY(-1px)}.refresh-button:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(0)}.refresh-button svg{flex-shrink:0;height:16px;transition:transform .3s ease;width:16px}.refresh-button:hover svg{transform:rotate(180deg)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wait-legend{align-items:center;border-radius:.5rem;border-radius:var(--radius);display:inline-flex;font-size:.8125rem;font-weight:600;letter-spacing:.01em;padding:.375rem .75rem}.wait-legend.short{background:#10b9811f;border:1px solid #10b98140;color:#059669}.wait-legend.normal{background:#f59e0b1f;border:1px solid #f59e0b40;color:#d97706}.wait-legend.long{background:#ef44441f;border:1px solid #ef444440;color:#dc2626}.wait-times-route{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1rem;overflow:hidden;padding:0;transition:transform .3s,box-shadow .3s,border-color .3s cubic-bezier(.4,0,.2,1)}.wait-times-route:hover{border-color:#cbd5e1;border-color:var(--border-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.wait-times-route-header{align-items:center;background:#fff;background:var(--surface);display:flex;justify-content:space-between;margin-bottom:0;padding:1.25rem 1.5rem;transition:transform .2s,opacity .2s cubic-bezier(.4,0,.2,1)}.wait-times-route-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.wait-times-route-header.clickable:hover{background:#f8fafc;background:var(--surface-hover)}.route-header-content{align-items:center;display:flex;gap:.875rem}.wait-times-route-header .route-badge{align-items:center;border-radius:.5rem;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:700;height:40px;justify-content:center;width:40px}.dropdown-icon{color:#64748b;color:var(--text-secondary);flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dropdown-icon.expanded{color:#1a1a1a;color:var(--brand-primary);transform:rotate(180deg)}.wait-times-route-header .route-name{color:#1e293b;color:var(--text-primary);font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}.wait-times-stations{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:#fafbfc;background:var(--background);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:0;padding:1rem 1.5rem 1.25rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wait-time-station-item{background:#0000;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:1rem 0;transition:transform .2s,opacity .2s cubic-bezier(.4,0,.2,1)}.wait-time-station-item:last-child{border-bottom:none;padding-bottom:0}.wait-time-station-item:hover{background:#1a1a1a08;border-radius:.5rem;border-radius:var(--radius);margin-left:-.75rem;margin-right:-.75rem;padding-left:.75rem;padding-right:.75rem}.station-info{display:flex;flex-direction:column;gap:.5rem}.station-info .station-name{color:#1e293b;color:var(--text-primary);font-size:.9375rem;font-weight:600}.wait-status-badges-container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.wait-status-badge{align-items:center;border-radius:.5rem;border-radius:var(--radius);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.375rem;letter-spacing:.01em;padding:.375rem .75rem;white-space:nowrap}.wait-status-badge svg{flex-shrink:0;height:14px;width:14px}.wait-status-badge.short{background:#10b9811f;border:1px solid #10b98140;color:#059669}.wait-status-badge.normal{background:#f59e0b1f;border:1px solid #f59e0b40;color:#d97706}.wait-status-badge.long{background:#ef44441f;border:1px solid #ef444440;color:#dc2626}.wait-status-badge .status-text{font-weight:500}.wait-status-badge .report-count{font-size:.75rem;font-weight:400;opacity:.65}.no-reports{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;font-style:italic}.wait-times-skeleton-container{width:100%}.skeleton-header{margin-bottom:1.5rem;text-align:center}.skeleton-title{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius);height:36px;margin:0 auto 1rem;width:300px}.skeleton-buttons{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.skeleton-button{background:linear-gradient(90deg,#e8f4f8 25%,#d0e8f0 50%,#e8f4f8 75%);background-size:200% 100%;height:44px;width:120px}.skeleton-button,.skeleton-description{animation:shimmer 1.5s infinite;border-radius:.5rem;border-radius:var(--radius)}.skeleton-description{background:linear-gradient(90deg,#f8f8f8 25%,#f0f0f0 50%,#f8f8f8 75%);background-size:200% 100%;height:20px;margin:0 auto;max-width:90%;width:500px}.wait-times-skeleton{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.wait-times-skeleton-route{background:#fff;border-radius:.5rem;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1rem}.wait-times-skeleton-header{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.skeleton-badge{height:32px;width:40px}.skeleton-badge,.skeleton-text{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius)}.skeleton-text{flex:1 1;height:20px}.skeleton-station{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f8f8f8 25%,#f0f0f0 50%,#f8f8f8 75%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius);height:40px;margin-top:.5rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.station-wait-times-section{margin:2rem auto 1rem;padding:0 .75rem}.station-wait-times-section .section-header{margin-bottom:1.5rem}.section-header-wrapper{flex-direction:column;gap:.75rem}.station-wait-times-section .section-title{font-size:1.25rem;justify-content:center;margin-bottom:.1rem!important;margin-top:.5rem!important;width:100%}.station-wait-times-section .section-title svg{height:20px;width:20px}.refresh-button,.report-wait-button{font-size:.875rem;justify-content:center;max-width:300px;min-height:48px;padding:.75rem 1rem;width:100%}.refresh-button svg,.report-wait-button svg{height:16px;width:16px}.station-wait-times-section .section-description{flex-direction:column;font-size:.875rem;gap:.5rem}.wait-legend{font-size:.75rem;padding:.3rem .625rem}.skeleton-title{height:32px;width:250px}.skeleton-buttons{flex-direction:column;margin:0 auto 1rem;max-width:300px;width:100%}.skeleton-button{height:48px;width:100%}.skeleton-description{height:18px;max-width:100%;width:100%}.wait-times-route{margin-bottom:.75rem}.wait-times-route-header{padding:1rem 1.125rem}.wait-times-route-header .route-badge{font-size:1rem;height:36px;width:36px}.wait-times-route-header .route-name{font-size:1rem}.wait-times-stations{padding:.875rem 1.125rem 1rem}.wait-time-station-item{padding:.875rem 0}.station-info .station-name{font-size:.875rem}.wait-status-badge{font-size:.75rem;padding:.3rem .625rem}.wait-status-badge svg{height:12px;width:12px}}.card.active .report-wait-btn{background:#ffffff26;border-color:#ffffff4d;color:#ffffffe6}.card.active .report-wait-btn:hover{background:#ffffff40;border-color:#ffffff80}.card.active .wait-warning{background:#ffffff26;border-color:#ffffff4d;color:#fffffff2}@media (max-width:768px){.report-wait-btn{height:28px;width:28px}.report-wait-btn svg{height:16px;width:16px}.wait-warning{font-size:.6875rem;padding:.2rem .5rem}.toast-notification{bottom:1rem;font-size:.875rem;padding:.875rem 1.25rem}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10001}.report-modal{animation:slideUpModal .35s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 24px 64px #0033661f,0 8px 24px #0000000a;max-width:460px;overflow:hidden;width:100%}@keyframes slideUpModal{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:space-between;padding:1.75rem 1.75rem 1.25rem}.modal-header h3{color:#0f172a;font-family:Sora,sans-serif;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;margin:0}.modal-subtitle{color:#64748b;font-family:Figtree,sans-serif;font-size:.875rem;font-weight:400;line-height:1.45;margin:6px 0 0}.modal-close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.modal-close-btn:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.modal-body{padding:1.75rem}.form-group{margin-bottom:1.75rem}.form-group label{color:#64748b;display:block;font-family:Figtree,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.07em;margin-bottom:.625rem;text-transform:uppercase}.route-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.route-option{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;color:#334155;cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:.9375rem;font-weight:600;gap:.75rem;padding:.875rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.route-option:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.route-option:active{transform:scale(.98)}.route-option.active{border-width:1.5px;color:#fff}.route-option.route-a-active{background:linear-gradient(135deg,#0056b3,#036);border-color:#036;box-shadow:0 4px 14px #0056b340}.route-option.route-b-active{background:linear-gradient(135deg,#ff9500,#d97706);border-color:#d97706;box-shadow:0 4px 14px #ff950040}.route-indicator{align-items:center;border:1.5px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:24px;justify-content:center;width:24px}.select-wrapper{align-items:center;display:flex;position:relative}.station-select{appearance:none;-webkit-appearance:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;color:#0f172a;cursor:pointer;font-family:Figtree,sans-serif;font-size:.9375rem;font-weight:500;padding:.875rem 2.5rem .875rem 1.125rem;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.station-select:hover{background:#f1f5f9;border-color:#cbd5e1}.station-select:focus{background:#fff;border-color:#0056b3;box-shadow:0 0 0 4px #0056b31a;outline:none}.select-arrow{color:#64748b;pointer-events:none;position:absolute;right:1.125rem;transition:transform .2s ease}.station-select:focus+.select-arrow{color:#0056b3;transform:rotate(180deg)}.wait-length-selector{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.wait-option{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;color:#475569;cursor:pointer;display:flex;flex-direction:column;font-family:Figtree,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;padding:1.125rem .75rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.wait-option:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.wait-option:active{transform:scale(.97)}.wait-option svg{transition:transform .25s ease}.wait-option:hover svg{transform:scale(1.1)}.wait-option.active.short{background:#10b98114;border-color:#10b981;box-shadow:0 4px 14px #10b98126;color:#065f46}.wait-option.active.normal{background:#f59e0b14;border-color:#f59e0b;box-shadow:0 4px 14px #f59e0b26;color:#92400e}.wait-option.active.long{background:#ef444414;border-color:#ef4444;box-shadow:0 4px 14px #ef444426;color:#991b1b}.wait-desc{color:#64748b;font-size:.75rem;font-weight:500}.wait-option.active .wait-desc{color:inherit;opacity:.9}.modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.75rem 1.75rem}.btn-cancel,.btn-submit{border:none;border-radius:12px;cursor:pointer;font-family:Figtree,sans-serif;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.btn-cancel:hover{background:#e2e8f0;color:#0f172a}.btn-submit{background:#036;box-shadow:0 4px 12px #00336626;color:#fff}.btn-submit:hover:not(:disabled){background:#024;box-shadow:0 6px 16px #00336640;transform:translateY(-1px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{background:#f1f5f9;box-shadow:none;color:#94a3b8;cursor:not-allowed}@media (max-width:768px){.modal-overlay{padding:.5rem}.modal-header h3{font-size:1.125rem}.route-selector,.wait-length-selector{grid-template-columns:1fr}.wait-option{flex-direction:row;gap:.75rem;justify-content:flex-start;padding:.875rem}.wait-option:hover{transform:none}.wait-desc{margin-left:auto}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}.station-wait-times-section{margin:2rem auto 1.5rem;padding:0 1rem}.station-wait-times-section .section-header{margin-bottom:2rem}.section-header-wrapper{gap:1.25rem;padding:0 1rem;width:100%}.station-wait-times-section .section-title{font-size:1.75rem;text-align:center;width:100%}.button-group{align-items:center;flex-direction:column;gap:.75rem;margin:0 auto;max-width:400px;width:calc(100% - 2rem)}.refresh-button,.report-wait-button{justify-content:center;max-width:100%;padding:.75rem 1.25rem;width:100%}.station-wait-times-section .section-description{font-size:.8125rem;gap:.375rem}}.admin-map-overlay{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;font-size:.75rem;max-height:calc(100% - 20px);overflow:hidden;position:absolute;right:10px;top:10px;width:260px;z-index:1000}.admin-overlay-header{align-items:center;background:#0056b3;color:#fff;display:flex;flex-shrink:0;gap:.375rem;padding:.5rem .625rem}.admin-overlay-header h4{flex:1 1;font-size:.8125rem;font-weight:600;margin:0}.admin-close-overlay{background:none;border:none;color:#fff;cursor:pointer;display:flex;opacity:.7;padding:.125rem}.admin-close-overlay:hover{opacity:1}.admin-cal-btn{background:#fff3;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.875rem;line-height:1;padding:.125rem .375rem}.admin-cal-btn:hover{background:#ffffff4d}.admin-overlay-list{flex:1 1;overflow-y:auto;padding:.375rem 0}.admin-overlay-charging{margin-bottom:.375rem;padding:0 .5rem}.admin-overlay-charging details summary{color:#2e7d32;cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem 0}.admin-charging-body{padding:.25rem 0}.admin-oz-row{align-items:center;display:flex;gap:.25rem;min-height:28px;padding:.25rem .5rem}.admin-capturing-row{background:#fff3cd;border-radius:4px}.admin-os-name{color:#333;font-size:.6875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:72px}.admin-os-coord{color:#666;flex:1 1;font-family:monospace;font-size:.625rem;text-align:right}.admin-oc-grab{background:#0056b3;border:none;border-radius:3px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.625rem;padding:.125rem .5rem;white-space:nowrap}.admin-oc-grab:hover{background:#003d80}.admin-oc-input{width:72px}.admin-oc-input,.admin-or-input{background:#fff;border:1px solid #ddd;border-radius:3px;color:#333;font-family:monospace;font-size:.625rem;padding:.125rem .25rem}.admin-or-input{width:52px}.admin-or-unit{color:#666;font-size:.625rem}.admin-overlay-route{padding:0 .5rem}.admin-overlay-route h5{color:#666;font-size:.6875rem;font-weight:600;margin:.25rem 0 .125rem}.admin-overlay-route .admin-oz-row+.admin-oz-row{border-top:1px solid #f0f0f0}.admin-overlay-footer{border-top:1px solid #eee;display:flex;flex-shrink:0;gap:.375rem;padding:.375rem .5rem}.admin-overlay-footer button{background:#f0f0f0;border:none;border-radius:3px;color:#333;cursor:pointer;font-size:.6875rem;padding:.25rem .5rem;white-space:nowrap}.admin-overlay-footer button:hover{background:#e0e0e0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.cal-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.cal-modal{background:#fff;border-radius:12px;box-shadow:0 8px 40px #0000004d;display:flex;height:90vh;overflow:hidden;width:90vw}.cal-sidebar{background:#fafafa;border-right:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;width:260px}.cal-sidebar-header{align-items:center;background:#0056b3;border-bottom:1px solid #eee;color:#fff;display:flex;gap:.5rem;padding:.75rem}.cal-sidebar-header h4{flex:1 1;font-size:.875rem;font-weight:600;margin:0}.cal-toast{animation:pulse 1.5s infinite;background:#fff3;border-radius:3px;font-size:.6875rem;padding:.125rem .375rem}.cal-close-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;opacity:.7;padding:.125rem}.cal-close-btn:hover{opacity:1}.cal-instruction{border-bottom:1px solid #f0f0f0;color:#666;font-size:.75rem;line-height:1.4;margin:0;padding:.5rem .75rem}.cal-list{flex:1 1;overflow-y:auto;padding:.375rem}.cal-group{margin-bottom:.75rem}.cal-group h5{color:#888;font-size:.6875rem;font-weight:600;letter-spacing:.03em;margin:.375rem .5rem .25rem;text-transform:uppercase}.cal-row{align-items:center;border-radius:4px;display:flex;gap:.25rem;min-height:28px;padding:.25rem .5rem}.cal-row-active{background:#fff3cd}.cal-name{color:#333;font-size:.6875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80px}.cal-coord{color:#888;flex:1 1;font-family:monospace;font-size:.625rem;text-align:right}.cal-get-btn{background:#0056b3;border:none;border-radius:3px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.625rem;padding:.125rem .5rem;white-space:nowrap}.cal-get-btn:hover{background:#003d80}.cal-get-btn.cal-capturing{animation:pulse 1.5s infinite;background:#dc3545}.cal-map{flex:1 1;min-width:0}.admin-actions button:last-child:hover{background:#c82333}.sm-layout{inset:0;position:fixed;z-index:9998}.sm-layout,.sm-sidebar{background:#fff;display:flex}.sm-sidebar{border-right:1px solid #e2e8f0;flex-direction:column;min-width:320px;transition:transform .2s ease;width:320px;z-index:1}.sm-sidebar-closed{transform:translateX(-320px)}.sm-sidebar-head{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px}.sm-back-btn{background:none;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;padding:6px 8px;transition:background .1s}.sm-back-btn:hover{background:#f8fafc}.sm-title{color:#0f172a;font-family:Sora,system-ui,sans-serif;font-size:15px;font-weight:600;margin:0}.sm-toggle-btn{background:none;border:1px solid #e2e8f0;border-radius:8px;color:#94a3b8;cursor:pointer;display:none;padding:6px 8px;transition:background .1s}.sm-toggle-btn:hover{background:#f8fafc}.sm-instruction{border-bottom:1px solid #f1f5f9;color:#64748b;font-family:Figtree,system-ui,sans-serif;font-size:12px;line-height:1.5;margin:0;padding:12px 16px}.sm-list{flex:1 1;overflow-y:auto;padding:8px 0}.sm-row-actions{display:flex;flex-shrink:0;gap:6px}.sm-copy-btn,.sm-pin-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-family:Figtree,system-ui,sans-serif;font-size:11px;font-weight:600;padding:4px 10px;transition:background .1s,border-color .1s,color .1s;white-space:nowrap}.sm-pin-btn{color:#0056b3}.sm-pin-btn:hover{background:#eff6ff;border-color:#bfdbfe}.sm-pin-btn.capturing{background:#0056b3;border-color:#0056b3;color:#fff}.sm-copy-btn{color:#64748b}.sm-copy-btn:hover{background:#f8fafc;border-color:#cbd5e1}.sm-copy-btn.copied{background:#10b981;border-color:#10b981;color:#fff}.sm-map{flex:1 1;min-width:0}.sm-ejeep-legend{align-items:center;border-top:1px solid #f1f5f9;color:#94a3b8;display:flex;font-family:Figtree,system-ui,sans-serif;font-size:11px;gap:6px;padding:10px 16px}.sm-legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}@media (max-width:768px){.sm-sidebar{bottom:0;box-shadow:4px 0 20px #0000001a;left:0;min-width:300px;position:absolute;top:0;width:300px}.sm-toggle-btn{display:flex}.sm-sidebar-closed{box-shadow:none;transform:translateX(-300px)}}.splash-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a33;inset:0;justify-content:center;position:fixed;z-index:9999}.splash-card,.splash-overlay{align-items:center;display:flex}.splash-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000a;box-sizing:border-box;flex-direction:column;max-width:400px;padding:56px 36px 36px;text-align:center;width:100%}.splash-jeepney{display:block;margin:0 auto 36px}.splash-title{color:#0f172a;font-family:Sora,system-ui,sans-serif;font-size:28px;font-weight:600;line-height:1.2;margin:0 0 6px;white-space:nowrap}.splash-credit{color:#64748b;font-family:Figtree,system-ui,sans-serif;font-size:14px;line-height:1.5}.splash-credit a{color:#0056b3;text-decoration:none}.splash-credit a:hover{text-decoration:underline}.splash-divider{margin:24px auto 20px}.splash-open-btn{-webkit-font-smoothing:antialiased;align-items:center;align-self:center;background:#0056b3;border:none;border-radius:100px;box-shadow:0 4px 18px #0056b359;color:#fff;cursor:pointer;display:flex;font-family:Sora,system-ui,sans-serif;font-size:16px;font-weight:600;height:48px;justify-content:center;letter-spacing:.02em;margin:0 0 20px;min-width:200px;padding:0 52px;transition:transform .15s,box-shadow .15s}.splash-open-btn:hover{box-shadow:0 6px 24px #0056b366}.splash-open-btn:active{box-shadow:0 2px 8px #0056b340;transform:scale(.96)}.splash-divider{background:#e2e8f0;flex-shrink:0;height:1px;margin:20px auto 24px;width:56px}.splash-legal{align-self:stretch;color:#94a3b8;font-family:Figtree,system-ui,sans-serif;font-size:11px;line-height:1.7;margin:0 0 4px}.splash-legal:last-child{margin-bottom:0}.splash-link-btn{background:none;border:none;color:#0056b3;cursor:pointer;display:inline;font-family:Figtree,system-ui,sans-serif;font-size:12px;padding:0;text-decoration:underline;transition:opacity .15s;vertical-align:initial}.splash-link-btn:hover{opacity:.7}.splash-link-btn:active{opacity:.5}.mobile-container{background:#fff;inset:0;overflow:hidden;position:fixed}.mobile-map-area{bottom:30vh;left:0;position:absolute;right:0;top:0;z-index:1}.mobile-map-area .card-body{height:100%;padding:0!important}.mobile-map-area .map-wrapper{border-radius:0!important;height:100%!important}.mobile-map-area .leaflet-container{height:100%!important;width:100%!important}.bottom-sheet{background:#fff;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 20px #00000014;display:flex;flex-direction:column;left:0;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:1000}.sheet-handle-area{cursor:grab;display:flex;flex-shrink:0;justify-content:center;padding:8px 0 4px;touch-action:none}.sheet-handle{background:#cbd5e1;border-radius:2px;height:4px;width:36px}.sheet-tab-bar{border-bottom:1px solid #f1f5f9;flex-shrink:0;height:48px;justify-content:space-around;padding:0 8px}.sheet-tab,.sheet-tab-bar{align-items:center;display:flex}.sheet-tab{background:none;border:none;color:#94a3b8;cursor:pointer;flex-direction:column;gap:2px;min-height:40px;padding:4px 16px;transition:color .15s}.sheet-tab.active{color:#0056b3}.sheet-tab.active:nth-child(3){color:#64748b}.sheet-tab-label{font-family:Figtree,system-ui,sans-serif;font-size:11px;font-weight:600}.sheet-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.route-tab{padding:8px 12px 16px}.route-tab.content-visible{animation:tabFadeIn .45s cubic-bezier(.16,1,.3,1) both}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.route-tab-intro{margin-bottom:10px;padding:0 2px}.route-tab-intro h4{color:#0f172a;font-family:Sora,system-ui,sans-serif;font-size:.9375rem;font-weight:700;letter-spacing:-.01em;margin:0}.route-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:8px;overflow:hidden}.route-card[open]{box-shadow:0 2px 8px #0000000a}.route-header{align-items:center;cursor:pointer;display:flex;gap:10px;list-style:none;padding:12px}.route-header::-webkit-details-marker{display:none}.route-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.route-name{color:#0f172a;flex:1 1;font-family:Sora,system-ui,sans-serif;font-size:15px;font-weight:600}.route-count{color:#64748b;font-family:Figtree,system-ui,sans-serif;font-size:12px}.route-chevron{color:#94a3b8;flex-shrink:0;transition:transform .3s cubic-bezier(.25,1,.5,1),color .3s ease}.route-card[open] .route-chevron{color:#475569;transform:rotate(180deg)}.route-timeline{border-top:1px solid #f1f5f9;max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.25,1,.5,1)}.route-card[open] .route-timeline{max-height:1000px}.route-timeline-inner{padding:10px 12px 4px}.timeline-item{display:flex;gap:8px;padding-bottom:6px;position:relative}.timeline-item:last-child{padding-bottom:2px}.timeline-line-area{display:flex;flex-shrink:0;justify-content:center;position:relative;width:12px}.timeline-line{bottom:-6px;opacity:.2;position:absolute;top:10px;width:2px}.timeline-line.dashed{background:#0000;border-left:2px dashed;opacity:.3;width:0}.timeline-node{border:2px solid #cbd5e1;border-radius:50%;height:8px;position:relative;top:3px;transition:border-color .3s ease,box-shadow .3s ease;width:8px;z-index:2}.timeline-node,.timeline-node.active{background:#fff;box-shadow:0 0 0 2px #fff}.timeline-node.active{border-width:2px}.node-pulse{animation:pulseNode 2.4s cubic-bezier(.25,1,.5,1) infinite;border-radius:50%;height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}@keyframes pulseNode{0%{box-shadow:0 0 0 0 #0056b359;transform:translate(-50%,-50%) scale(.85)}50%{box-shadow:0 0 0 6px #0056b300;transform:translate(-50%,-50%) scale(1.15)}to{box-shadow:0 0 0 0 #0056b300;transform:translate(-50%,-50%) scale(.85)}}.timeline-content{display:flex;flex:1 1;flex-direction:column;gap:3px}.timeline-stop-name{color:#334155;font-family:Figtree,system-ui,sans-serif;font-size:.6875rem;font-weight:600;margin-top:0}.timeline-stop-row{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.stop-badge{font-feature-settings:"tnum";animation:badgePop .3s cubic-bezier(.16,1,.3,1) both;border-radius:4px;flex-shrink:0;font-family:Sora,system-ui,sans-serif;font-size:.5625rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.4;padding:1px 5px}@keyframes badgePop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.stop-badge.offline{background:#e2e8f0;color:#94a3b8}.stop-badge-time{display:block;font-family:Figtree,system-ui,sans-serif;font-size:.4375rem;font-weight:500;line-height:1.2;opacity:.75}.enroute-card{align-items:center;animation:enrouteEnter .4s cubic-bezier(.25,1,.5,1) forwards;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:4px;justify-content:space-between;margin-top:3px;min-height:26px;opacity:0;padding:3px 6px;transform:translateY(-4px)}.enroute-card.stable{opacity:1;transform:translateY(0)}.enroute-card.offline{opacity:.55}@keyframes enrouteEnter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.enroute-card-left{flex:1 1;min-width:0}.enroute-card-left,.enroute-card-right{align-items:center;display:flex;gap:4px}.enroute-card-right{flex-shrink:0}.enroute-arrow{align-items:center;display:flex;flex-shrink:0;margin-right:-1px;opacity:.45}.enroute-pct{background:#e0f2fe;border-radius:3px;color:#0369a1;font-family:Figtree,system-ui,sans-serif;font-size:.5625rem;font-weight:600;padding:1px 4px}.enroute-pct.offline{background:#f1f5f9;color:#94a3b8}.jeepney-route-badge{font-feature-settings:"tnum";border-radius:4px;color:#fff;flex-shrink:0;font-family:Sora,system-ui,sans-serif;font-size:.625rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.4;padding:1px 5px}.jeepney-update-time{font-feature-settings:"tnum";color:#94a3b8;font-family:Figtree,system-ui,sans-serif;font-size:.5625rem;font-variant-numeric:tabular-nums;font-weight:500}.jeepney-update-time.offline-indicator{color:#cbd5e1;font-style:italic}.btn-view-map{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#475569;cursor:pointer;display:inline-flex;font-family:Figtree,system-ui,sans-serif;font-size:.5625rem;font-weight:600;gap:3px;padding:2px 6px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.btn-view-map:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.btn-view-map:active{transform:scale(.96)}.btn-view-map svg{height:8px;width:8px}.btn-view-map.active{background:#0056b3;border-color:#0056b3;color:#fff}.route-tab-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;font-family:Figtree,system-ui,sans-serif;font-size:.8125rem;gap:10px;justify-content:center;line-height:1.45;padding:24px 12px;text-align:center}.ejeep-tab{padding:4px 12px 16px}.ejeep-tab-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-family:Figtree,system-ui,sans-serif;font-size:14px;gap:12px;justify-content:center;padding:32px 12px;text-align:center}.preloader-overlay{min-height:200px;opacity:1;transform:scale(1);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.preloader-overlay.exiting{opacity:0;pointer-events:none;transform:scale(.95)}.preloader-text{animation:preloaderPulse 1.6s ease-in-out infinite;color:#64748b;font-family:Figtree,system-ui,sans-serif;font-size:.875rem;font-weight:600}@keyframes preloaderPulse{0%,to{opacity:.6}50%{opacity:1}}.empty-state.fade-in{animation:tabFadeIn .45s cubic-bezier(.16,1,.3,1) both}.sleeping-jeepney-icon{filter:drop-shadow(0 4px 10px rgba(0,0,0,.15));height:64px;margin-bottom:8px;width:160px}.speeding-jeepney-icon{filter:drop-shadow(0 6px 14px rgba(0,0,0,.18));height:80px;margin-bottom:8px;width:200px}.stn-tab{padding:8px 12px 16px}.stn-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:8px;overflow:hidden}.stn-card[open]{box-shadow:0 2px 8px #0000000a}.stn-header{align-items:center;cursor:pointer;display:flex;gap:10px;list-style:none;padding:12px}.stn-header::-webkit-details-marker{display:none}.stn-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.stn-name{color:#0f172a;flex:1 1;font-family:Sora,system-ui,sans-serif;font-size:15px;font-weight:600}.stn-count{color:#64748b;font-family:Figtree,system-ui,sans-serif;font-size:12px}.stn-stops{border-top:1px solid #f1f5f9;padding:4px 0}.stn-row{align-items:center;display:flex;gap:8px;min-height:40px;padding:8px 12px}.stn-stop-name{color:#0f172a;flex:1 1;font-family:Figtree,system-ui,sans-serif;font-size:14px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stn-meta{align-items:center;display:flex;flex-shrink:0;gap:6px}.stn-estimate{font-feature-settings:"tnum";color:#0f172a;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;margin-right:2px}.stn-count-badge,.stn-estimate{font-family:Sora,system-ui,sans-serif}.stn-count-badge{font-feature-settings:"tnum";align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.stn-count-badge.short{background:#10b98126;color:#059669}.stn-count-badge.normal{background:#f59e0b26;color:#d97706}.stn-count-badge.long{background:#ef444426;color:#dc2626}.stn-report-age{color:#94a3b8;font-family:Figtree,system-ui,sans-serif;font-size:10px;white-space:nowrap}.stn-detail-list{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow-y:auto;padding:8px 24px 24px}.stn-detail-row{align-items:center;background:#f8fafc;border-radius:10px;display:flex;justify-content:space-between;padding:10px 14px}.stn-detail-badge{font-feature-settings:"tnum";border-radius:6px;font-family:Sora,system-ui,sans-serif;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;padding:2px 10px}.stn-detail-badge.short{background:#10b98126;color:#059669}.stn-detail-badge.normal{background:#f59e0b26;color:#d97706}.stn-detail-badge.long{background:#ef444426;color:#dc2626}.stn-detail-time{color:#64748b;font-size:12px}.stn-detail-time,.stn-report-trigger{font-family:Figtree,system-ui,sans-serif}.stn-report-trigger{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:6px;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:3px;line-height:1;padding:3px 8px;transition:color .15s,border-color .15s}.stn-report-trigger:hover{border-color:#bfdbfe;color:#0056b3}.stn-disclaimer{color:#94a3b8;font-family:Figtree,system-ui,sans-serif;font-size:11px;font-style:italic;line-height:1.5;margin:12px 0 8px;text-align:center}@media (max-width:768px){.stn-row{flex-wrap:wrap;gap:6px;padding:8px 12px}.stn-meta{justify-content:flex-end;width:100%}.stn-report-trigger{margin-left:auto}}.stn-modal-overlay{align-items:center;animation:stnFadeIn .15s ease;background:#0f172a40;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10002}@keyframes stnFadeIn{0%{opacity:0}to{opacity:1}}.stn-modal-card{animation:stnSlideUp .25s ease-out;background:#fff;border-radius:20px;box-shadow:0 4px 32px #00000014,0 0 0 1px #00000008;max-width:340px;width:100%}@keyframes stnSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stn-modal-head{align-items:center;display:flex;justify-content:flex-start;padding:20px 24px 0;position:relative}.stn-modal-bread{align-items:center;display:flex;gap:8px;min-width:0}.stn-modal-badge{align-items:center;border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-family:Sora,system-ui,sans-serif;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.stn-modal-bread-text{color:#64748b;font-family:Figtree,system-ui,sans-serif;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stn-modal-arrow{color:#cbd5e1;display:flex;flex-shrink:0}.stn-modal-x{background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;padding:6px;position:absolute;right:20px;top:16px;transition:background .1s,color .1s}.stn-modal-x:hover{background:#f1f5f9;color:#475569}.stn-modal-ask{color:#0f172a;font-family:Sora,system-ui,sans-serif;font-size:17px;font-weight:600;line-height:1.3;margin:24px 24px 0;text-align:center}.stn-input-row{align-items:center;display:flex;flex-direction:column;padding:20px 24px 0}.stn-input-box{align-items:baseline;border-bottom:2px solid #e2e8f0;display:flex;gap:4px;transition:border-color .15s;width:-webkit-fit-content;width:fit-content}.stn-input-box:focus-within{border-color:#0056b3}.stn-input-field{font-feature-settings:"tnum";background:none;border:none;color:#0f172a;font-family:Sora,system-ui,sans-serif;font-size:36px;font-variant-numeric:tabular-nums;font-weight:700;outline:none;padding:0 0 4px;text-align:center;width:72px}.stn-input-field::placeholder{color:#cbd5e1}.stn-input-unit{color:#94a3b8;font-size:16px;font-weight:500;padding-bottom:4px}.stn-input-err,.stn-input-unit{font-family:Figtree,system-ui,sans-serif}.stn-input-err{color:#dc2626;font-size:12px;line-height:1.4;margin:8px 0 0}.stn-quick-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:16px 24px 0}.stn-quick-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:100px;color:#64748b;cursor:pointer;font-family:Figtree,system-ui,sans-serif;font-size:13px;font-weight:600;line-height:1.3;min-width:44px;padding:6px 16px;text-align:center;transition:background .12s,border-color .12s,color .12s}.stn-quick-chip:hover{background:#eff6ff;border-color:#bfdbfe;color:#0056b3}.stn-quick-chip.selected{background:#0056b3;border-color:#0056b3;color:#fff}.stn-modal-actions{display:flex;gap:8px;padding:24px}.stn-modal-cancel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;flex:1 1;font-family:Figtree,system-ui,sans-serif;font-size:14px;font-weight:600;padding:12px;text-align:center;transition:background .12s,border-color .12s}.stn-modal-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.stn-modal-submit{background:#0056b3;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-family:Sora,system-ui,sans-serif;font-size:14px;font-weight:600;padding:12px;text-align:center;transition:background .12s,box-shadow .12s}.stn-modal-submit:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.stn-modal-submit:active:not(:disabled){background:#003d82}.about-tab{padding:20px 16px 32px}.about-title{color:#0f172a;font-family:Sora,system-ui,sans-serif;font-size:16px;font-weight:600;margin:0 0 12px}.about-list{list-style:none;margin:0 0 16px;padding:0}.about-list li{color:#475569;font-family:Figtree,system-ui,sans-serif;font-size:14px;line-height:1.5;padding:6px 0}.about-list li a{color:#0056b3;text-decoration:none}.about-list li a:hover{text-decoration:underline}.about-list li:before{color:#94a3b8;content:"●";font-size:12px;margin-right:10px;vertical-align:middle}.about-divider{background:#f1f5f9;height:1px;margin:20px 0}.about-legal-links{font-size:13px;line-height:1.6;margin:0 0 20px;text-align:center}.about-legal-links a{color:#64748b;text-decoration:underline;text-underline-offset:2px}.about-legal-links a:hover{color:#0056b3}.about-disclaimer{color:#94a3b8;font-size:12px;font-style:italic;margin:0 0 24px}.about-credit,.about-disclaimer{font-family:Figtree,system-ui,sans-serif;line-height:1.6}.about-credit{color:#64748b;font-size:13px;margin:0;text-align:center}.about-credit a{color:#0056b3;text-decoration:none}.about-credit a:hover{text-decoration:underline}.about-version{color:#94a3b8;font-size:11px}@media (max-width:768px){.app-container,.app-container>.app-header,.app-container>.footer-section,.app-container>.loading-states-wrapper,.app-container>.margin-large-bottom,.app-container>.station-wait-times-section{display:none}}@media (min-width:769px){.splash-overlay{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f172a59}}@media (max-width:480px){.splash-card{max-height:calc(100vh - 24px);padding:40px 24px 32px;width:calc(100% - 24px)}.splash-jeepney{margin-bottom:28px}.splash-title{font-size:24px}.splash-open-btn{max-width:280px;min-width:0;width:100%}}.terms-page{margin:0 auto;max-width:640px;padding:24px 20px 48px}.terms-back-btn{align-items:center;background:none;border:none;color:#0056b3;cursor:pointer;display:inline-flex;font-family:Figtree,system-ui,sans-serif;font-size:14px;font-weight:600;gap:6px;margin-bottom:8px;padding:8px 0}.terms-title{color:#0f172a;font-family:Sora,system-ui,sans-serif;font-size:24px;font-weight:600;margin:0 0 4px}.terms-date{color:#94a3b8;font-family:Figtree,system-ui,sans-serif;font-size:12px;margin:0 0 32px}.terms-section{margin-bottom:24px}.terms-section h2{color:#0f172a;font-family:Sora,system-ui,sans-serif;font-size:16px;font-weight:600;margin:0 0 8px}.terms-section p{margin:0}.terms-list,.terms-section p{color:#475569;font-family:Figtree,system-ui,sans-serif;font-size:14px;line-height:1.7}.terms-list{margin:8px 0;padding-left:20px}.terms-list li{margin-bottom:4px}.about-story p{color:#475569;font-family:Figtree,system-ui,sans-serif;font-size:14px;line-height:1.7;margin:0 0 12px}.about-oss-intro{font-size:13px;line-height:1.5}.about-list-desc,.about-oss-intro{color:#64748b;font-family:Figtree,system-ui,sans-serif;margin:0 0 12px}.about-list-desc{font-size:14px;line-height:1.6}.gauth-google-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:100px;box-shadow:0 1px 3px #00000014;color:#1f2937;cursor:pointer;display:inline-flex;font-family:Sora,system-ui,sans-serif;font-size:15px;font-weight:600;gap:10px;height:48px;justify-content:center;margin-bottom:16px;min-width:220px;padding:0 24px;transition:transform .15s,box-shadow .15s,background .15s}.gauth-google-btn:hover{background:#f9fafb;box-shadow:0 2px 6px #0000001a}.gauth-google-btn:active{box-shadow:0 1px 2px #0000000f;transform:scale(.96)}.gauth-error{padding:8px 0;text-align:center}.gauth-error p{color:#dc2626;line-height:1.5;margin:0 0 12px}.gauth-error p,.gauth-retry-btn{font-family:Figtree,system-ui,sans-serif;font-size:13px}.gauth-retry-btn{background:none;border:1px solid #bfdbfe;border-radius:8px;color:#0056b3;cursor:pointer;font-weight:600;padding:8px 20px;transition:transform .15s,background .15s}.gauth-retry-btn:active{background:#eff6ff;transform:scale(.96)}.gauth-verifying{align-items:center;color:#64748b;display:flex;font-family:Figtree,system-ui,sans-serif;font-size:14px;gap:10px;justify-content:center;padding:12px 0}.gauth-spinner{animation:gauth-spin .6s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#0056b3;height:20px;width:20px}@keyframes gauth-spin{to{transform:rotate(1turn)}}.gauth-note{color:#94a3b8;font-family:Figtree,system-ui,sans-serif;font-size:11px;line-height:1.5;margin:0;text-align:center}.wls-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172a59;inset:0;justify-content:center;position:fixed;z-index:9999}.wls-card,.wls-overlay{align-items:center;display:flex}.wls-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000a;box-sizing:border-box;flex-direction:column;max-width:400px;padding:40px 36px 36px;text-align:center;width:90%}.wls-icon-wrap{margin-bottom:20px}.wls-jeepney{display:block}.wls-title{color:#0f172a;font-family:Sora,system-ui,sans-serif;font-size:26px;font-weight:600;line-height:1.2;margin:0 0 20px;white-space:nowrap}.wls-subtitle-wrap{align-items:center;display:flex;justify-content:center;margin-bottom:20px;width:100%}.wls-subtitle{line-height:1.6;margin:0;max-width:300px}.wls-subtitle,.wls-verifying{color:#64748b;font-family:Figtree,system-ui,sans-serif;font-size:14px}.wls-verifying{align-items:center;display:flex;gap:10px;justify-content:center}.wls-spinner{animation:gauth-spin .6s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#0056b3;height:20px;width:20px}.wls-pending{align-items:center;display:flex;flex-direction:column;gap:8px}.wls-checkmark{margin-bottom:4px}.wls-status-msg{color:#0f172a;font-family:Sora,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.4;margin:0}.wls-status-desc{color:#64748b;line-height:1.5;margin:0}.wls-retry-btn,.wls-status-desc{font-family:Figtree,system-ui,sans-serif;font-size:13px}.wls-retry-btn{background:none;border:1px solid #bfdbfe;border-radius:8px;color:#0056b3;cursor:pointer;font-weight:600;margin-top:4px;padding:8px 20px;transition:transform .15s,background .15s}.wls-retry-btn:active{background:#eff6ff;transform:scale(.96)}.wls-google-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:100px;box-shadow:0 1px 3px #00000014;color:#1f2937;cursor:pointer;display:inline-flex;font-family:Sora,system-ui,sans-serif;font-size:15px;font-weight:600;gap:10px;height:48px;justify-content:center;margin-bottom:0;min-width:220px;padding:0 24px;transition:transform .15s,box-shadow .15s,background .15s}.wls-google-btn:hover{background:#f9fafb;box-shadow:0 2px 6px #0000001a}.wls-google-btn:active{box-shadow:0 1px 2px #0000000f;transform:scale(.96)}.wls-refresh-btn{background:none;border:1px solid #e2e8f0;border-radius:100px;color:#64748b;cursor:pointer;font-family:Figtree,system-ui,sans-serif;font-size:12px;font-weight:500;height:36px;margin-top:8px;padding:0 24px;transition:transform .15s,border-color .15s}.wls-refresh-btn:active{border-color:#94a3b8;transform:scale(.96)}.admin-gate{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172a59;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.admin-dashboard{background:#f1f5f9;font-family:Figtree,system-ui,sans-serif;min-height:100vh}.admin-dashboard-inner{margin:0 auto;max-width:960px;padding:0 24px 40px}.admin-header{align-items:center;background:#0000;display:flex;justify-content:space-between;margin-bottom:8px;padding:20px 0}.admin-title-area{align-items:center;display:flex;gap:14px}.admin-title-icon{align-items:center;background:linear-gradient(135deg,#0056b3,#1e40af);border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.admin-title-icon svg{color:#fff;height:18px;width:18px}.admin-title{color:#0f172a;font-family:Sora,system-ui,sans-serif;font-size:20px;font-weight:600;margin:0}.admin-subtitle{color:#94a3b8;font-size:12px;margin:1px 0 0}.admin-logout{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-family:Figtree,system-ui,sans-serif;font-size:13px;font-weight:500;padding:8px 16px;transition:background .15s,border-color .15s}.admin-logout:hover{background:#f8fafc;border-color:#cbd5e1}.admin-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.admin-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:2px;overflow:hidden;padding:16px 18px;position:relative;transition:box-shadow .2s,transform .2s}.admin-stat-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.admin-stat-card.online:before{background:#059669}.admin-stat-card.today:before{background:#0056b3}.admin-stat-card.alltime:before{background:#0f172a}.admin-stat-card.pending:before{background:#d97706}.admin-stat-card.approved:before{background:#059669}.admin-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.admin-stat-value{font-feature-settings:"tnum";font-family:Sora,system-ui,sans-serif;font-size:24px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.admin-stat-label{color:#94a3b8;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.admin-toast{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;color:#065f46;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.admin-toast-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;margin-bottom:16px;padding:24px}.admin-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.admin-card-title{align-items:center;color:#0f172a;display:flex;font-family:Sora,system-ui,sans-serif;font-size:15px;font-weight:600;gap:8px;margin:0}.admin-card-badge{background:#f1f5f9;border-radius:100px;color:#94a3b8;font-size:11px;font-weight:500;padding:2px 10px}.admin-auto-row{align-items:flex-start;display:flex;gap:12px}.admin-textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;flex:1 1;font-family:Figtree,system-ui,sans-serif;font-size:13px;line-height:1.5;min-height:72px;padding:12px;resize:vertical}.admin-textarea:focus{border-color:#0056b3;box-shadow:0 0 0 3px #0056b31a;outline:none}.admin-btn-primary{background:#0056b3;border:none;border-radius:8px;box-shadow:0 2px 8px #0056b333;color:#fff;cursor:pointer;font-family:Sora,system-ui,sans-serif;font-size:13px;font-weight:600;height:40px;padding:0 24px;transition:background .15s,box-shadow .15s,transform .15s;white-space:nowrap}.admin-btn-primary:hover:not(:disabled){background:#1e40af;box-shadow:0 4px 12px #0056b34d}.admin-btn-primary:active:not(:disabled){transform:scale(.96)}.admin-btn-primary:disabled{cursor:not-allowed;opacity:.5}.admin-btn-ghost,.admin-btn-sm{font-size:12px;height:32px;padding:0 14px}.admin-btn-ghost{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-family:Figtree,system-ui,sans-serif;font-weight:500;transition:background .15s,border-color .15s;white-space:nowrap}.admin-btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1}.admin-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #f1f5f9;border-radius:10px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:2}.admin-th{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-th,.admin-th-check{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px}.admin-th-check{width:40px}.admin-td-check input[type=checkbox],.admin-th-check input[type=checkbox]{accent-color:#0056b3;display:block}.admin-td{color:#1e293b;font-size:13px;white-space:nowrap}.admin-td,.admin-td-check{border-bottom:1px solid #f1f5f9;padding:10px 14px}.admin-td-date{color:#94a3b8;font-size:12px}.admin-row{transition:background .1s}.admin-table tbody tr:nth-child(2n){background:#fafbfc}.admin-table tbody tr:hover{background:#f1f5f9}.admin-email-copy{border-bottom:1px dashed #d1d5db;cursor:pointer;transition:border-color .15s}.admin-email-copy:hover{border-color:#0056b3}.admin-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 10px;text-transform:capitalize}.admin-badge-pending{background:#fef3c7;color:#92400e}.admin-badge-approved{background:#d1fae5;color:#065f46}.admin-badge-rejected{background:#fee2e2;color:#991b1b}.admin-user-cell{align-items:center;display:flex;gap:8px}.admin-user-avatar{background:#e2e8f0;border-radius:50%;flex-shrink:0;height:22px;width:22px}.admin-user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.admin-online-dot{border-radius:50%;display:inline-block;height:8px;vertical-align:middle;width:8px}.admin-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.admin-selected-count{color:#64748b;font-size:12px;font-weight:500;margin-right:4px}.admin-loading{display:flex;justify-content:center;padding:48px 0}.admin-empty{color:#94a3b8;font-size:14px;padding:48px 0;text-align:center}@media (max-width:768px){.admin-dashboard-inner{padding:0 16px 24px}.admin-header{padding:16px 0}.admin-title{font-size:18px}.admin-title-icon{height:32px;width:32px}.admin-title-icon svg{height:16px;width:16px}.admin-stats-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.admin-stat-card{padding:14px}.admin-stat-value{font-size:20px}.admin-card{padding:20px}.admin-auto-row{flex-direction:column}.admin-btn-primary{width:100%}.admin-card-header{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.jeep-marker-A,.jeep-marker-B,.leaflet-marker-icon,.leaflet-marker-pane,.visible-marker{display:block!important;opacity:1!important;visibility:visible!important;z-index:1000!important}.debugging .leaflet-marker-pane{background-color:#ff00001a!important;border:2px solid red!important}.debugging .leaflet-marker-icon{border:1px dashed #ff0!important}.leaflet-container,.map-wrapper{display:block!important;visibility:visible!important;z-index:1!important}.route-stop-marker{background:none;border:none}.stop-marker{align-items:center;background:#fff;border:2px solid;border-radius:50%;box-shadow:0 1px 3px #0000004d;display:flex;height:12px;justify-content:center;width:12px}.stop-marker-inner{border-radius:50%;height:4px;width:4px}.leaflet-marker-pane{z-index:900!important}.leaflet-tooltip{background:#000c!important;border:none!important;border-radius:4px!important;color:#fff!important;font-size:12px!important;padding:4px 8px!important}.leaflet-tooltip-top:before{border-top-color:#000c!important}@keyframes signal-flash{0%,to{opacity:1}50%{opacity:.2}}.signal-lost-icon{animation:signal-flash 1s infinite}.stop-popup-container .leaflet-popup-content-wrapper{border-radius:10px;box-shadow:0 4px 20px #00000026;padding:0}.stop-popup-container .leaflet-popup-content{margin:0;padding:0}.stop-popup-header{border-bottom:1px solid #e2e8f0;color:#036;font-size:13px;font-weight:700;padding:10px 12px 6px}.stop-popup-list{padding:6px 12px 10px}.stop-popup-row{align-items:center;display:flex;font-size:12px;gap:8px;padding:4px 0}.stop-popup-badge{align-items:center;background:#036;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:22px;justify-content:center;width:22px}.stop-popup-status{border-radius:50%;flex-shrink:0;height:6px;width:6px}.stop-popup-moving{background:#10b981}.stop-popup-stopped{background:#f59e0b}.stop-popup-parked{background:#94a3b8}.stop-popup-disconnected{align-items:center;animation:signal-flash 1s infinite;background:#ef4444;color:#fff;display:flex;font-size:7px;font-weight:700;height:6px;justify-content:center;width:6px}.stop-popup-eta{color:#64748b;font-weight:500;margin-left:auto}.stop-popup-empty{color:#94a3b8;font-size:12px;padding:12px;text-align:center}
/*# sourceMappingURL=main.6af9feba.css.map*/