.login-page{padding:40px 24px;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-primary)}.login-header{margin-bottom:10px;margin-top:60px}.logo-placeholder{width:230px;height:230px;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent}.login-title{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:40px;text-align:center}.login-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:20px}.input-group{position:relative;display:flex;align-items:center;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;padding:0 16px;height:56px}.input-icon{font-size:20px;margin-right:12px;color:var(--text-tertiary);flex-shrink:0}.login-input{flex:1;border:none;outline:none;font-size:16px;color:var(--text-primary);background:transparent}.login-input::placeholder{color:var(--text-tertiary)}.password-toggle{background:none;border:none;cursor:pointer;font-size:20px;padding:0;margin-left:12px;color:var(--text-tertiary)}.login-button{width:100%;height:56px;background-color:var(--accent-primary);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;box-shadow:0 4px 12px #1e88e54d;transition:background-color .2s}.login-button:active{background-color:var(--accent-primary-dark)}.remember-device-container{margin-top:12px;margin-bottom:8px}.checkmark{position:relative;height:20px;width:20px;min-width:20px;background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:4px;transition:all .2s;margin-top:2px}.verification-page{padding:40px 24px;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-primary)}.verification-header{margin-bottom:40px;margin-top:60px}.logo-placeholder-verify{width:200px;height:150px;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:10px;background:transparent}.logo-image{width:100%;height:100%;object-fit:contain}.verification-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:12px;text-align:center}.verification-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:40px;text-align:center;max-width:320px}.code-inputs-container{width:100%;max-width:360px;margin-bottom:60px}.code-inputs-row{display:flex;justify-content:center;gap:8px;flex-wrap:nowrap}.code-input{width:45px;height:50px;border:1px solid var(--input-border);border-radius:12px;text-align:center;font-size:24px;font-weight:700;color:var(--text-primary);background-color:var(--input-bg);outline:none;transition:all .2s;flex-shrink:0}.code-input.error{border-color:var(--accent-error);background-color:#f443361a;color:var(--accent-error);animation:shake .5s}.code-input.error:focus{border-color:var(--accent-error);box-shadow:0 0 0 3px #f4433633}@media (max-width: 480px){.code-input{width:40px;height:48px;font-size:20px}.code-inputs-row{gap:6px}}.code-input:focus{border-color:var(--input-focus-border);background-color:var(--bg-primary);box-shadow:0 0 0 3px #1e88e51a}.code-input:disabled{opacity:.6;cursor:not-allowed}.verify-button{width:100%;max-width:360px;height:56px;background-color:var(--accent-primary);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #1e88e54d;transition:background-color .2s}.verify-button:active:not(:disabled){background-color:var(--accent-primary-dark)}.verify-button:disabled{opacity:.6;cursor:not-allowed}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.code-inputs-container.shake{animation:shake .5s}.remember-device-container{margin-top:24px;margin-bottom:20px;width:100%;max-width:360px}.remember-device-checkbox{display:flex;align-items:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none;gap:12px}.remember-device-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.remember-device-checkbox .checkmark{position:relative;height:20px;width:20px;min-width:20px;background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:4px;transition:all .2s;margin-top:2px}.remember-device-checkbox:hover .checkmark{border-color:var(--accent-primary)}.remember-device-checkbox input:checked~.checkmark{background-color:var(--accent-primary);border-color:var(--accent-primary)}.remember-device-checkbox input:checked~.checkmark:after{content:"";position:absolute;display:block;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.remember-device-label{display:flex;flex-direction:column;gap:2px;flex:1}.remember-device-text{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.remember-device-desc{font-size:12px;color:var(--text-secondary);line-height:1.3}.remember-device-checkbox input:disabled~.checkmark,.remember-device-checkbox input:disabled~.remember-device-label{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.remember-device-container{margin-top:20px;margin-bottom:16px}.remember-device-text{font-size:13px}.remember-device-desc{font-size:11px}}.footer-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;align-items:center;padding:8px 0;z-index:100;box-shadow:0 -2px 8px var(--card-shadow);max-width:414px;margin:0 auto}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 16px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);transition:all .2s;flex:1;min-width:0}.nav-tab:hover,.nav-tab.active{color:var(--accent-primary)}.nav-tab-icon{font-size:24px;display:flex;align-items:center;justify-content:center}.nav-tab-label{font-size:12px;font-weight:500;white-space:nowrap}.page-with-footer{padding-bottom:72px}.dashboard-page{min-height:calc(100vh - 72px);background-color:var(--bg-secondary);padding-bottom:20px}.topup-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.topup-modal{background-color:var(--modal-bg);border-radius:16px;padding:24px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px var(--card-shadow-hover)}.topup-steps{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 8px}.step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative}.step:after{content:"";position:absolute;top:16px;left:60%;right:-40%;height:2px;background-color:var(--border-color);z-index:0}.step:last-child:after{display:none}.step.active:after{background-color:var(--accent-primary)}.step-number{width:32px;height:32px;border-radius:50%;background-color:var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;position:relative;z-index:1}.step.active .step-number{background-color:var(--accent-primary);color:#fff}.step-label{font-size:11px;color:var(--text-tertiary);font-weight:500}.step.active .step-label{color:var(--accent-primary)}.topup-modal-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:24px;text-align:center}.topup-amount-section{margin-bottom:24px}.topup-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.topup-input-group{display:flex;align-items:center;border:2px solid var(--input-border);border-radius:12px;padding:0 16px;margin-bottom:16px;transition:border-color .2s;background-color:var(--input-bg)}.topup-input-group:focus-within{border-color:var(--input-focus-border)}.topup-currency{font-size:20px;font-weight:700;color:var(--text-primary);margin-right:8px}.topup-amount-input{flex:1;padding:16px 0;border:none;outline:none;font-size:32px;font-weight:700;color:var(--text-primary);background:transparent}.topup-amount-input::placeholder{color:var(--text-tertiary)}.preset-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset-amount-btn{padding:12px 8px;background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:700;color:var(--text-primary);cursor:pointer;transition:all .2s}.preset-amount-btn:hover{border-color:var(--accent-primary);background-color:#1e88e526}.preset-amount-btn.selected{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.topup-payment-section{margin-bottom:24px;max-height:500px;overflow-y:auto;padding-right:8px}.topup-payment-section::-webkit-scrollbar{width:6px}.topup-payment-section::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.topup-payment-section::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:10px}.topup-payment-section::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.payment-category{margin-bottom:32px}.payment-category:last-child{margin-bottom:0}.payment-category-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding:0 4px}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 480px){.payment-methods{grid-template-columns:repeat(2,1fr);gap:8px}}.payment-method{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 12px;background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;min-height:90px;position:relative;overflow:hidden}.payment-method:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--payment-color, var(--accent-primary));transform:scaleX(0);transition:transform .2s ease}.payment-method:hover{border-color:var(--payment-color, var(--accent-primary));background-color:#1e88e514;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.payment-method:hover:before{transform:scaleX(1)}.payment-method.selected{background-color:var(--payment-color, var(--accent-primary));border-color:var(--payment-color, var(--accent-primary));color:#fff;box-shadow:0 4px 16px #00000026}.payment-method.selected:before{transform:scaleX(1);background-color:#ffffff4d}.payment-method.selected .payment-icon{color:#fff;transform:scale(1.1)}.payment-icon{font-size:36px;color:var(--payment-color, var(--text-primary));transition:all .2s ease;display:flex;align-items:center;justify-content:center}.payment-icon-svg{width:32px;height:32px;object-fit:contain;flex-shrink:0;transition:all .2s ease;display:block}.payment-method:not(.selected) .payment-icon-svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.payment-method.selected .payment-icon-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));padding:4px;background-color:#fffffff2;border-radius:6px;box-shadow:0 0 0 1px #fff inset}.review-payment-icon{width:24px;height:24px;object-fit:contain;vertical-align:middle;display:inline-block}.payment-method.selected .payment-name{color:#fff;font-weight:600}.payment-name{font-size:13px;font-weight:600;color:var(--text-primary);text-align:center;transition:color .2s ease}.review-section{background-color:var(--bg-tertiary);border-radius:12px;padding:20px;margin-bottom:24px}.review-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:15px}.review-item.total{padding-top:16px;border-top:2px solid var(--border-color);margin-bottom:0;font-size:18px;font-weight:700}.review-label{color:var(--text-secondary);font-weight:500}.review-value{color:var(--text-primary);font-weight:600;display:flex;align-items:center}.payment-method-review{display:flex;align-items:center;gap:8px}.review-item.total .review-value{color:var(--accent-primary);font-size:22px}.review-divider{height:1px;background-color:var(--border-color);margin:12px 0}.processing-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.processing-spinner{width:60px;height:60px;border:4px solid rgba(30,136,229,.15);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}.processing-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.processing-message{font-size:14px;color:var(--text-secondary)}.success-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;margin-bottom:24px}.success-icon{width:80px;height:80px;border-radius:50%;background-color:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;margin-bottom:20px;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:24px}.success-details{width:100%;background-color:var(--bg-tertiary);border-radius:12px;padding:20px}.success-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:15px}.success-item:last-child{margin-bottom:0}.success-label{color:var(--text-secondary);font-weight:500}.success-value{color:var(--text-primary);font-weight:600}.success-value.small{font-size:13px;font-family:Courier New,monospace;color:var(--accent-primary)}.topup-modal-actions{display:flex;gap:12px}.topup-cancel-btn,.topup-continue-btn,.topup-confirm-btn,.topup-back-btn{flex:1;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.topup-cancel-btn{background-color:var(--bg-tertiary);color:var(--text-primary)}.topup-cancel-btn:hover,.topup-cancel-btn:active{background-color:var(--border-color)}.topup-back-btn{background-color:var(--bg-tertiary);color:var(--text-primary)}.topup-back-btn:hover,.topup-back-btn:active{background-color:var(--border-color)}.topup-continue-btn{background-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #1e88e54d}.topup-continue-btn:hover:not(:disabled){background-color:var(--accent-primary-dark);box-shadow:0 4px 12px #1e88e566}.topup-continue-btn:active:not(:disabled){background-color:#0d47a1}.topup-continue-btn:disabled{opacity:.5;cursor:not-allowed}.topup-confirm-btn{background-color:var(--accent-success);color:#fff;box-shadow:0 2px 8px #4caf504d}.topup-confirm-btn:hover:not(:disabled){background-color:#388e3c;box-shadow:0 4px 12px #4caf5066}.topup-confirm-btn:active:not(:disabled){background-color:#2e7d32}.topup-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background-color:var(--bg-primary)}.jeepney-terminal-badge{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:6px 10px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-color)}.terminal-live-label{font-size:9px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px}.terminal-live-value{font-size:11px;font-weight:600;color:var(--text-primary)}.card-balance-section{padding:20px 24px}.balance-card{background:linear-gradient(135deg,#1e88e5,#1565c0);border-radius:16px;padding:24px 20px;color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 16px #1e88e540;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.balance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.balance-label{font-size:13px;font-weight:600;color:#fff!important;letter-spacing:.2px;text-transform:uppercase;opacity:1!important}.topup-button{background-color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#1e88e5;cursor:pointer;transition:all .2s ease;font-size:24px;padding:0;box-shadow:0 2px 8px #00000026;flex-shrink:0}.topup-button:hover{background-color:#fffffff2;transform:scale(1.05);box-shadow:0 4px 12px #0003}.topup-button:active{background-color:#ffffffe6;transform:scale(.95);box-shadow:0 2px 6px #00000026}.balance-amount{display:flex;align-items:baseline;margin-bottom:20px;gap:4px}.currency{font-size:40px;font-weight:600;line-height:1;color:#fff}.amount{font-size:52px;font-weight:700;line-height:1;color:#fff;letter-spacing:-1px}.card-number{font-size:14px;font-weight:400;color:#fff;opacity:.95;letter-spacing:.3px}[data-theme=dark] .balance-card{background:linear-gradient(135deg,#1e88e5,#1565c0);box-shadow:0 4px 16px #1e88e54d}[data-theme=dark] .balance-label{color:#fff}[data-theme=dark] .card-number{color:#fff;opacity:.95}.jeepneys-section{padding:0 24px 24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-size:20px;font-weight:700;color:var(--text-primary)}.map-icon{font-size:24px;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.map-background{background-image:url(/Commuter/Maps.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:16px;padding:20px;min-height:300px;position:relative;overflow:hidden}.jeepneys-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;position:relative;z-index:1}.jeepney-card{background-color:#1e88e526;border-radius:10px;padding:12px;box-shadow:0 4px 12px var(--card-shadow-hover),0 2px 4px var(--card-shadow);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:8px;min-height:140px}.jeepney-terminal-badge{align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding:3px 6px;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border-color)}.jeepney-card.full{background-color:#f4433633!important;border:2px solid rgba(244,67,54,.4)}.jeepney-card.full .jeepney-name{color:#f44336;font-weight:800}.jeepney-card.full .passenger-text,.jeepney-card.full .passenger-icon{color:#f44336!important}.jeepney-card.inactive{background-color:var(--bg-tertiary);opacity:.5;filter:grayscale(100%);pointer-events:none}.jeepney-card.inactive .jeepney-name{color:var(--text-tertiary)}.jeepney-card.inactive .jeepney-icon{opacity:.6}.jeepney-card.inactive .direction-arrows{color:var(--text-tertiary)}.jeepney-card.inactive .passenger-text{color:var(--text-tertiary)!important}.jeepney-card.inactive .passenger-icon{filter:grayscale(100%);opacity:.6}.jeepney-name{font-size:16px;font-weight:700;color:var(--accent-primary-dark);text-align:center}.jeepney-middle-row{display:flex;justify-content:space-between;align-items:center}.jeepney-icon{width:80px;height:80px;object-fit:contain}.passenger-count{display:flex;flex-direction:column;align-items:center;gap:4px}.passenger-icon{font-size:30px;display:flex;align-items:center;justify-content:center}.passenger-text{font-size:14px;font-weight:500}.direction-arrows{font-size:16px;color:var(--accent-primary);font-weight:700;text-align:center}.route-section-advanced{padding:16px;background-color:var(--bg-primary);margin-top:20px}.route-section-header-modern{margin-bottom:16px}.header-content{display:flex;align-items:center;gap:10px}.header-icon-wrapper{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dark));display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px #1e88e540;flex-shrink:0}.header-icon{font-size:22px;color:#fff}.header-text{flex:1;min-width:0}.route-section-title-modern{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 2px;letter-spacing:-.2px;line-height:1.3}.route-subtitle{font-size:12px;color:var(--text-secondary);margin:0;font-weight:400;line-height:1.4}.route-card-modern{background:var(--card-bg);border-radius:18px;padding:18px;box-shadow:0 4px 20px #00000014,0 2px 6px #0000000a;border:1px solid var(--border-color);position:relative;overflow:hidden}.route-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-primary-dark) 50%,var(--accent-secondary) 100%)}[data-theme=dark] .route-card-modern{background:var(--card-bg);border:1px solid var(--border-color)}.location-section-modern{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,#1e88e50f,#1e88e508);border-radius:14px;margin-bottom:18px;border:1px solid rgba(30,136,229,.15);position:relative;overflow:hidden}.location-section-modern:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.location-pin-container{position:relative;width:48px;height:48px;flex-shrink:0}.location-pin-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#1e88e533;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.location-icon-modern{position:relative;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dark));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #1e88e54d,0 2px 6px #1e88e533;z-index:1}.location-icon-modern svg{font-size:24px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.location-info-modern{flex:1;min-width:0}.location-label-modern{font-size:11px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.terminal-info-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.terminal-badge-modern{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#1e88e526,#1e88e51a);border:1.5px solid rgba(30,136,229,.3);border-radius:10px;font-weight:700;box-shadow:0 2px 6px #1e88e526}.terminal-prefix{font-size:12px;color:var(--accent-primary);opacity:.8}.terminal-number-text{font-size:16px;color:var(--accent-primary);font-weight:800}.edit-origin-btn-modern{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.edit-origin-btn-modern svg{font-size:16px}.edit-origin-btn-modern:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(1.05);box-shadow:0 4px 12px #1e88e54d}.edit-origin-btn-modern:active{transform:scale(.95)}.route-visualization-modern{position:relative;padding:20px 12px;margin-bottom:18px}.route-connector-line{position:absolute;top:50%;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-primary) 20%,var(--accent-primary) 80%,transparent 100%);transform:translateY(-50%);opacity:.2;z-index:0}.route-terminals-modern{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;gap:8px}.terminal-node{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative}.terminal-circle{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dark));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #1e88e559,0 2px 8px #1e88e540,inset 0 1px 2px #fff3;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.terminal-node.start .terminal-circle{animation:terminal-glow-start 2s ease-in-out infinite}.terminal-node.end .terminal-circle{animation:terminal-glow-end 2s ease-in-out infinite}@keyframes terminal-glow-start{0%,to{box-shadow:0 8px 24px #1e88e559,0 4px 12px #1e88e540,inset 0 2px 4px #fff3}50%{box-shadow:0 8px 32px #1e88e580,0 4px 16px #1e88e566,inset 0 2px 4px #fff3}}@keyframes terminal-glow-end{0%,to{box-shadow:0 8px 24px #1e88e559,0 4px 12px #1e88e540,inset 0 2px 4px #fff3}50%{box-shadow:0 8px 32px #4caf5080,0 4px 16px #4caf5066,inset 0 2px 4px #fff3}}.terminal-node-number{font-size:26px;font-weight:800;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.2);letter-spacing:-.5px}.terminal-label-modern{font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;opacity:.7;margin-top:4px}.route-progress-modern{flex:1;display:flex;align-items:center;justify-content:center;position:relative;height:56px;max-width:60px;min-width:50px}.route-line-active{position:absolute;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-primary-dark) 50%,var(--accent-success) 100%);border-radius:2px;box-shadow:0 1px 4px #1e88e566;animation:route-pulse 2s ease-in-out infinite}@keyframes route-pulse{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.route-arrow-modern{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;background:var(--card-bg);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000026;border:2px solid var(--accent-primary)}[data-theme=dark] .route-arrow-modern{background:var(--card-bg);border:2px solid var(--accent-primary)}.route-arrow-modern svg{font-size:20px;color:var(--accent-primary);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));animation:arrow-move 1.5s ease-in-out infinite}@keyframes arrow-move{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.route-status-modern{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;margin-top:18px;position:relative;overflow:hidden}.route-status-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:status-shine 3s infinite}@keyframes status-shine{0%{left:-100%}to{left:100%}}.route-status-modern.waiting{background:linear-gradient(135deg,#ff980026,#ff98001a);border:1.5px solid rgba(255,152,0,.4);box-shadow:0 4px 16px #ff980033}.route-status-modern.onboarded{background:linear-gradient(135deg,#4caf5026,#4caf501a);border:1.5px solid rgba(76,175,80,.4);box-shadow:0 4px 16px #4caf5033}.status-indicator{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.route-status-modern.waiting .status-indicator{color:var(--accent-warning)}.route-status-modern.onboarded .status-indicator{color:var(--accent-success)}.status-content{display:flex;align-items:center;gap:10px;flex:1;position:relative;z-index:1}.status-icon-modern{font-size:20px;line-height:1}.status-text-modern{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:.1px;line-height:1.4}.route-details-card{background:var(--card-bg);border-radius:12px;padding:16px;margin-top:16px;box-shadow:0 2px 8px #00000014;border:1px solid var(--border-color)}.route-details-content{display:flex;align-items:center;gap:12px}.passenger-count-section{display:flex;align-items:center;gap:6px}.passenger-icon{font-size:20px;color:#1e88e5;flex-shrink:0}.passenger-number{font-size:16px;font-weight:600;color:var(--text-primary)}.route-details-separator{width:1px;height:32px;background-color:var(--border-color);flex-shrink:0}.route-info-section{display:flex;align-items:center;gap:8px;flex:1}.route-from-section{display:flex;flex-direction:column;gap:2px}.route-from-label{font-size:11px;color:var(--text-secondary);font-weight:500}.route-terminal-text{font-size:16px;font-weight:700;color:var(--text-primary)}.route-arrow-green{display:flex;align-items:center;justify-content:center;color:#4caf50;font-size:24px;flex-shrink:0}.route-to-section{display:flex;align-items:center;gap:4px}.route-destination-pin{font-size:18px;color:#f44336;flex-shrink:0}.route-extension-section{display:flex;align-items:center;gap:6px;margin-left:auto}.route-arrow-gray{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:20px;opacity:.5;flex-shrink:0}.route-extension-label{font-size:13px;color:var(--text-tertiary);font-weight:500}.route-extension-placeholder{font-size:14px;color:var(--text-tertiary);font-weight:500;letter-spacing:1px}.route-actions-modern{display:flex;flex-direction:column;gap:12px}.action-btn-modern{width:100%;padding:16px 20px;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;letter-spacing:.2px;text-transform:none;min-height:52px}.btn-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:#ffffff4d;transition:width .6s,height .6s}.action-btn-modern:hover .btn-glow{width:300px;height:300px}.btn-glow-extend{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:#ffffff40;transition:width .6s,height .6s}.action-btn-modern:hover .btn-glow-extend{width:300px;height:300px}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.action-btn-modern:hover .btn-shine{left:100%}.btn-icon-modern{font-size:20px;position:relative;z-index:1;transition:transform .25s;flex-shrink:0}.action-btn-modern:hover .btn-icon-modern,.action-btn-modern:active .btn-icon-modern{transform:scale(1.05)}.btn-text-modern{position:relative;z-index:1}.action-btn-modern.primary-modern{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dark));color:#fff;box-shadow:0 4px 16px #1e88e559,0 2px 8px #1e88e540,inset 0 1px #fff3}.action-btn-modern.primary-modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e88e566,0 3px 10px #1e88e54d,inset 0 1px #ffffff40}.action-btn-modern.primary-modern:active{transform:translateY(0);box-shadow:0 2px 8px #1e88e54d,inset 0 1px 2px #0000001a}.action-btn-modern.secondary-modern{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);border:2px solid var(--border-color);box-shadow:0 4px 12px #00000014}.action-btn-modern.secondary-modern:hover{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-dark) 100%);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #1e88e54d}.action-btn-modern.secondary-modern:active{transform:translateY(0)}.action-btn-modern.extend-modern{background:linear-gradient(135deg,var(--accent-secondary),#ff6b35);color:#fff;box-shadow:0 4px 16px #ff6b3559,0 2px 8px #ff6b3540,inset 0 1px #fff3}.action-btn-modern.extend-modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566,0 3px 10px #ff6b354d,inset 0 1px #ffffff40}.action-btn-modern.extend-modern:active{transform:translateY(0);box-shadow:0 2px 8px #ff6b354d,inset 0 1px 2px #0000001a}.info-badge-modern{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#2196f31f,#2196f314);border:1.5px solid rgba(33,150,243,.3);border-radius:12px}.info-icon-wrapper{width:32px;height:32px;border-radius:50%;background:#2196f333;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-icon-wrapper span{font-size:18px}.info-text-modern{font-size:14px;color:var(--accent-primary);font-weight:600;line-height:1.5}.destination-section{padding:24px;background-color:var(--bg-primary);margin-top:24px}.current-location{font-size:14px;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.change-origin-button{background:none;border:none;font-size:18px;color:var(--text-primary);cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.terminal-highlight{color:var(--accent-success);font-weight:bolder}.selected-route{background-color:#1e88e526;border:2px solid var(--accent-primary);border-radius:12px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.status-badge{margin-top:8px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;display:inline-block}.status-badge.waiting{background-color:#ff980026;color:var(--accent-warning);border:1px solid var(--accent-warning)}.status-badge.onboarded{background-color:#4caf5026;color:var(--accent-success);border:1px solid var(--accent-success)}.destination-actions{background-color:var(--bg-secondary);border-radius:16px;padding:28px;display:flex;flex-direction:row;align-items:center;gap:32px;min-height:200px}.terminal-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1}.terminal-icon-large{position:relative;display:flex;align-items:center;justify-content:center}.terminal-icon-image{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.terminal-label{font-size:28px;font-weight:700;color:var(--accent-primary-dark);text-align:center}.action-buttons{display:flex;flex-direction:column;gap:16px;flex:0 0 200px;min-width:200px}.action-button{height:52px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;white-space:nowrap;padding:0 20px}.action-button.primary{background-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #1e88e54d}.action-button.primary:active{background-color:var(--accent-primary-dark)}.action-button.secondary{background-color:var(--accent-secondary);color:#fff}.action-button.secondary:active:not(:disabled){background-color:var(--accent-primary)}.action-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.destination-actions{flex-direction:column;gap:24px;padding:20px;min-height:auto}.terminal-display{width:100%}.terminal-icon-image{width:120px;height:120px}.terminal-label{font-size:24px}.action-buttons{width:100%;flex:1;min-width:auto}.route-section,.route-info-card{padding:16px}.location-info{flex-direction:column;align-items:flex-start;gap:12px}.location-icon-wrapper{width:40px;height:40px}.location-icon{font-size:20px}.route-path{gap:12px}.route-section-advanced{padding:16px 12px}.header-icon-wrapper{width:40px;height:40px;border-radius:10px}.header-icon{font-size:20px}.route-section-title-modern{font-size:17px}.route-subtitle{font-size:11px}.route-card-modern{padding:16px;border-radius:16px}.location-section-modern{padding:12px;gap:10px;margin-bottom:16px}.location-pin-container{width:44px;height:44px}.location-icon-modern{width:44px;height:44px;border-radius:11px}.location-icon-modern svg{font-size:22px}.location-label-modern{font-size:10px;margin-bottom:4px}.terminal-badge-modern{padding:5px 10px;gap:3px}.terminal-prefix{font-size:11px}.terminal-number-text{font-size:15px}.edit-origin-btn-modern{width:30px;height:30px;border-radius:7px}.edit-origin-btn-modern svg{font-size:15px}.route-visualization-modern{padding:16px 8px;margin-bottom:16px}.route-terminals-modern{gap:6px}.terminal-circle{width:52px;height:52px;border-radius:12px}.terminal-node-number{font-size:24px}.terminal-label-modern{font-size:9px;margin-top:3px}.route-progress-modern{max-width:50px;min-width:40px;height:52px}.route-arrow-modern{width:36px;height:36px}.route-arrow-modern svg{font-size:18px}.route-status-modern{padding:10px 14px;margin-top:16px;gap:8px}.status-indicator{width:8px;height:8px}.status-icon-modern{font-size:18px}.status-text-modern{font-size:12px}.route-actions-modern{gap:10px}.action-btn-modern{padding:14px 18px;font-size:14px;border-radius:12px;min-height:48px;gap:8px}.btn-icon-modern{font-size:18px}.btn-text-modern{font-size:14px}.info-badge-modern{padding:12px 14px;gap:8px}.info-icon-wrapper{width:28px;height:28px}.info-icon-wrapper span{font-size:16px}.info-text-modern{font-size:12px;line-height:1.5}}.tap-in-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:2000;animation:slideDown .4s cubic-bezier(.68,-.55,.265,1.55);max-width:90%;width:100%;max-width:380px}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.tap-in-notification-content{background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 24px #4caf5066;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.tap-in-notification-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.tap-in-notification-icon{font-size:32px;line-height:1;flex-shrink:0;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.tap-in-notification-text{flex:1;min-width:0}.tap-in-notification-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px;letter-spacing:-.3px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.tap-in-notification-message{font-size:14px;color:#fffffff2;font-weight:500;letter-spacing:.1px}.tap-in-notification-detail{font-size:12px;color:#ffffffd9;margin-top:6px;line-height:1.3}.tap-in-notification-close{background:#fff3;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;cursor:pointer;transition:all .2s;flex-shrink:0;line-height:1;font-weight:300}.tap-in-notification-close:hover{background:#ffffff4d;transform:scale(1.1)}.tap-in-notification-close:active{transform:scale(.95)}[data-theme=dark] .tap-in-notification-content{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 8px 24px #4caf5080}@media (max-width: 480px){.custom-modal{padding:24px 20px;max-width:100%;margin:0 16px}.modal-icon{width:60px;height:60px;font-size:30px}.modal-title{font-size:20px}.modal-message{font-size:14px}.modal-actions{flex-direction:column}.modal-btn{width:100%}.tap-in-notification{top:16px;max-width:calc(100% - 32px)}.tap-in-notification-content{padding:14px 16px}.tap-in-notification-icon{font-size:28px}.tap-in-notification-title{font-size:16px}.tap-in-notification-message{font-size:13px}}.choose-destination-page{min-height:100vh;background-color:var(--bg-primary);padding:24px}.destination-page-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.destination-page-title{font-size:20px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.extend-button{height:48px;background-color:var(--accent-secondary);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s}.extend-button:active{background-color:var(--accent-primary)}.terminal-item{display:flex;align-items:center;width:100%;padding:16px;background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:14px;box-shadow:0 2px 6px #00000014;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.terminal-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(30,136,229,.1),transparent);transition:left .5s}.terminal-item:hover:before{left:100%}.terminal-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #1e88e533;transform:translateY(-2px);background-color:#1e88e508}.terminal-item:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.terminal-item.selected{border-color:var(--accent-success);background:linear-gradient(135deg,#4caf5026,#4caf501a);border-width:2px;box-shadow:0 4px 12px #4caf5033}.terminal-item.selected:hover{border-color:#388e3c;background:linear-gradient(135deg,#4caf5033,#4caf5026);box-shadow:0 6px 16px #4caf504d}.fare-summary{background:linear-gradient(135deg,#1e88e51a,#1e88e50f);border-radius:14px;padding:16px 18px;margin-bottom:18px;border:1.5px solid rgba(30,136,229,.25);box-shadow:0 2px 8px #1e88e526;position:relative;overflow:hidden}.fare-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-primary-dark) 100%)}.fare-summary-item{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.fare-label{font-size:15px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.fare-amount{font-size:24px;font-weight:800;color:var(--accent-primary);letter-spacing:-.5px;text-shadow:0 1px 2px rgba(30,136,229,.2)}.route-info-box{background-color:var(--bg-secondary);border-radius:12px;padding:16px;margin-top:16px;border:1px solid var(--border-color)}.route-info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color)}.route-info-item:last-child{border-bottom:none}.route-info-item.highlight{background-color:#1e88e514;margin:8px -8px;padding:12px 8px;border-radius:8px;border:1px solid var(--accent-primary)}.route-info-label{font-size:14px;color:var(--text-secondary);font-weight:500}.route-info-value{font-size:15px;color:var(--text-primary);font-weight:600}.route-info-item.highlight .route-info-value{color:var(--accent-primary);font-size:18px}.warning-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.warning-modal{background-color:var(--modal-bg);border-radius:16px;padding:32px 24px;width:100%;max-width:400px;box-shadow:0 8px 32px var(--card-shadow-hover);text-align:center}.warning-icon{font-size:48px;margin-bottom:16px}.warning-modal-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.warning-modal-message{font-size:16px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.warning-modal-actions{display:flex;gap:12px}.warning-cancel-btn,.warning-confirm-btn{flex:1;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.warning-cancel-btn{background-color:var(--bg-tertiary);color:var(--text-primary)}.warning-cancel-btn:hover{background-color:var(--border-color)}.warning-confirm-btn{background-color:var(--accent-error);color:#fff;box-shadow:0 2px 8px #f443364d}.warning-confirm-btn:hover{background-color:#d32f2f;box-shadow:0 4px 12px #f4433666}.terminal-main-info{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1;min-width:0}.terminal-name{font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.terminal-fare{display:inline-flex;align-items:center;font-size:15px;font-weight:700;color:var(--accent-primary);background:linear-gradient(135deg,#1e88e51f,#1e88e514);padding:4px 10px;border-radius:8px;border:1px solid rgba(30,136,229,.2);box-shadow:0 1px 3px #1e88e526;letter-spacing:.2px}.terminal-item.selected .terminal-fare{background:linear-gradient(135deg,#4caf5033,#4caf5026);color:var(--accent-success);border-color:#4caf504d;box-shadow:0 2px 4px #4caf5033}.location-pin{font-size:20px;color:var(--accent-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.no-terminals{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:16px}.select-origin-page{min-height:100vh;background-color:var(--bg-primary);padding:24px}.origin-page-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.origin-page-title{font-size:20px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.current-location-display{font-size:14px;color:var(--text-primary);margin-bottom:24px}.terminal-highlight{color:var(--accent-success);font-weight:700}.terminals-container{background-color:var(--bg-secondary);border-radius:16px;padding:24px;min-height:400px}.current-terminal-section{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:24px}.current-terminal-label{font-size:28px;font-weight:700;color:var(--text-primary)}.action-buttons-section{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.back-button{height:48px;background-color:var(--accent-primary-dark);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s}.back-button:active{background-color:#0d47a1}.available-terminals-list{display:flex;flex-direction:column;gap:16px}.terminal-item{display:flex;align-items:center;width:100%;padding:16px;background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px var(--card-shadow);cursor:pointer;transition:all .2s;text-align:left}.terminal-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 8px var(--card-shadow-hover);transform:translateY(-2px)}.terminal-item:active{transform:translateY(0);box-shadow:0 2px 4px var(--card-shadow)}.terminal-item.current{border-color:var(--accent-primary);background-color:#1e88e526}.terminal-item.current:hover{border-color:var(--accent-primary-dark);background-color:#1e88e540}.terminal-item.selected{border-color:var(--accent-success);background-color:#4caf5026;border-width:2px}.terminal-item.selected:hover{border-color:#388e3c;background-color:#4caf5040}.current-badge{font-size:12px;font-weight:700;color:var(--accent-primary);background-color:#1e88e526;padding:4px 12px;border-radius:12px;margin-right:8px}.confirm-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.confirm-button{width:100%;padding:16px;background-color:var(--accent-success);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #4caf504d}.confirm-button:hover{background-color:#388e3c;box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.confirm-button:active{background-color:#2e7d32;transform:translateY(0)}.terminal-info{flex:1;display:flex;justify-content:space-between;align-items:center;width:100%}.terminal-name{font-size:16px;font-weight:700;color:var(--text-primary)}.location-pin{font-size:20px;color:var(--accent-error);display:flex;align-items:center;justify-content:center}.profile-page{min-height:calc(100vh - 72px);background-color:var(--bg-secondary);padding-bottom:20px}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background-color:var(--bg-primary)}.logo-text{font-size:18px;font-weight:700}.profile-content{padding:24px}.profile-title-section{display:flex;align-items:center;gap:12px;margin-bottom:24px}.profile-icon{font-size:24px;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.profile-title{font-size:28px;font-weight:700;color:var(--text-primary)}.profile-card{background-color:var(--card-bg);border-radius:16px;padding:24px;box-shadow:0 2px 8px var(--card-shadow)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.form-input{width:100%;padding:14px 16px;border:1px solid var(--input-border);border-radius:12px;font-size:16px;color:var(--text-primary);background-color:var(--input-bg);transition:all .2s}.form-input:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 0 3px #1e88e51a}.form-input:disabled{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.card-number-input{font-family:Courier New,monospace;letter-spacing:2px}.edit-button{width:100%;padding:16px;background-color:var(--accent-primary);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;margin-top:8px;transition:background-color .2s;box-shadow:0 2px 8px #1e88e54d}.edit-button:active{background-color:var(--accent-primary-dark)}.profile-actions{display:flex;gap:12px;margin-top:8px}.save-button,.cancel-button{flex:1;padding:16px;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.save-button{background-color:var(--accent-success);color:#fff;box-shadow:0 2px 8px #4caf504d}.save-button:active{background-color:#388e3c}.cancel-button{background-color:var(--accent-error);color:#fff;box-shadow:0 2px 8px #f443364d}.cancel-button:active{background-color:#d32f2f}.password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.password-modal{background-color:var(--modal-bg);border-radius:16px;padding:32px 24px;width:100%;max-width:400px;box-shadow:0 8px 32px var(--card-shadow-hover)}.password-modal-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px;text-align:center}.password-modal-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:24px;text-align:center}.password-input-group{position:relative;display:flex;align-items:center;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;padding:0 16px;height:56px;margin-bottom:8px}.password-input-icon{font-size:20px;margin-right:12px;color:var(--text-tertiary);flex-shrink:0}.password-modal-input{flex:1;border:none;outline:none;font-size:16px;color:var(--text-primary);background:transparent}.password-modal-input::placeholder{color:var(--text-tertiary)}.password-toggle-button{background:none;border:none;cursor:pointer;font-size:20px;padding:0;margin-left:12px;color:#9e9e9e;display:flex;align-items:center;justify-content:center}.password-error{color:var(--accent-error);font-size:14px;margin-bottom:16px;margin-top:4px;padding-left:4px}.password-modal-actions{display:flex;gap:12px;margin-top:24px}.password-cancel-btn,.password-submit-btn{flex:1;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.password-cancel-btn{background-color:var(--bg-tertiary);color:var(--text-primary)}.password-cancel-btn:active{background-color:var(--border-color)}.password-submit-btn{background-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #1e88e54d}.password-submit-btn:active{background-color:var(--accent-primary-dark)}.history-page{min-height:100vh;background-color:var(--bg-secondary);padding-bottom:80px}.history-header{padding:20px 24px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.history-title{font-size:28px;font-weight:700;color:var(--text-primary)}.history-content{padding:16px}.history-empty{background-color:var(--card-bg);border-radius:16px;padding:60px 24px;text-align:center;box-shadow:0 2px 8px var(--card-shadow)}.history-empty p{font-size:18px;color:var(--text-secondary);margin-bottom:8px}.history-subtitle{font-size:14px;color:var(--text-tertiary)}.transactions-list{display:flex;flex-direction:column;gap:24px}.transaction-group{display:flex;flex-direction:column;gap:8px}.transaction-date-header{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:8px 16px;margin-bottom:4px}.transaction-item{background-color:var(--card-bg);border-radius:12px;padding:16px;display:flex;gap:16px;box-shadow:0 2px 4px var(--card-shadow);transition:box-shadow .2s}.transaction-item:hover{box-shadow:0 4px 8px var(--card-shadow-hover)}.transaction-icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.transaction-icon{width:40px;height:40px;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.transaction-icon.top-up{background-color:#4caf5026;color:var(--accent-success)}.transaction-icon.trip{background-color:#1e88e526;color:var(--accent-primary)}.transaction-details{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.transaction-main{display:flex;justify-content:space-between;align-items:center;gap:12px}.transaction-type{font-size:16px;font-weight:600;color:var(--text-primary)}.transaction-amount{font-size:18px;font-weight:700;white-space:nowrap}.amount-positive{color:var(--accent-success)}.amount-negative{color:var(--accent-error)}.transaction-secondary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.transaction-description{color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-jeepney{color:var(--accent-primary);font-weight:600;margin-left:4px}.transaction-time{color:var(--text-tertiary);font-size:12px;white-space:nowrap}.transaction-id{font-size:11px;color:var(--text-tertiary);font-family:Courier New,monospace;margin-top:4px}@media (max-width: 480px){.transaction-main,.transaction-secondary{flex-direction:column;align-items:flex-start;gap:4px}.transaction-description{white-space:normal;overflow:visible}}.settings-page{min-height:100vh;background-color:var(--bg-secondary)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(var(--bg-primary-rgb, 255, 255, 255),.95)}.logo-text{font-size:18px;font-weight:700;letter-spacing:-.3px}.logo-image-inline{height:24px;width:auto;display:block}.logo-blue{color:var(--accent-primary)}.logo-green{color:var(--accent-success)}.menu-button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-primary)}.settings-content{padding:20px 16px 24px;max-width:600px;margin:0 auto}.settings-title{font-size:34px;font-weight:700;color:var(--text-primary);margin-bottom:32px;letter-spacing:-.5px}.settings-section{margin-bottom:32px}.settings-section-logout{margin-top:48px;margin-bottom:24px}.section-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;margin-left:4px;text-transform:uppercase;letter-spacing:.5px}.settings-card{background-color:var(--card-bg);border-radius:12px;padding:4px 0;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;overflow:hidden}.logout-card{border-color:#f4433633}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:none;border:none;width:100%;cursor:pointer;transition:background-color .15s ease;text-align:left;font-size:17px;position:relative;min-height:52px}.settings-item:active{background-color:var(--bg-tertiary);transition:background-color .1s ease}.settings-item-static{cursor:default;pointer-events:none}.settings-item-static:active{background-color:transparent}.settings-item-toggle{cursor:default}.settings-item-toggle:hover,.settings-item-toggle:active{background-color:transparent}.settings-item-toggle .settings-item-left{pointer-events:none;-webkit-user-select:none;user-select:none}.settings-divider{height:.5px;background-color:var(--border-color);margin-left:60px;margin-right:16px}.settings-item-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.settings-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.settings-icon-container{width:32px;height:32px;border-radius:8px;background-color:#1e88e51f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-item-static .settings-icon-container{background-color:#9e9e9e1f}.settings-icon{font-size:20px;color:var(--accent-primary)}.settings-item-static .settings-icon{color:var(--text-secondary)}.settings-label{font-size:17px;color:var(--text-primary);font-weight:400;letter-spacing:-.2px}.settings-value{font-size:17px;color:var(--text-secondary);font-weight:400}.settings-chevron{font-size:20px;color:var(--text-tertiary);opacity:.4;flex-shrink:0}.toggle-switch{width:51px;height:31px;flex-shrink:0;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;z-index:1}.toggle-switch:active .toggle-switch-slider{transform:scale(.95)}.toggle-switch-slider{width:100%;height:100%;border-radius:16px;background-color:#0000001a;position:relative;transition:background-color .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.toggle-switch-slider.active{background-color:var(--accent-primary)}.toggle-switch-thumb{width:27px;height:27px;border-radius:50%;background-color:#fff;position:absolute;top:2px;left:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003;pointer-events:none}.toggle-switch-slider.active .toggle-switch-thumb{transform:translate(20px)}.logout-button{justify-content:center!important;padding:14px 16px;gap:8px;background-color:transparent;border:none}.logout-button:hover{background-color:#f4433614}.logout-button:active{background-color:#f443361f}.logout-icon{font-size:22px;color:#f44336}.logout-label{color:#f44336!important;font-weight:500;font-size:17px}.logout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.logout-modal{background-color:var(--modal-bg);border-radius:16px;padding:32px 24px;width:100%;max-width:360px;box-shadow:0 8px 32px var(--card-shadow-hover);text-align:center}.logout-modal-icon{font-size:48px;margin-bottom:16px}.logout-modal-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.logout-modal-message{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.logout-modal-actions{display:flex;gap:12px}.logout-cancel-button,.logout-confirm-button{flex:1;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.logout-cancel-button{background-color:var(--bg-tertiary);color:var(--text-primary)}.logout-cancel-button:hover,.logout-cancel-button:active{background-color:var(--border-color)}.logout-confirm-button{background-color:var(--accent-error);color:#fff;box-shadow:0 2px 8px #f443364d}.logout-confirm-button:hover{background-color:#d32f2f;box-shadow:0 4px 12px #f4433666}.logout-confirm-button:active{background-color:#c62828}.language-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.language-modal{background-color:var(--modal-bg);border-radius:16px;width:100%;max-width:420px;max-height:90vh;overflow:hidden;box-shadow:0 8px 32px var(--card-shadow-hover);display:flex;flex-direction:column}.language-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color);position:relative}.language-modal-icon{font-size:28px;color:var(--accent-primary);margin-right:12px}.language-modal-title{font-size:22px;font-weight:700;color:var(--text-primary);flex:1;display:flex;align-items:center;gap:12px}.language-modal-close{background:none;border:none;font-size:32px;color:var(--text-secondary);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;line-height:1}.language-modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.language-modal-close:active{background-color:var(--border-color)}.language-list{padding:8px;overflow-y:auto;max-height:calc(90vh - 100px)}.language-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:none;border:none;width:100%;cursor:pointer;transition:background-color .2s;text-align:left;border-radius:12px;margin-bottom:4px}.language-item:hover,.language-item:active,.language-item.selected{background-color:var(--bg-tertiary)}.language-info{display:flex;flex-direction:column;gap:4px;flex:1}.language-name{font-size:16px;font-weight:600;color:var(--text-primary)}.language-name-en{font-size:13px;color:var(--text-secondary)}.language-check-icon{font-size:24px;color:var(--accent-primary);flex-shrink:0}[data-theme=dark] .language-item.selected,[data-theme=dark] .language-item:hover{background-color:#27272a}[data-theme=dark] .language-modal{background-color:#18181b;border:1px solid #27272a}[data-theme=dark] .help-support-modal-header,[data-theme=dark] .terms-modal-header{border-bottom-color:#27272a}[data-theme=dark] .terms-modal-actions{border-top-color:#27272a}@media (max-width: 480px){.settings-content{padding:16px 12px 24px}.settings-title{font-size:28px;margin-bottom:24px}.settings-section{margin-bottom:24px}.settings-item{padding:14px 16px;min-height:48px}.settings-icon-container{width:28px;height:28px}.settings-icon{font-size:18px}.settings-label,.settings-value{font-size:16px}.settings-chevron{font-size:18px}}[data-theme=dark] .settings-page{background-color:#000}[data-theme=dark] .settings-header{background-color:#000;border-bottom-color:#27272a}[data-theme=dark] .settings-content{background-color:#000}[data-theme=dark] .settings-icon-container{background-color:#60a5fa26}[data-theme=dark] .settings-icon{color:#60a5fa}[data-theme=dark] .settings-item-static .settings-icon-container{background-color:#a1a1aa26}[data-theme=dark] .settings-item-static .settings-icon{color:#a1a1aa}[data-theme=dark] .settings-card{background-color:#18181b;border-color:#27272a;box-shadow:0 1px 3px #00000080}[data-theme=dark] .settings-divider{background-color:#27272a}[data-theme=dark] .section-title{color:#a1a1aa}[data-theme=dark] .settings-label{color:#fff}[data-theme=dark] .settings-value{color:#a1a1aa}[data-theme=dark] .settings-chevron{color:#71717a;opacity:.6}[data-theme=dark] .toggle-switch-slider{background-color:#27272a}[data-theme=dark] .toggle-switch-slider.active{background-color:#60a5fa}[data-theme=dark] .toggle-switch-thumb{background-color:#fff;box-shadow:0 2px 4px #0006}[data-theme=dark] .settings-item:active{background-color:#27272a}[data-theme=dark] .logout-card{border-color:#f871714d}[data-theme=dark] .logout-button:hover{background-color:#f871711a}[data-theme=dark] .logout-button:active{background-color:#f8717126}[data-theme=dark] .logo-blue{color:#60a5fa}[data-theme=dark] .logo-green{color:#4ade80}.help-support-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.help-support-modal{background-color:var(--modal-bg);border-radius:16px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;animation:slideUp .3s ease;overflow:hidden;border:1px solid var(--border-color)}.help-support-modal-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border-color);position:relative}.help-support-modal-icon{font-size:28px;color:var(--accent-primary);flex-shrink:0}.help-support-modal-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.help-support-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:28px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.help-support-modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.help-support-content{flex:1;overflow-y:auto;padding:20px}.help-support-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease;border-radius:12px;text-align:left}.help-support-item:hover{background-color:var(--bg-hover)}[data-theme=dark] .help-support-item:hover{background-color:#27272a}.help-support-item-left{display:flex;align-items:center;gap:16px;flex:1}.help-support-item-icon{font-size:24px;color:var(--accent-primary);flex-shrink:0}.help-support-item-label{font-size:16px;font-weight:500;color:var(--text-primary)}.help-support-chevron{font-size:24px;color:var(--text-secondary);flex-shrink:0}.help-support-divider{height:1px;background-color:var(--border-color);margin:4px 0}.help-support-back{display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;cursor:pointer;color:var(--accent-primary);font-size:16px;font-weight:500;margin-bottom:16px;border-radius:8px;transition:background-color .2s ease}.help-support-back:hover{background-color:var(--bg-hover)}[data-theme=dark] .help-support-back:hover{background-color:#27272a}.help-support-back-icon{font-size:20px;transform:rotate(180deg)}.help-support-section-content{animation:fadeIn .2s ease}.help-support-section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.faq-list{display:flex;flex-direction:column;gap:20px}.faq-item{padding:16px;background-color:var(--bg-hover);border-radius:12px;border:1px solid var(--border-color)}[data-theme=dark] .faq-item{background-color:#18181b;border-color:#27272a}.faq-question{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.faq-answer{font-size:14px;line-height:1.6;color:var(--text-secondary)}.contact-info-list{display:flex;flex-direction:column;gap:20px}.contact-info-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background-color:var(--bg-hover);border-radius:12px;border:1px solid var(--border-color)}[data-theme=dark] .contact-info-item{background-color:#18181b;border-color:#27272a}.contact-info-icon{font-size:24px;color:var(--accent-primary);flex-shrink:0;margin-top:2px}.contact-info-details{flex:1}.contact-info-label{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.contact-info-value{font-size:16px;color:var(--text-primary);line-height:1.5;white-space:pre-line}.report-info{display:flex;flex-direction:column;gap:20px}.report-description{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}.terms-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.terms-modal{background-color:var(--modal-bg);border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;animation:slideUp .3s ease;overflow:hidden;border:1px solid var(--border-color)}.terms-modal-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border-color);position:relative}.terms-modal-icon{font-size:28px;color:var(--accent-primary);flex-shrink:0}.terms-modal-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.terms-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:28px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.terms-modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.terms-modal-content{flex:1;overflow-y:auto;padding:20px}.terms-content{line-height:1.8;color:var(--text-primary)}.terms-paragraph{font-size:14px;margin:0 0 16px;color:var(--text-secondary);line-height:1.7}.terms-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:24px 0 12px}.terms-section-title:first-of-type{margin-top:0}.terms-modal-actions{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.terms-close-button{padding:10px 24px;background-color:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.terms-close-button:hover{background-color:var(--accent-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #1e88e54d}.terms-close-button:active{transform:translateY(0)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.driver-simulation-page{min-height:100vh;background-color:var(--bg-primary);padding:24px}.driver-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.driver-title-section{display:flex;align-items:center;gap:12px}.driver-icon{font-size:32px;color:var(--accent-primary)}.driver-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.refresh-button{padding:10px 20px;background-color:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.refresh-button:hover:not(:disabled){background-color:var(--accent-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #1e88e54d}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.users-section{margin-bottom:32px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-icon{font-size:24px}.section-icon.waiting{color:var(--accent-warning)}.section-icon.onboarded{color:var(--accent-success)}.section-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;flex:1}.user-count{background-color:var(--bg-tertiary);color:var(--text-primary);padding:4px 12px;border-radius:12px;font-size:14px;font-weight:600}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:12px}.users-list{display:flex;flex-direction:column;gap:16px}.user-card{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:all .2s;box-shadow:0 2px 8px var(--card-shadow)}.user-card:hover{box-shadow:0 4px 16px var(--card-shadow-hover);transform:translateY(-2px)}.waiting-card{border-left:4px solid var(--accent-warning)}.onboarded-card{border-left:4px solid var(--accent-success)}.user-info{display:flex;align-items:center;gap:16px;flex:1}.user-avatar{width:56px;height:56px;border-radius:50%;background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text-secondary);flex-shrink:0}.user-avatar.onboarded{background-color:#4caf5026;color:var(--accent-success)}.user-details{flex:1;min-width:0}.user-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.user-email{font-size:13px;color:var(--text-secondary);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-route{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.route-label{font-weight:600;color:var(--text-primary)}.user-balance{font-size:14px;color:var(--text-primary)}.balance-label{font-weight:500;color:var(--text-secondary);margin-right:4px}.action-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.tap-in-button{background-color:var(--accent-success);color:#fff;box-shadow:0 2px 8px #4caf504d}.tap-in-button:hover{background-color:#43a047;box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.tap-in-button:active{transform:translateY(0);box-shadow:0 2px 4px #4caf504d}.tap-out-button{background-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #1e88e54d}.tap-out-button:hover{background-color:var(--accent-primary-dark);box-shadow:0 4px 12px #1e88e566;transform:translateY(-2px)}.tap-out-button:active{transform:translateY(0);box-shadow:0 2px 4px #1e88e54d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.jeepney-controls-section{margin-bottom:32px}.jeepney-info-card{background:linear-gradient(135deg,#1e88e51a,#1e88e50d);border-radius:16px;padding:20px;border:2px solid rgba(30,136,229,.2);box-shadow:0 4px 12px #1e88e526}.jeepney-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(30,136,229,.2)}.jeepney-info-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.edit-route-btn{background:#1e88e533;border:1px solid rgba(30,136,229,.4);border-radius:8px;padding:8px 12px;color:var(--accent-primary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.edit-route-btn:hover{background:#1e88e54d;border-color:var(--accent-primary);transform:translateY(-1px)}.edit-route-btn svg{font-size:18px}.jeepney-info-details{display:flex;flex-direction:column;gap:12px}.jeepney-info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.jeepney-info-item.highlight{background:#1e88e51a;padding:12px;border-radius:8px;margin:0 -8px}.info-label{font-size:14px;color:var(--text-secondary);font-weight:600}.info-value{font-size:15px;color:var(--text-primary);font-weight:600;text-align:right}.info-value.full{color:#f44336;font-weight:700}.route-selection-form{display:flex;flex-direction:column;gap:20px;margin-top:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:var(--text-primary)}.form-select{padding:12px 16px;border:2px solid var(--border-color);border-radius:10px;background-color:var(--bg-primary);color:var(--text-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.form-select:hover{border-color:var(--accent-primary)}.form-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #1e88e51a}.route-preview{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#1e88e51a,#1e88e50d);border-radius:10px;border:1px solid rgba(30,136,229,.2);margin-top:8px}.route-preview-label{font-size:14px;font-weight:600;color:var(--text-secondary)}.route-preview-value{font-size:16px;font-weight:700;color:var(--accent-primary)}.driver-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-color);text-align:center}.footer-note{font-size:13px;color:var(--text-tertiary);margin:0}.footer-note.rp4-note{margin-top:8px}.footer-note.rp4-note code{font-size:12px;background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}.footer-note.last-tap-note{margin-top:4px;font-size:12px;color:var(--text-secondary)}@media (max-width: 480px){.user-card{flex-direction:column;align-items:stretch}.action-button{width:100%;justify-content:center}.driver-header{flex-direction:column;align-items:flex-start;gap:12px}.refresh-button{width:100%;justify-content:center}}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.custom-modal{background-color:var(--modal-bg);border-radius:20px;padding:32px 24px;width:100%;max-width:420px;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-icon-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.modal-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;box-shadow:0 4px 16px #00000026}.warning-icon-wrapper .warning-icon-circle{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.info-icon-wrapper .info-icon-circle{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.error-icon-wrapper .error-icon-circle{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;font-size:40px;line-height:1}.success-icon-wrapper .success-icon-circle{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.modal-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:12px;text-align:center}.modal-message{font-size:15px;color:var(--text-secondary);line-height:1.6;text-align:center;margin-bottom:20px}.modal-content{margin-bottom:20px}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-btn{flex:1;padding:14px 20px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.modal-btn.primary-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dark));color:#fff;box-shadow:0 2px 8px #1e88e54d}.modal-btn.primary-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e88e566}.modal-btn.primary-btn:active{transform:translateY(0)}.modal-btn.secondary-btn{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.modal-btn.secondary-btn:hover{background-color:var(--border-color);border-color:var(--text-secondary)}.modal-btn.secondary-btn:active{background-color:var(--border-color)}.modal-btn.danger-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 2px 8px #f443364d}.modal-btn.danger-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.modal-btn.danger-btn:active{transform:translateY(0)}.warning-modal{border-top:4px solid #ff9800}.confirm-modal{border-top:4px solid #2196f3}.error-modal{border-top:4px solid #f44336}.success-modal{border-top:4px solid #4caf50}.trip-completed-icon{animation:successPulse .6s ease-in-out;background:linear-gradient(135deg,#4caf50,#388e3c)!important;box-shadow:0 4px 20px #4caf5066!important}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-details-card{background:linear-gradient(135deg,#4caf5014,#4caf500d);border-radius:14px;padding:18px;margin-top:20px;border:1px solid rgba(76,175,80,.2);position:relative;overflow:hidden}.success-details-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-success) 0%,#388e3c 100%)}.success-detail-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(76,175,80,.1)}.success-detail-item:last-child{border-bottom:none;padding-bottom:0}.success-detail-item.highlight{background:#4caf501a;margin:8px -8px;padding:12px 8px;border-radius:8px;border-bottom:none}.detail-label{font-size:13px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.detail-value{font-size:15px;color:var(--text-primary);font-weight:600;text-align:right}.detail-value.highlight{color:var(--accent-success);font-weight:700;font-size:16px}.fare-highlight{color:var(--accent-primary)!important;font-size:18px!important;font-weight:800!important;letter-spacing:-.3px}.success-trip-badge{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#4caf5026,#4caf501a);border-radius:10px;margin-top:12px;border:1.5px solid rgba(76,175,80,.3)}.trip-icon{font-size:24px;line-height:1}.trip-text{font-size:14px;font-weight:700;color:var(--accent-success);letter-spacing:.2px}@media (max-width: 480px){.custom-modal{padding:24px 20px;max-width:100%;margin:0 16px}.modal-icon{width:60px;height:60px;font-size:30px}.modal-title{font-size:20px}.modal-message{font-size:14px}.modal-actions{flex-direction:column}.modal-btn{width:100%}}.app{width:100%;min-height:100vh;background-color:var(--bg-secondary)}[data-theme=dark] .app{background-color:#000}.mobile-container{max-width:414px;margin:0 auto;min-height:100vh;background-color:var(--bg-primary);position:relative;overflow-x:hidden}[data-theme=dark] .mobile-container{background-color:#000}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e0e0e0;--text-primary: #424242;--text-secondary: #757575;--text-tertiary: #9e9e9e;--border-color: #e0e0e0;--border-light: #f5f5f5;--accent-primary: #1e88e5;--accent-primary-dark: #1565c0;--accent-secondary: #42a5f5;--accent-success: #4caf50;--accent-error: #f44336;--accent-warning: #ff9800;--card-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .1);--card-shadow-hover: rgba(0, 0, 0, .15);--input-bg: #fafafa;--input-border: #e0e0e0;--input-focus-border: #1e88e5;--modal-overlay: rgba(0, 0, 0, .5);--modal-bg: #ffffff}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #000000;--bg-tertiary: #1c1c1e;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--border-color: #27272a;--border-light: #1c1c1e;--accent-primary: #60a5fa;--accent-primary-dark: #3b82f6;--accent-secondary: #93c5fd;--accent-success: #4ade80;--accent-error: #f87171;--accent-warning: #fbbf24;--card-bg: #18181b;--card-shadow: rgba(0, 0, 0, .5);--card-shadow-hover: rgba(0, 0, 0, .6);--input-bg: #1c1c1e;--input-border: #27272a;--input-focus-border: #60a5fa;--modal-overlay: rgba(0, 0, 0, .8);--modal-bg: #18181b;--bg-hover: #27272a}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden}@media (max-width: 768px){body{font-size:16px}}