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;min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#e3f2fd,#f5f5f5);margin-top:0}.login-container{width:100%;max-width:580px;animation:fadeInUp .5s ease-out;background:#fff;box-shadow:0 8px 32px #1565c01f,0 2px 8px #00000014;overflow:hidden}.login-scroll-wrapper{flex:1;display:flex;flex-direction:column;width:100%}.login-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:50px 30px 40px;text-align:center;position:relative;border-radius:0 0 30px 30px}.login-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.logo-container{margin-bottom:20px;position:relative;z-index:1}.logo-circle{width:110px;height:110px;border-radius:50%;background-color:#fff;display:inline-flex;justify-content:center;align-items:center;box-shadow:0 8px 24px #0003;transition:transform .3s ease,box-shadow .3s ease}.logo-circle:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 32px #00000040}.logo-image{width:75px;height:75px;object-fit:contain}.app-name{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:.5px;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.15)}.tagline{font-size:13px;color:#ffffffe6;letter-spacing:1.2px;text-transform:uppercase;font-weight:500;position:relative;z-index:1}.form-container{padding:40px 30px 30px}.toggle-container{display:flex;background-color:#f5f5f5;border-radius:12px;padding:4px;margin-bottom:30px;gap:4px}.toggle-button{flex:1;padding:14px;border:none;border-radius:10px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;color:#666;transition:all .3s ease}.toggle-button:hover:not(:disabled){background-color:#1565c014;color:#1565c0}.toggle-button:disabled{cursor:not-allowed;opacity:.6}.toggle-button.active-user,.toggle-button.active-driver{background:#1565c0;color:#fff;box-shadow:0 4px 12px #1565c059}.input-container{margin-bottom:24px}.input-wrapper{display:flex;background-color:#f8f9fa;border:1.5px solid #E0E0E0;border-radius:12px;padding:0 12px;transition:all .3s ease}.forgot-password{text-align:right;margin-top:-12px;margin-bottom:24px}.forgot-password a{color:#1565c0;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s ease}.forgot-password a:hover{color:#0d47a1;text-decoration:underline}.login-button{width:100%;padding:16px;border:none;border-radius:12px;background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;font-size:17px;font-weight:700;letter-spacing:.5px;cursor:pointer;box-shadow:0 6px 20px #1565c059;transition:all .3s ease;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-button:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#0d47a1,#1565c0);box-shadow:0 8px 24px #1565c073;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #1565c04d}.login-button:disabled{opacity:.7;cursor:not-allowed}.signup-container{text-align:center;margin-top:28px}.signup-text{font-size:14px;color:#666}.signup-link{color:#1565c0;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s ease;position:relative}.signup-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#1565c0;transition:width .3s ease}.signup-link:hover{color:#0d47a1}.signup-link:hover:after{width:100%}.login-footer{text-align:center;padding:30px 30px 35px;background-color:#fafbfc;border-top:1px solid #E8EAED}.shield-icon{color:#4caf50}@media (min-width: 576px){.login-container{max-width:500px}.form-container{padding:45px 40px 35px}.login-header{padding:55px 40px 45px}}@media (min-width: 768px){.login-container{max-width:540px}.login-header{padding:60px 50px 50px}.logo-circle{width:130px;height:130px}.logo-image{width:90px;height:90px}.app-name{font-size:38px}.tagline{font-size:14px}.form-container{padding:50px 50px 40px}.toggle-button{padding:16px;font-size:16px}.input-label{font-size:15px;text-align:left}.input-field{height:56px;font-size:17px}.login-button{padding:18px;font-size:18px}.login-footer{padding:35px 50px 40px}}@media (min-width: 1024px){.login-container{max-width:580px;box-shadow:0 12px 48px #1565c026,0 4px 12px #0000001a}}@media (max-width: 420px){.login-header{padding:40px 20px 35px}.logo-circle{width:95px;height:95px}.logo-image{width:65px;height:65px}.app-name{font-size:28px}.tagline{font-size:12px}.form-container{padding:30px 20px 25px}.toggle-button{padding:12px 10px;font-size:14px;gap:6px}.input-field{height:52px;font-size:15px}.login-button{padding:15px;font-size:16px}.login-footer{padding:25px 20px 30px}}@media (max-width: 360px){.toggle-button{padding:10px 8px;font-size:13px;gap:5px}.app-name{font-size:26px}.input-icon{margin-right:10px}}@media (max-height: 600px) and (orientation: landscape){.login-container{align-items:flex-start;overflow-y:auto}.login-header{padding:30px 30px 25px}.logo-circle{width:80px;height:80px}.logo-image{width:55px;height:55px}.app-name{font-size:24px;margin-bottom:4px}.tagline{font-size:11px}.form-container{padding:25px 30px 20px}.input-container{margin-bottom:18px}.toggle-container{margin-bottom:20px}.login-footer{padding:20px 30px 25px}}.toggle-button:focus,.eye-icon:focus,.signup-link:focus,.forgot-password a:focus{outline:3px solid #1565C0;outline-offset:2px}.signup-main-container{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:linear-gradient(135deg,#e3f2fd,#f5f5f5);animation:signup-fadeIn .5s ease-out}@keyframes signup-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signup-scroll-wrapper{width:100%;max-width:580px;background:#fff;box-shadow:0 8px 32px #1565c01f,0 2px 8px #00000014;overflow:hidden}.signup-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:45px 30px 35px;text-align:center;position:relative;border-radius:0 0 30px 30px}.signup-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.signup-logo-container{margin-bottom:16px;position:relative;z-index:1}.signup-logo-circle{width:90px;height:90px;border-radius:50%;background-color:#fff;display:inline-flex;justify-content:center;align-items:center;box-shadow:0 6px 20px #00000026;transition:transform .3s ease,box-shadow .3s ease}.signup-logo-circle:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 24px #0003}.signup-logo-image{width:60px;height:60px;object-fit:contain}.signup-app-name{font-size:28px;font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:.5px;position:relative;z-index:1}.signup-tagline{font-size:12px;color:#ffffffe6;letter-spacing:1.2px;text-transform:uppercase;font-weight:500;position:relative;z-index:1}.signup-form-container{padding:25px 30px 30px}.signup-welcome-section{text-align:center;margin-bottom:25px}.signup-welcome-title{font-size:26px;font-weight:700;color:#333;margin-bottom:6px}.signup-welcome-subtitle{font-size:15px;color:#666;font-weight:500}.signup-error-message,.signup-success-message{padding:12px 16px;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;animation:signup-slideDown .3s ease}@keyframes signup-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.signup-error-message{background-color:#ffebee;color:#c62828;border-left:4px solid #C62828}.signup-success-message{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid #4CAF50}.signup-input-container{margin-bottom:18px}.signup-input-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px;margin-left:4px}.signup-input-wrapper{display:flex;align-items:center;background-color:#f8f9fa;border:1.5px solid #E0E0E0;border-radius:12px;padding:0 16px;transition:all .3s ease}.signup-input-wrapper:focus-within{border-color:#1565c0;background-color:#fff;box-shadow:0 0 0 3px #1565c01a}.signup-input-icon{flex-shrink:0;margin-right:12px;color:#666;transition:color .3s ease}.signup-input-wrapper:focus-within .signup-input-icon{color:#1565c0}.signup-input-field{flex:1;border:none;outline:none;background:transparent;height:52px;font-size:16px;color:#333;min-width:0}.signup-input-field::placeholder{color:#999}.signup-input-field:disabled{cursor:not-allowed;opacity:.6}.signup-eye-icon{background:none;border:none;cursor:pointer;padding:8px;color:#999;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:6px;outline:none}.signup-eye-icon:hover{color:#1565c0;background-color:#1565c014}.signup-password-strength-container{margin-top:8px;display:flex;align-items:center;gap:10px}.signup-strength-bar-container{flex:1;height:4px;background-color:#e0e0e0;border-radius:2px;overflow:hidden}.signup-strength-bar{height:100%;border-radius:2px;transition:all .3s ease}.signup-strength-text{font-size:12px;font-weight:600;min-width:55px;text-align:right}.signup-match-indicator{margin-top:8px}.signup-match-row{display:flex;align-items:center;gap:6px}.signup-match-text{font-size:13px;color:#4caf50;font-weight:500}.signup-match-text-error{color:#f44336}.signup-terms-container{display:flex;align-items:flex-start;gap:8px;background-color:#f8f9fa;padding:12px;border-radius:8px;margin-top:8px;margin-bottom:20px}.signup-terms-container svg{flex-shrink:0;margin-top:2px}.signup-terms-text{flex:1;font-size:12px;color:#666;line-height:1.5}.signup-submit-button{width:100%;padding:16px;border:none;border-radius:12px;background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;font-size:17px;font-weight:700;letter-spacing:.5px;cursor:pointer;box-shadow:0 6px 20px #1565c059;transition:all .3s ease;position:relative;overflow:hidden}.signup-submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.signup-submit-button:hover:not(:disabled):before{left:100%}.signup-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#0d47a1,#1565c0);box-shadow:0 8px 24px #1565c073;transform:translateY(-2px)}.signup-submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #1565c04d}.signup-submit-button:disabled{opacity:.7;cursor:not-allowed}.signup-button-content,.signup-loading-content{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1}.signup-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:signup-spin .8s linear infinite}@keyframes signup-spin{to{transform:rotate(360deg)}}.signup-login-container{text-align:center;margin-top:20px}.signup-login-text{font-size:14px;color:#666}.signup-login-link{font-size:14px;color:#1565c0;font-weight:700;text-decoration:none;position:relative;transition:color .2s ease}.signup-login-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#1565c0;transition:width .3s ease}.signup-login-link:hover{color:#0d47a1}.signup-login-link:hover:after{width:100%}.signup-footer{text-align:center;padding:20px 30px 30px;background-color:#fafbfc;border-top:1px solid #E8EAED}.signup-security-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px}.signup-footer-text{font-size:13px;color:#4caf50;font-weight:600}.signup-footer-subtext{font-size:11px;color:#999}@media (min-width: 576px){.signup-form-container{padding:30px 40px 35px}.signup-header{padding:50px 40px 40px}}@media (min-width: 768px){.signup-header{padding:55px 50px 45px}.signup-logo-circle{width:110px;height:110px}.signup-logo-image{width:75px;height:75px}.signup-app-name{font-size:32px}.signup-tagline{font-size:13px}.signup-form-container{padding:35px 50px 40px}.signup-welcome-title{font-size:28px}.signup-input-field{height:54px;font-size:17px}.signup-submit-button{padding:18px;font-size:18px}.signup-footer{padding:25px 50px 35px}}@media (max-width: 480px){.signup-header{padding:35px 20px 30px}.signup-logo-circle{width:80px;height:80px}.signup-logo-image{width:55px;height:55px}.signup-app-name{font-size:24px}.signup-tagline{font-size:11px}.signup-form-container{padding:20px}.signup-welcome-title{font-size:22px}.signup-input-field{height:50px;font-size:15px}.signup-submit-button{padding:15px;font-size:16px}.signup-footer{padding:18px 20px 25px}}@media (max-width: 360px){.signup-input-icon{margin-right:10px}.signup-app-name{font-size:22px}}@media (max-height: 700px) and (orientation: landscape){.signup-main-container{align-items:flex-start}.signup-header{padding:25px 30px 20px}.signup-logo-circle{width:70px;height:70px}.signup-logo-image{width:48px;height:48px}.signup-app-name{font-size:20px;margin-bottom:4px}.signup-tagline{font-size:10px}.signup-form-container{padding:20px 30px}.signup-input-container{margin-bottom:14px}.signup-welcome-section{margin-bottom:18px}.signup-footer{padding:15px 30px 20px}}.signup-eye-icon:focus,.signup-login-link:focus,.signup-submit-button:focus{outline:3px solid #1565C0;outline-offset:2px}.map-page-container{width:100%;max-width:580px;margin:0 auto;background:#f5f5f5;min-height:100vh}.map-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:40px 20px 16px;box-shadow:0 2px 8px #0000001a}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.logo-section{display:flex;align-items:center;gap:10px;color:#fff}.notification-btn{background:none;border:none;color:#fff;padding:8px;cursor:pointer;border-radius:50%;transition:background-color .2s;position:relative}.notification-btn:hover{background-color:#ffffff1a}.notification-btn svg{display:block}.quick-actions{display:flex;gap:12px;padding:16px 20px}.action-card svg{color:#1565c0}.action-card:last-child svg{color:#d32f2f}.map-content{padding:0 20px 24px}.location-card,.trip-details-card{background:#fff;padding:18px;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.card-title{font-size:18px;font-weight:700;color:#333;margin:0}.location-input-container{margin-bottom:16px}.location-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.location-header .location-label{display:flex!important;align-items:center!important;gap:10px!important;flex-direction:row!important}.location-header .location-label svg{flex-shrink:0!important;display:block!important;margin:0!important}.location-label-text{font-size:14px;font-weight:600;color:#333;line-height:1.2;display:inline-block}.location-actions{display:flex;gap:8px}.icon-btn{background:none;border:none;padding:4px;cursor:pointer;border-radius:6px;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:#1565c014;color:#1565c0}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.icon-btn:disabled:hover{background:none;color:#666}.icon-btn svg{display:block}.swap-btn:not(:disabled){color:#1565c0}.swap-btn:not(:disabled):hover{background-color:#1565c01f;transform:rotate(180deg)}.detail-btn{color:#1565c0;font-weight:700;font-size:14px;width:28px;height:28px;padding:0}.detail-letter{font-weight:700;font-size:14px;line-height:1}.detail-btn:hover{background-color:#1565c01f}.input-wrapper{display:flex;align-items:center;background-color:#f8f9fa;border-radius:10px;border:1.5px solid #E0E0E0;padding:0 12px;min-height:50px;transition:all .3s ease}.input-icon{flex-shrink:0;margin-right:10px;color:#666;transition:color .3s ease}.location-input,.trip-input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:#333;padding:12px 0}.location-input::placeholder,.trip-input::placeholder{color:#999}.details-box{margin-top:8px;padding:12px;background-color:#f8f9fa;border-radius:8px;border:1px solid #E0E0E0}.details-box p{margin:0;font-size:13px;color:#666;line-height:1.5}.current-location-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4caf5040;margin-top:10px}.current-location-btn:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#4caf50);box-shadow:0 4px 12px #4caf5059;transform:translateY(-1px)}.current-location-btn:active:not(:disabled){transform:translateY(0)}.current-location-btn:disabled{opacity:.7;cursor:not-allowed}.current-location-btn svg{flex-shrink:0}.location-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.metrics-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #F0F0F0}.metric-item{display:flex;align-items:center;gap:6px}.metric-value{font-size:14px;font-weight:600;color:#333}.fare-value{font-size:16px;font-weight:700;color:#4caf50}.map-container-wrapper{position:relative;height:300px;margin-bottom:16px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.map-hint{position:absolute;bottom:12px;left:12px;background:#fffffff2;padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0000001a}.map-hint span{font-size:12px;color:#666;font-weight:500}.map-hint svg{flex-shrink:0;color:#666}.field-container{margin-bottom:16px}.field-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.leave-now-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#ff6b35,#ff8c5a);color:#fff;border:none;padding:14px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff6b354d;margin-bottom:12px}.leave-now-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b3566}.leave-now-btn svg{flex-shrink:0}.or-text{text-align:center;font-size:13px;color:#999;margin-bottom:12px}.schedule-row{display:flex;gap:12px;margin-bottom:16px}.schedule-input{flex:1;display:flex;align-items:center;background-color:#f8f9fa;border-radius:10px;border:1.5px solid #E0E0E0;padding:0 12px;transition:all .3s ease}.schedule-input:focus-within{border-color:#1565c0;background-color:#fff;box-shadow:0 0 0 3px #1565c01a}.schedule-icon{flex-shrink:0;margin-right:8px;color:#666}.schedule-input:focus-within .schedule-icon{color:#1565c0}.schedule-field{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#333;padding:12px 0}.schedule-field::placeholder{color:#999}.patient-toggle{display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;padding:14px;border-radius:10px;border:1.5px solid #E0E0E0;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.patient-toggle:hover{background-color:#e3f2fd;border-color:#1565c0}.patient-info{display:flex;align-items:center;gap:10px}.patient-info svg{flex-shrink:0}.patient-label{font-size:15px;font-weight:600;color:#333}.textarea-wrapper{display:flex;background-color:#f8f9fa;border-radius:10px;border:1.5px solid #E0E0E0;padding:12px;min-height:80px;transition:all .3s ease}.textarea-wrapper:focus-within{border-color:#1565c0;background-color:#fff;box-shadow:0 0 0 3px #1565c01a}.textarea-icon{flex-shrink:0;margin-right:10px;margin-top:2px;color:#666}.textarea-wrapper:focus-within .textarea-icon{color:#1565c0}.trip-textarea{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:#333;resize:none;font-family:inherit}.trip-textarea::placeholder{color:#999}.submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;border:none;padding:16px;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #1565c059;margin-top:8px}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0d47a1,#1565c0);box-shadow:0 8px 24px #1565c073;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn svg{flex-shrink:0}@media (min-width: 576px){.map-page-container{max-width:500px}.map-header{padding:50px 30px 20px}.quick-actions{padding:20px 30px}.map-content{padding:0 30px 30px}.location-card,.trip-details-card{padding:22px}}@media (min-width: 768px){.map-page-container{max-width:540px}.header-title{font-size:22px}.card-title{font-size:20px}.location-input,.trip-input,.trip-textarea{font-size:16px}.map-container-wrapper{height:350px}}@media (min-width: 1024px){.map-page-container{max-width:580px}.map-container-wrapper{height:400px}}@media (max-width: 420px){.map-header{padding:30px 15px 12px}.header-title{font-size:18px}.quick-actions{padding:12px 15px}.map-content{padding:0 15px 20px}.location-card,.trip-details-card{padding:16px}.card-title{font-size:16px}.action-text{font-size:12px}.schedule-row{flex-direction:column;gap:12px}.map-container-wrapper{height:250px}}@media (max-width: 360px){.metrics-row{flex-wrap:wrap;gap:8px}.metric-item{min-width:calc(50% - 4px)}}.icon-btn:focus,.action-card:focus,.leave-now-btn:focus,.submit-btn:focus,.current-location-btn:focus{outline:3px solid #1565C0;outline-offset:2px}.driver-signup-container{width:100%;max-width:580px;margin:0 auto;animation:fadeInUp .5s ease-out;background:#fff;box-shadow:0 8px 32px #1565c01f,0 2px 8px #00000014;overflow:hidden}.driver-signup-scroll-wrapper{display:flex;flex-direction:column;width:100%}.driver-signup-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:50px 30px 40px;text-align:center;position:relative;border-radius:0 0 30px 30px}.driver-signup-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.driver-form-container{padding:40px 30px 30px}.welcome-section{margin-bottom:30px;text-align:center}.welcome-icon{margin-bottom:12px}.welcome-title{font-size:26px;font-weight:700;color:#333;margin-bottom:8px}.welcome-subtitle{font-size:14px;color:#666;font-weight:500}.error-message{background-color:#ffebee;color:#c62828;padding:14px 16px;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-size:14px;border-left:4px solid #C62828;animation:slideDown .3s ease;font-weight:500}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:14px 16px;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-size:14px;border-left:4px solid #4CAF50;animation:slideDown .3s ease;font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #E3F2FD}.section-header-spacing{margin-top:30px}.section-title{font-size:16px;font-weight:700;color:#1565c0}.input-container{margin-bottom:20px}.input-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:10px;margin-left:4px}.input-wrapper{display:flex;align-items:center;background-color:#f8f9fa;border:1.5px solid #E0E0E0;border-radius:12px;padding:0 12px;transition:all .3s ease}.input-wrapper:focus-within{border-color:#1565c0;background-color:#fff;box-shadow:0 0 0 3px #1565c01a}.readonly-wrapper{background-color:#f0f0f0;border-color:#d0d0d0}.input-icon{flex-shrink:0;margin-right:12px;color:#666;transition:color .3s ease}.input-wrapper:focus-within .input-icon{color:#1565c0}.input-field{flex:1;border:none;outline:none;background:transparent;height:54px;font-size:16px;color:#333;min-width:0}.input-field::placeholder{color:#999}.input-field:disabled{cursor:not-allowed;opacity:.6}.readonly-input{color:#999}.lock-icon{color:#999;flex-shrink:0}.eye-icon{background:none;border:none;cursor:pointer;padding:8px;color:#999;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:6px;outline:none}.eye-icon:hover{color:#1565c0;background-color:#1565c014}.password-strength-container{display:flex;align-items:center;gap:12px;margin-top:10px}.strength-bar-container{flex:1;height:4px;background-color:#e0e0e0;border-radius:2px;overflow:hidden}.strength-bar{height:100%;border-radius:2px;transition:all .3s ease}.strength-text{font-size:12px;font-weight:600;min-width:60px;text-align:right}.match-indicator{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:500}.match-success{color:#4caf50}.match-error{color:#f44336}.requirements-box{background-color:#e3f2fd;padding:16px;border-radius:12px;margin-top:10px;margin-bottom:20px;border-left:4px solid #1565C0}.requirement-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.requirement-title{font-size:14px;font-weight:700;color:#1565c0}.requirement-item{display:flex;align-items:center;gap:10px;margin-left:14px;margin-top:8px;font-size:13px;color:#555}.terms-container{display:flex;align-items:flex-start;gap:10px;background-color:#f8f9fa;padding:12px;border-radius:8px;margin-bottom:24px}.terms-container p{flex:1;font-size:12px;color:#666;line-height:1.5;margin:0}.terms-container svg{flex-shrink:0;color:#666}.signup-button{width:100%;padding:16px;border:none;border-radius:12px;background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;font-size:17px;font-weight:700;letter-spacing:.5px;cursor:pointer;box-shadow:0 6px 20px #1565c059;transition:all .3s ease;position:relative;overflow:hidden}.signup-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.signup-button:hover:not(:disabled):before{left:100%}.signup-button:hover:not(:disabled){background:linear-gradient(135deg,#0d47a1,#1565c0);box-shadow:0 8px 24px #1565c073;transform:translateY(-2px)}.signup-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #1565c04d}.signup-button:disabled{opacity:.7;cursor:not-allowed}.button-content,.loading-content{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1}.login-container{text-align:center;margin-top:24px}.login-text{font-size:14px;color:#666}.login-link{color:#1565c0;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s ease;position:relative}.login-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#1565c0;transition:width .3s ease}.login-link:hover{color:#0d47a1}.login-link:hover:after{width:100%}.driver-signup-footer{text-align:center;padding:30px 30px 35px;background-color:#fafbfc;border-top:1px solid #E8EAED}.security-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px}.footer-text{font-size:13px;color:#4caf50;font-weight:600}.footer-subtext{font-size:11px;color:#999;margin-top:4px}@media (min-width: 576px){.driver-signup-container{max-width:500px}.driver-form-container{padding:45px 40px 35px}.driver-signup-header{padding:55px 40px 45px}}@media (min-width: 768px){.driver-signup-container{max-width:540px}.driver-signup-header{padding:60px 50px 50px}.driver-form-container{padding:50px 50px 40px}.welcome-title{font-size:28px}.welcome-subtitle,.input-label{font-size:15px}.input-field{height:56px;font-size:17px}.signup-button{padding:18px;font-size:18px}.driver-signup-footer{padding:35px 50px 40px}}@media (min-width: 1024px){.driver-signup-container{max-width:580px;box-shadow:0 12px 48px #1565c026,0 4px 12px #0000001a}}@media (max-width: 420px){.driver-signup-header{padding:40px 20px 35px}.driver-form-container{padding:30px 20px 25px}.welcome-title{font-size:24px}.welcome-subtitle{font-size:13px}.input-field{height:52px;font-size:15px}.signup-button{padding:15px;font-size:16px}.driver-signup-footer{padding:25px 20px 30px}}@media (max-width: 360px){.welcome-title{font-size:22px}.input-icon{margin-right:10px}}@media (max-height: 600px) and (orientation: landscape){.driver-signup-header{padding:30px 30px 25px}.driver-form-container{padding:25px 30px 20px}.welcome-section{margin-bottom:20px}.input-container{margin-bottom:16px}.section-header{margin-bottom:15px}.section-header-spacing{margin-top:20px}.driver-signup-footer{padding:20px 30px 25px}}.eye-icon:focus,.login-link:focus{outline:3px solid #1565C0;outline-offset:2px}.trip-page-container{width:100%;max-width:600px;margin:0 auto;background:#f8f9fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.trip-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:#f8f9fa}.spinner-large{width:60px;height:60px;border:5px solid rgba(21,101,192,.15);border-top-color:#1565c0;border-radius:50%;animation:spin .8s linear infinite}.loading-text{margin-top:20px;font-size:17px;color:#555;font-weight:600}.trip-header{background:linear-gradient(135deg,#1565c0,#0d47a1);padding:50px 24px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #00000026;position:sticky;top:0;z-index:100}.back-button{background:#ffffff26;border:none;color:#fff;padding:8px;cursor:pointer;border-radius:10px;transition:all .2s;display:flex;align-items:center;justify-content:center}.back-button:hover{background:#ffffff40;transform:translate(-3px)}.header-content{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;color:#fff}.header-title{font-size:22px;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px}.header-spacer{width:40px}.trip-content{padding:24px 20px 32px}.status-card{background:#fff;padding:24px;border-radius:16px;margin-bottom:20px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,0,0,.05)}.status-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.trip-id-section{display:flex;flex-direction:column}.trip-id-label{font-size:13px;color:#888;margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.trip-id-value{font-size:28px;font-weight:800;color:#1565c0;letter-spacing:-1px}.status-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px}.status-badge1{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;white-space:nowrap}.status-icon{font-size:20px}.status-text{font-size:15px;font-weight:700}.waiting-section{display:flex;flex-direction:column;align-items:center;margin-top:28px;padding:20px 0;border-top:2px dashed #E0E0E0}.pulse-animation{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}.waiting-text{font-size:16px;color:#555;margin-top:16px;font-weight:600;text-align:center}.spinner{width:20px;height:20px;border:3px solid rgba(255,107,53,.2);border-top-color:#ff6b35;border-radius:50%;animation:spin .8s linear infinite;margin-top:12px}.trip-card{background:#fff;padding:24px;border-radius:16px;margin-bottom:20px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,0,0,.05)}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #F0F0F0}.card-title{font-size:19px;font-weight:700;color:#222;margin:0;letter-spacing:-.3px}.driver-card{display:flex;align-items:center;background:linear-gradient(135deg,#f8f9fa,#e8eaf6);padding:20px;border-radius:14px;margin-bottom:16px;border:1px solid rgba(21,101,192,.1)}.driver-avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#e3f2fd,#bbdefb);display:flex;justify-content:center;align-items:center;margin-right:20px;flex-shrink:0;border:3px solid #FFFFFF;box-shadow:0 2px 8px #1565c026}.driver-info{flex:1;min-width:0}.driver-name{font-size:19px;font-weight:700;color:#1565c0;margin:0 0 10px;letter-spacing:-.3px}.driver-contact,.driver-vehicle{display:flex;align-items:center;gap:8px;margin-bottom:6px}.driver-contact svg,.driver-vehicle svg{color:#666;flex-shrink:0}.driver-phone,.vehicle-number{font-size:15px;color:#555;font-weight:500}.vehicle-number{font-weight:700;color:#333}.call-button{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4caf5059;flex-shrink:0}.call-button:hover{transform:scale(1.08);box-shadow:0 6px 16px #4caf5080}.call-button:active{transform:scale(.95)}.call-button svg{color:#fff}.track-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border:none;padding:16px;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #4caf5059}.track-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5073}.track-button:active{transform:translateY(0)}.track-button-ongoing{background:linear-gradient(135deg,#2196f3,#1565c0);box-shadow:0 4px 16px #2196f359}.track-button-ongoing:hover{box-shadow:0 6px 20px #2196f373}.track-button svg{flex-shrink:0}.tracking-note{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff8e1,#ffecb3);padding:14px 16px;border-radius:10px;border:1px solid rgba(255,160,0,.2)}.tracking-note svg{color:#ff8f00;flex-shrink:0}.tracking-note span{font-size:14px;color:#666;flex:1;font-weight:500}.map-card{background:#fff;margin-bottom:20px;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,0,0,.05)}.eta-bar{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:14px}.eta-bar-ongoing{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.eta-bar svg{color:#4caf50;flex-shrink:0}.eta-bar-ongoing svg{color:#2196f3}.eta-text{font-size:16px;font-weight:700;color:#2e7d32}.eta-bar-ongoing .eta-text{color:#1565c0}.map-wrapper{width:100%;height:420px}.route-container{margin-bottom:20px;display:flex;flex-direction:column;width:100%}.route-item{display:flex;align-items:flex-start;width:100%;margin-bottom:0}.pickup-marker{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);display:flex;justify-content:center;align-items:center;margin-right:16px;margin-top:2px;flex-shrink:0;border:2px solid #4CAF50;box-shadow:0 2px 8px #4caf5033}.destination-marker{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffebee,#ffcdd2);display:flex;justify-content:center;align-items:center;margin-right:16px;margin-top:2px;flex-shrink:0;border:2px solid #D32F2F;box-shadow:0 2px 8px #d32f2f33}.route-label{display:block;font-size:13px;color:#888;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.route-address{font-size:15px;color:#333;line-height:1.6;margin:0;font-weight:500;word-wrap:break-word}.route-divider{display:flex;align-items:center;margin:20px 0 20px 17px;gap:12px}.dotted-line{width:3px;height:40px;background:repeating-linear-gradient(to bottom,#1565C0 0px,#1565C0 8px,transparent 8px,transparent 14px)}.distance-text{font-size:14px;color:#fff;font-weight:700;background:linear-gradient(135deg,#1565c0,#0d47a1);padding:6px 14px;border-radius:20px;box-shadow:0 2px 8px #1565c040}.trip-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:12px}.metadata-item{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:12px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.05)}.metadata-item svg{color:#666;flex-shrink:0}.metadata-item span{font-size:14px;color:#555;font-weight:600}.fare-item{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid rgba(76,175,80,.2)}.fare-item svg{color:#4caf50}.fare-value{color:#2e7d32!important;font-weight:800!important;font-size:16px!important}.ongoing-info{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:28px;border-radius:16px;margin-bottom:16px;border:2px solid rgba(33,150,243,.2)}.ongoing-info svg{margin-bottom:16px;filter:drop-shadow(0 2px 4px rgba(33,150,243,.3))}.ongoing-title{font-size:22px;font-weight:800;color:#1565c0;margin:0 0 8px;letter-spacing:-.5px}.ongoing-subtitle{font-size:16px;color:#555;text-align:center;margin:0;font-weight:500}.action-buttons{margin-top:24px}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:linear-gradient(135deg,#1565c0,#0d47a1);color:#fff;border:none;padding:18px;border-radius:14px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #1565c066;margin-bottom:16px}.primary-button:hover:not(.button-disabled){background:linear-gradient(135deg,#0d47a1,#01579b);box-shadow:0 8px 28px #1565c080;transform:translateY(-3px)}.primary-button:active:not(.button-disabled){transform:translateY(0)}.button-disabled{opacity:.5;cursor:not-allowed}.primary-button svg{flex-shrink:0}.cancel-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#dc3545!important;color:#fff;border:none;padding:18px;border-radius:14px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #dc354559}.cancel-button:hover:not(:disabled){background:#c82333;box-shadow:0 8px 28px #dc354580;transform:translateY(-3px)}.cancel-button:active:not(:disabled){transform:translateY(0)}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.cancel-button svg{flex-shrink:0}@media (min-width: 576px){.trip-page-container{min-width:540px}.trip-header{padding:60px 30px 24px}.header-title{font-size:24px}.trip-content{padding:28px 30px 40px}.trip-card,.status-card{padding:28px}.map-wrapper{height:450px}}@media (min-width: 768px){.trip-page-container{min-width:600px}.card-title{font-size:20px}.trip-id-value{font-size:30px}.driver-name{font-size:20px}.map-wrapper{height:480px}}@media (max-width: 480px){.trip-header{padding:40px 16px 16px}.header-title{font-size:19px}.trip-content{padding:20px 16px 28px}.trip-card,.status-card{padding:20px}.card-title{font-size:17px}.trip-id-value{font-size:24px}.driver-avatar{width:60px;height:60px}.driver-name{font-size:17px}.call-button{width:50px;height:50px}.map-wrapper{height:350px}.trip-metadata{grid-template-columns:1fr}.primary-button,.cancel-button{font-size:17px;padding:16px}}@media (max-width: 360px){.trip-id-value{font-size:22px}.status-text{font-size:13px}.ongoing-title{font-size:19px}.map-wrapper{height:300px}}.back-button:focus,.track-button:focus,.call-button:focus,.primary-button:focus,.cancel-button:focus{outline:3px solid #1565C0;outline-offset:3px}.cancel-button:focus{outline-color:#dc3545}@media (prefers-reduced-motion: no-preference){*{scroll-behavior:smooth}}.driver-loading-container,.driver-error-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f5f5f5;padding:20px}.driver-spinner{width:50px;height:50px;border:4px solid rgba(21,101,192,.2);border-top-color:#1565c0;border-radius:50%;animation:driverSpin .8s linear infinite}@keyframes driverSpin{to{transform:rotate(360deg)}}.driver-loading-text{margin-top:16px;font-size:16px;color:#666;font-weight:600}.driver-error-text{font-size:16px;color:#666;text-align:center;margin:20px 0}.driver-login-btn{background-color:#1565c0;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.driver-login-btn:hover{background-color:#0d47a1;transform:translateY(-2px);box-shadow:0 4px 12px #1565c04d}.driver-dashboard-container{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.driver-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:40px 20px 20px;box-shadow:0 2px 8px #0000001a}.driver-header-top{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.driver-logo-section{display:flex;align-items:center;gap:10px;color:#fff}.driver-header-title{font-size:20px;font-weight:700;color:#fff;margin:0}.driver-menu-icon-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.driver-menu-icon-btn:hover{opacity:.8}.driver-scroll-wrapper{flex:1;overflow-y:auto;padding:20px;max-width:1200px;margin:0 auto;width:100%}.driver-location-card{background:#fff;padding:18px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:16px}.driver-location-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.driver-location-title{font-size:16px;font-weight:700;color:#333;margin:0}.driver-location-error{display:flex;align-items:center;gap:8px;background-color:#ffebee;padding:12px;border-radius:8px}.driver-location-error-text{font-size:14px;color:#d32f2f;font-weight:500}.driver-coordinates-container{background-color:#f8f9fa;padding:12px;border-radius:8px}.driver-coordinate-item{display:flex;justify-content:space-between;margin-bottom:8px}.driver-coordinate-item:last-child{margin-bottom:0}.driver-coordinate-label{font-size:14px;color:#666;font-weight:600}.driver-coordinate-value{font-size:14px;color:#1565c0;font-weight:700}.driver-gps-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px}.driver-gps-hint-text{font-size:12px;color:#999}.driver-stats-container{display:flex;gap:12px;margin-bottom:24px}.driver-stat-card{flex:1;background:#fff;padding:16px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 2px 8px #00000014;border:none;cursor:pointer;transition:all .3s ease}.driver-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.driver-stat-label{font-size:12px;color:#666;text-align:center;margin:0}.driver-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.driver-section-title{flex:1;font-size:18px;font-weight:700;color:#333;margin:0}.driver-refresh-btn{background:none;border:none;color:#1565c0;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s ease}.driver-refresh-btn:hover{background-color:#1565c014}.driver-refresh-btn.refreshing svg{animation:driverSpin 1s linear infinite}.driver-empty-state{background:#fff;padding:40px;border-radius:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #00000014}.driver-empty-state-title{font-size:18px;font-weight:700;color:#666;margin:16px 0 8px}.driver-empty-state-text{font-size:14px;color:#999;text-align:center;margin:0}.driver-trip-card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:16px}.driver-trip-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid #F0F0F0}.driver-trip-id-badge{display:flex;align-items:center;gap:6px;background-color:#e3f2fd;padding:6px 10px;border-radius:6px}.driver-trip-id{font-size:14px;font-weight:700;color:#1565c0}.driver-fare-badge{display:flex;align-items:center;gap:6px;background-color:#e8f5e9;padding:6px 10px;border-radius:6px}.driver-fare-amount{font-size:16px;font-weight:700;color:#4caf50}.driver-route-container{margin-bottom:16px}.driver-route-item{display:flex;align-items:flex-start;gap:12px}.driver-pickup-marker,.driver-destination-marker{width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.driver-pickup-marker{background-color:#e8f5e9}.driver-destination-marker{background-color:#ffebee}.driver-route-details{flex:1}.driver-route-label{font-size:12px;color:#999;font-weight:600;margin-bottom:4px;display:block}.driver-route-address{font-size:14px;color:#333;line-height:1.4;margin:0}.driver-route-divider{display:flex;align-items:center;margin:8px 0 8px 11px}.driver-dotted-line{width:2px;height:20px;background-color:#e0e0e0}.driver-trip-metadata{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.driver-metadata-item{display:flex;align-items:center;gap:6px;background-color:#f8f9fa;padding:6px 10px;border-radius:6px}.driver-metadata-text{font-size:13px;color:#666;font-weight:500}.driver-passenger-info{display:flex;align-items:center;gap:8px;background-color:#e3f2fd;padding:10px;border-radius:8px;margin-bottom:16px}.driver-passenger-phone{font-size:14px;font-weight:600;color:#1565c0}.driver-accept-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;padding:14px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #4caf504d;transition:all .3s ease}.driver-accept-btn:hover:not(.disabled){background:linear-gradient(135deg,#388e3c,#4caf50);box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.driver-accept-btn:active:not(.disabled){transform:translateY(0)}.driver-accept-btn.disabled{background:#9e9e9e;cursor:not-allowed;opacity:.7}.driver-btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:driverSpin .8s linear infinite}@media (min-width: 768px){.driver-header{padding:50px 40px 30px}.driver-header-title{font-size:22px}.driver-scroll-wrapper{padding:30px 40px}.driver-location-card{padding:24px}.driver-trip-card{padding:20px}.driver-stats-container{gap:16px}.driver-stat-card{padding:20px}}@media (min-width: 1024px){.driver-header{padding:60px 50px 35px}.driver-header-title{font-size:24px}.driver-scroll-wrapper{padding:40px 50px}.driver-trip-card{padding:24px}}@media (max-width: 420px){.driver-header{padding:30px 16px 16px}.driver-header-title{font-size:18px}.driver-scroll-wrapper{padding:16px}.driver-location-card,.driver-trip-card{padding:14px}.driver-stat-card{padding:12px}.driver-metadata-item{font-size:12px;padding:5px 8px}.driver-accept-btn{padding:12px;font-size:15px}}@media (max-width: 360px){.driver-header-title{font-size:16px}.driver-route-address{font-size:13px}.driver-metadata-item{gap:4px}}.driver-menu-icon-btn:focus,.driver-refresh-btn:focus,.driver-stat-card:focus,.driver-accept-btn:focus{outline:3px solid #1565C0;outline-offset:2px}.active-loading-container,.active-error-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f5f5f5;padding:20px}.active-spinner{width:50px;height:50px;border:4px solid rgba(21,101,192,.2);border-top-color:#1565c0;border-radius:50%;animation:activeSpin .8s linear infinite}@keyframes activeSpin{to{transform:rotate(360deg)}}.active-loading-text{margin-top:16px;font-size:16px;color:#666;font-weight:600}.active-error-text{font-size:16px;color:#666;text-align:center;margin:20px 0}.active-login-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;padding:12px 24px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #1565c04d;transition:all .3s ease}.active-login-btn:hover{background:linear-gradient(135deg,#0d47a1,#1565c0);transform:translateY(-2px);box-shadow:0 6px 16px #1565c066}.active-container{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.active-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:40px 20px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000001a}.active-back-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.active-back-btn:hover{opacity:.8}.active-header-content{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff}.active-header-title{font-size:20px;font-weight:700;color:#fff;margin:0}.active-header-spacer{width:32px}.active-scroll-wrapper{flex:1;overflow-y:auto;padding:20px;max-width:1200px;margin:0 auto;width:100%}.active-stats-card{background:#fff;padding:20px;border-radius:12px;display:flex;justify-content:center;box-shadow:0 2px 8px #00000014;margin-bottom:16px}.active-stat-item{display:flex;flex-direction:column;align-items:center}.active-stat-number{font-size:32px;font-weight:700;color:#1565c0;margin:8px 0}.active-stat-label{font-size:14px;color:#666;font-weight:600}.active-quick-actions{display:flex;gap:12px;margin-bottom:24px}.active-action-card{flex:1;background:#fff;padding:16px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 2px 8px #00000014;border:none;cursor:pointer;transition:all .3s ease}.active-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.active-action-text{font-size:13px;font-weight:600;color:#333;margin:0}.active-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.active-section-title{flex:1;font-size:18px;font-weight:700;color:#333;margin:0}.active-refresh-btn{background:none;border:none;color:#1565c0;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s ease}.active-refresh-btn:hover{background-color:#1565c014}.active-refresh-btn.refreshing svg{animation:activeSpin 1s linear infinite}.active-empty-state{background:#fff;padding:40px;border-radius:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #00000014}.active-empty-title{font-size:24px;font-weight:700;color:#333;margin:20px 0 12px}.active-empty-subtitle{font-size:15px;color:#666;text-align:center;margin-bottom:24px;line-height:1.5}.active-dashboard-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;padding:14px 24px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #1565c04d;transition:all .3s ease}.active-dashboard-btn:hover{background:linear-gradient(135deg,#0d47a1,#1565c0);transform:translateY(-2px);box-shadow:0 6px 16px #1565c066}.active-trip-card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:16px}.active-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid #F0F0F0}.active-trip-id-container{display:flex;align-items:center;gap:6px}.active-trip-id{font-size:16px;font-weight:700;color:#1565c0}.active-status-badge{display:flex;align-items:center;gap:4px;background-color:#ff6b35;padding:6px 10px;border-radius:12px;color:#fff}.active-status-text{font-size:12px;font-weight:700;color:#fff}.active-route-container{margin-bottom:16px}.active-route-item{display:flex;align-items:flex-start;gap:12px}.active-pickup-marker,.active-destination-marker{width:28px;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.active-pickup-marker{background-color:#e8f5e9}.active-destination-marker{background-color:#ffebee}.active-route-details{flex:1}.active-route-label{font-size:11px;color:#999;font-weight:600;text-transform:uppercase;margin-bottom:4px;display:block}.active-route-address{font-size:14px;color:#333;line-height:1.4;margin:0}.active-route-divider{display:flex;align-items:center;margin:8px 0 8px 13px}.active-dotted-line{width:2px;height:20px;background-color:#e0e0e0}.active-trip-info{display:flex;gap:12px;margin-bottom:16px}.active-info-pill{display:flex;align-items:center;gap:6px;background-color:#f8f9fa;padding:8px 12px;border-radius:20px}.active-info-pill-text{font-size:14px;color:#666;font-weight:600}.active-info-pill-text.fare{color:#4caf50;font-weight:700}.active-schedule-container{display:flex;gap:16px;margin-bottom:16px}.active-schedule-item{display:flex;align-items:center;gap:6px;background-color:#f8f9fa;padding:8px 12px;border-radius:8px}.active-schedule-text{font-size:13px;color:#666;font-weight:500}.active-passenger-card{display:flex;align-items:center;background-color:#e3f2fd;padding:12px;border-radius:10px;margin-bottom:16px}.active-passenger-header{display:flex;align-items:center;gap:6px;margin-right:12px}.active-passenger-title{font-size:13px;font-weight:700;color:#1565c0}.active-passenger-info{flex:1}.active-passenger-name{font-size:15px;font-weight:700;color:#333;margin:0 0 4px}.active-passenger-contact{display:flex;align-items:center;gap:4px}.active-passenger-phone{font-size:13px;color:#666}.active-call-btn{width:36px;height:36px;border-radius:18px;background-color:#4caf50;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #4caf504d;transition:all .3s ease}.active-call-btn:hover{background-color:#388e3c;box-shadow:0 4px 12px #4caf5066;transform:scale(1.05)}.active-instruction-container{display:flex;align-items:center;gap:8px;background-color:#fff3e0;padding:12px;border-radius:8px;margin-bottom:16px}.active-instruction-text{flex:1;font-size:13px;color:#ff6b35;font-weight:500;margin:0}.active-action-buttons{display:flex;gap:12px}.active-start-btn,.active-complete-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease}.active-start-btn{background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;box-shadow:0 4px 12px #1565c04d}.active-start-btn:hover:not(.disabled){background:linear-gradient(135deg,#0d47a1,#1565c0);box-shadow:0 6px 16px #1565c066;transform:translateY(-2px)}.active-complete-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 4px 12px #4caf504d}.active-complete-btn:hover:not(.disabled){background:linear-gradient(135deg,#388e3c,#4caf50);box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.active-start-btn.disabled,.active-complete-btn.disabled{background:#9e9e9e;cursor:not-allowed;opacity:.5;box-shadow:none}.active-start-btn:active:not(.disabled),.active-complete-btn:active:not(.disabled){transform:translateY(0)}@media (min-width: 768px){.active-header{padding:50px 40px 20px}.active-header-title{font-size:22px}.active-scroll-wrapper{padding:30px 40px}.active-stats-card{padding:24px}.active-trip-card{padding:20px}.active-quick-actions{gap:16px}.active-action-card{padding:20px}}@media (min-width: 1024px){.active-header{padding:60px 50px 25px}.active-header-title{font-size:24px}.active-scroll-wrapper{padding:40px 50px}.active-trip-card{padding:24px}}@media (max-width: 420px){.active-header{padding:30px 16px 16px}.active-header-title{font-size:18px}.active-scroll-wrapper{padding:16px}.active-stats-card,.active-trip-card{padding:14px}.active-action-card{padding:12px}.active-schedule-container{gap:8px}.active-action-buttons{flex-direction:column}.active-start-btn,.active-complete-btn{padding:12px;font-size:14px}}@media (max-width: 360px){.active-header-title{font-size:16px}.active-route-address{font-size:13px}.active-info-pill{padding:6px 10px}}.active-back-btn:focus,.active-refresh-btn:focus,.active-action-card:focus,.active-dashboard-btn:focus,.active-call-btn:focus,.active-start-btn:focus,.active-complete-btn:focus{outline:3px solid #1565C0;outline-offset:2px}.booked-main-container{min-height:100vh;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.booked-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.booked-back-button{background:#fff3;border:none;padding:.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.booked-back-button svg{stroke:#fff}.booked-back-button:hover{background:#ffffff4d}.booked-header-content{display:flex;align-items:center;gap:.625rem;flex:1;justify-content:center}.booked-header-content svg{stroke:#fff}.booked-header-title{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:.3px}.booked-header-spacer{width:40px}.booked-scroll-content{max-width:800px;margin:0 auto;padding:1.25rem 1.25rem 2rem}.booked-stats-card{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:1rem;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}.booked-stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.booked-stat-icon{margin-bottom:.75rem}.booked-stat-number{font-size:2rem;font-weight:700;color:#1565c0;margin:.5rem 0}.booked-stat-label{font-size:.875rem;color:#666;font-weight:600}.booked-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.booked-action-card{background:#fff;border:none;border-radius:12px;padding:1rem;text-align:center;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.booked-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.booked-action-text{font-size:.8125rem;font-weight:600;color:#333}.booked-loading-container,.booked-loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.booked-loading-container{min-height:100vh;background:#f5f5f5}.booked-spinner{width:48px;height:48px;border:4px solid #E0E0E0;border-top-color:#1565c0;border-radius:50%;animation:booked-spin .8s linear infinite}@keyframes booked-spin{to{transform:rotate(360deg)}}.booked-spinner-small{display:inline-block;width:18px;height:18px;border:3px solid rgba(211,47,47,.2);border-top-color:#d32f2f;border-radius:50%;animation:booked-spin .8s linear infinite}.booked-loading-text{margin-top:1rem;font-size:1rem;color:#666;font-weight:600}.booked-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:#f5f5f5}.booked-error-icon{margin-bottom:1.5rem}.booked-error-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:.75rem}.booked-error-text{font-size:1rem;color:#666;margin-bottom:1.5rem;text-align:center}.booked-login-redirect-button{background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.625rem;box-shadow:0 4px 12px #1565c059;transition:all .3s ease}.booked-login-redirect-button:hover{background:linear-gradient(135deg,#0d47a1,#1565c0);transform:translateY(-2px);box-shadow:0 6px 16px #1565c073}.booked-empty-state{background:#fff;border-radius:12px;padding:2.5rem 1.5rem;text-align:center;box-shadow:0 2px 8px #00000014}.booked-empty-icon-container{margin-bottom:1.5rem}.booked-empty-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:.75rem}.booked-empty-subtitle{font-size:.9375rem;color:#666;margin-bottom:1.75rem;line-height:1.5}.booked-book-button{background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #1565c059;transition:all .3s ease}.booked-book-button:hover{background:linear-gradient(135deg,#0d47a1,#1565c0);transform:translateY(-2px);box-shadow:0 6px 16px #1565c073}.booked-section-header{display:flex;align-items:center;gap:.625rem;margin:1.5rem 0 1rem}.booked-section-title{font-size:1.125rem;font-weight:700;color:#333}.booked-trip-card{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}.booked-trip-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.booked-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #F0F0F0}.booked-trip-id-container{display:flex;align-items:center;gap:.375rem}.booked-trip-id{font-size:1rem;font-weight:700;color:#1565c0}.booked-status-badge{background:#4caf50;color:#fff;padding:.375rem .625rem;border-radius:12px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.25rem}.booked-route-container{margin-bottom:1rem}.booked-route-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.booked-pickup-marker{width:28px;height:28px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.125rem}.booked-destination-marker{width:28px;height:28px;background:linear-gradient(135deg,#ffebee,#ffcdd2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.125rem}.booked-route-details{flex:1}.booked-route-label{font-size:.6875rem;color:#999;font-weight:600;margin-bottom:.25rem;letter-spacing:.5px}.booked-route-address{font-size:.875rem;color:#333;line-height:1.4}.booked-route-divider{width:2px;height:20px;background:#e0e0e0;margin:.25rem 0 .25rem 13px}.booked-trip-info{display:flex;gap:.625rem;margin-bottom:1rem;flex-wrap:wrap}.booked-info-pill{background:#f8f9fa;padding:.5rem .75rem;border-radius:20px;display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:#666}.booked-fare-pill{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.booked-fare-amount{color:#2e7d32;font-weight:700}.booked-schedule-container{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.booked-schedule-item{background:#f8f9fa;padding:.5rem .75rem;border-radius:8px;display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#666;font-weight:500}.booked-instruction-container{background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:.75rem;border-radius:8px;display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.booked-instruction-container svg{flex-shrink:0;margin-top:.125rem}.booked-instruction-text{font-size:.8125rem;color:#e65100;font-weight:500;line-height:1.4}.booked-driver-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:.75rem;border-radius:10px;margin-bottom:1rem}.booked-driver-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem}.booked-driver-title{font-size:.875rem;font-weight:700;color:#1565c0}.booked-driver-info{display:flex;align-items:center;gap:.75rem}.booked-driver-avatar{width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0000001a}.booked-driver-details{flex:1}.booked-driver-name{font-size:1rem;font-weight:700;color:#333;margin-bottom:.25rem}.booked-driver-contact{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:#666}.booked-call-button{width:40px;height:40px;background:linear-gradient(135deg,#66bb6a,#4caf50);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #4caf5066;transition:all .3s ease;flex-shrink:0}.booked-call-button svg{stroke:#fff}.booked-call-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #4caf5080}.booked-cancel-button{width:100%;background:#fff;border:1.5px solid #D32F2F;color:#d32f2f;padding:.875rem;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 2px 6px #d32f2f1a}.booked-cancel-button:hover{background:#ffebee;transform:translateY(-1px);box-shadow:0 4px 10px #d32f2f33}.booked-cancel-button.booked-disabled{opacity:.6;cursor:not-allowed}.booked-cancel-button.booked-disabled:hover{background:#fff;transform:none;box-shadow:0 2px 6px #d32f2f1a}.booked-cancelled-text{text-align:center;padding:.875rem;color:#999;font-weight:600;font-size:.9375rem}@media (max-width: 768px){.booked-scroll-content{padding:1rem}.booked-stats-card{padding:1.25rem}.booked-stat-number{font-size:1.75rem}.booked-trip-card{padding:.875rem}.booked-header-title{font-size:1.125rem}}@media (max-width: 480px){.booked-header{padding:1rem}.booked-header-title{font-size:1rem}.booked-back-button{padding:.375rem}.booked-trip-info,.booked-schedule-container{flex-direction:column;gap:.5rem}.booked-info-pill,.booked-schedule-item{width:100%;justify-content:flex-start}}.menu-loading-container,.menu-error-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f5f5f5;padding:20px}.menu-spinner{width:50px;height:50px;border:4px solid rgba(21,101,192,.2);border-top-color:#1565c0;border-radius:50%;animation:menuSpin .8s linear infinite}@keyframes menuSpin{to{transform:rotate(360deg)}}.menu-loading-text{margin-top:16px;font-size:16px;color:#666;font-weight:600}.menu-error-text{font-size:16px;color:#666;text-align:center;margin:20px 0}.menu-login-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;padding:12px 24px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #1565c04d;transition:all .3s ease}.menu-login-btn:hover{background:linear-gradient(135deg,#0d47a1,#1565c0);transform:translateY(-2px);box-shadow:0 6px 16px #1565c066}.menu-container{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.menu-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:40px 20px 20px;box-shadow:0 2px 8px #00000026}.menu-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.menu-logo-section{display:flex;align-items:center;gap:12px}.menu-logo-circle{width:50px;height:50px;border-radius:25px;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.menu-logo-image{width:40px;height:40px;border-radius:20px;object-fit:contain}.menu-title-section{display:flex;flex-direction:column}.menu-app-name{font-size:20px;font-weight:700;color:#fff;margin:0}.menu-tagline{font-size:11px;color:#e3f2fd;margin:2px 0 0}.menu-notification-btn{position:relative;background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.menu-notification-btn:hover{opacity:.8}.menu-scroll-wrapper{flex:1;overflow-y:auto;padding:20px;max-width:1200px;margin:0 auto;width:100%}.menu-emergency-card{background:linear-gradient(135deg,#1565c0,#1976d2);margin-bottom:24px;border-radius:16px;box-shadow:0 4px 12px #1565c04d;border:none;cursor:pointer;width:100%;transition:all .3s ease}.menu-emergency-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1565c066}.menu-emergency-content{display:flex;align-items:center;padding:20px}.menu-emergency-icon{width:64px;height:64px;border-radius:32px;background-color:#fff3;display:flex;align-items:center;justify-content:center;margin-right:16px;color:#fff;flex-shrink:0}.menu-emergency-text{flex:1;text-align:left}.menu-emergency-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 4px}.menu-emergency-subtitle{font-size:14px;color:#e3f2fd;margin:0}.menu-chevron-right{color:#fff;flex-shrink:0}.menu-section{margin-bottom:16px}.menu-section-title{font-size:20px;font-weight:700;color:#333;margin:0 0 16px}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.menu-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #00000014;border:none;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}.menu-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.menu-icon-container{width:56px;height:56px;border-radius:28px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.menu-card-title{font-size:15px;font-weight:700;color:#333;margin:0 0 4px}.menu-card-description{font-size:12px;color:#666;margin:0 0 8px}.menu-card-arrow{position:absolute;top:18px;right:18px}.menu-info-section{margin-top:8px;display:flex;flex-direction:column;gap:12px}.menu-info-card{display:flex;align-items:center;background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #00000014}.menu-info-content{margin-left:16px;flex:1}.menu-info-title{font-size:15px;font-weight:700;color:#333;margin:0 0 4px}.menu-info-text{font-size:13px;color:#666;margin:0}.menu-logout-section{margin-top:8px}.menu-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border-radius:12px;padding:16px;margin-bottom:10px;border:1.5px solid #DC3545;cursor:pointer;width:100%;box-shadow:0 2px 8px #dc35451a;transition:all .3s ease}.menu-logout-btn:hover{background-color:#dc3545;transform:translateY(-2px);box-shadow:0 4px 12px #dc354533}.menu-logout-btn:hover .menu-logout-text,.menu-logout-btn:hover svg{color:#fff;stroke:#fff}.menu-logout-text{font-size:16px;font-weight:700;color:#dc3545;transition:color .3s ease}.menu-footer{text-align:center;padding:20px 0;margin-top:8px}.menu-footer-text{font-size:13px;color:#999;font-weight:500;margin:0}@media (min-width: 768px){.menu-header{padding:50px 40px 25px}.menu-app-name{font-size:22px}.menu-scroll-wrapper{padding:30px 40px}.menu-emergency-content{padding:24px}.menu-grid{gap:16px}.menu-card{padding:20px}.menu-info-section{flex-direction:row;gap:16px}.menu-info-card{flex:1}}@media (min-width: 1024px){.menu-header{padding:60px 50px 30px}.menu-app-name{font-size:24px}.menu-scroll-wrapper{padding:40px 50px}.menu-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.menu-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 420px){.menu-header{padding:30px 16px 16px}.menu-app-name{font-size:18px}.menu-scroll-wrapper,.menu-emergency-content{padding:16px}.menu-emergency-icon{width:56px;height:56px}.menu-emergency-title{font-size:16px}.menu-card{padding:14px}.menu-card-title{font-size:14px}.menu-card-description{font-size:11px}.menu-info-section{gap:10px}.menu-info-card{padding:14px}}@media (max-width: 360px){.menu-app-name{font-size:16px}.menu-tagline{font-size:10px}.menu-logo-circle{width:45px;height:45px}.menu-logo-image{width:35px;height:35px}.menu-emergency-icon{width:48px;height:48px}.menu-card{padding:12px}.menu-icon-container{width:48px;height:48px}.menu-icon-container svg{width:28px;height:28px}}@media (max-width: 320px){.menu-grid{grid-template-columns:1fr}}.menu-notification-btn:focus,.menu-emergency-card:focus,.menu-card:focus,.menu-logout-btn:focus{outline:3px solid #1565C0;outline-offset:2px}@media print{.menu-container{display:none}}.user-loading-container,.user-error-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f5f5f5;padding:20px}.user-spinner{width:50px;height:50px;border:4px solid rgba(21,101,192,.2);border-top-color:#1565c0;border-radius:50%;animation:userSpin .8s linear infinite}@keyframes userSpin{to{transform:rotate(360deg)}}.user-loading-text{margin-top:16px;font-size:16px;color:#666;font-weight:600}.user-error-text{font-size:16px;color:#666;text-align:center;margin:20px 0}.user-login-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;padding:12px 24px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #1565c04d;transition:all .3s ease}.user-login-btn:hover{background:linear-gradient(135deg,#0d47a1,#1565c0);transform:translateY(-2px);box-shadow:0 6px 16px #1565c066}.user-dashboard-container{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.user-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:40px 20px 20px;box-shadow:0 2px 8px #00000026}.user-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.user-logo-section{display:flex;align-items:center;gap:12px}.user-logo-circle{width:50px;height:50px;border-radius:25px;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.user-logo-image{width:40px;height:40px;border-radius:20px;object-fit:contain}.user-title-section{display:flex;flex-direction:column}.user-app-name{font-size:20px;font-weight:700;color:#fff;margin:0}.user-tagline{font-size:11px;color:#e3f2fd;margin:2px 0 0}.user-notification-btn{position:relative;background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.user-notification-btn:hover{opacity:.8}.user-scroll-wrapper{flex:1;overflow-y:auto;padding:20px;max-width:1200px;margin:0 auto;width:100%}.user-emergency-card{background:linear-gradient(135deg,#1565c0,#1976d2);margin-bottom:24px;border-radius:16px;box-shadow:0 4px 12px #1565c04d;border:none;cursor:pointer;width:100%;transition:all .3s ease}.user-emergency-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1565c066}.user-emergency-content{display:flex;align-items:center;padding:20px}.user-emergency-icon{width:64px;height:64px;border-radius:32px;background-color:#fff3;display:flex;align-items:center;justify-content:center;margin-right:16px;color:#fff;flex-shrink:0}.user-emergency-text{flex:1;text-align:left}.user-emergency-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 4px}.user-emergency-subtitle{font-size:14px;color:#e3f2fd;margin:0}.user-chevron-right{color:#fff;flex-shrink:0}.user-menu-section{margin-bottom:16px}.user-section-title{font-size:20px;font-weight:700;color:#333;margin:0 0 16px}.user-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.user-menu-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #00000014;border:none;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}.user-menu-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.user-icon-container{width:56px;height:56px;border-radius:28px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.user-menu-title{font-size:15px;font-weight:700;color:#333;margin:0 0 4px}.user-menu-description{font-size:12px;color:#666;margin:0 0 8px}.user-card-arrow{position:absolute;top:18px;right:18px}.user-info-section{margin-top:8px;display:flex;flex-direction:column;gap:12px}.user-info-card{display:flex;align-items:center;background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #00000014}.user-info-content{margin-left:16px;flex:1}.user-info-title{font-size:15px;font-weight:700;color:#333;margin:0 0 4px}.user-info-text{font-size:13px;color:#666;margin:0}.user-logout-section{margin-top:8px}.user-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border-radius:12px;padding:16px;margin-bottom:10px;border:1.5px solid #D32F2F;cursor:pointer;width:100%;box-shadow:0 2px 8px #d32f2f1a;transition:all .3s ease}.user-logout-btn:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #d32f2f33}.user-logout-btn:hover .user-logout-text,.user-logout-btn:hover svg{color:#fff;stroke:#fff}.user-logout-text{font-size:16px;font-weight:700;color:#d32f2f;transition:color .3s ease}.user-footer{text-align:center;padding:20px 0;margin-top:8px}.user-footer-text{font-size:13px;color:#999;font-weight:500;margin:0}@media (min-width: 768px){.user-header{padding:50px 40px 25px}.user-app-name{font-size:22px}.user-scroll-wrapper{padding:30px 40px}.user-emergency-content{padding:24px}.user-menu-grid{gap:16px}.user-menu-card{padding:20px}.user-info-section{flex-direction:row;gap:16px}.user-info-card{flex:1}}@media (min-width: 1024px){.user-header{padding:60px 50px 30px}.user-app-name{font-size:24px}.user-scroll-wrapper{padding:40px 50px}.user-menu-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.user-menu-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 420px){.user-header{padding:30px 16px 16px}.user-app-name{font-size:18px}.user-scroll-wrapper,.user-emergency-content{padding:16px}.user-emergency-icon{width:56px;height:56px}.user-emergency-title{font-size:16px}.user-menu-card{padding:14px}.user-menu-title{font-size:14px}.user-menu-description{font-size:11px}.user-info-section{gap:10px}.user-info-card{padding:14px}}@media (max-width: 360px){.user-app-name{font-size:16px}.user-tagline{font-size:10px}.user-logo-circle{width:45px;height:45px}.user-logo-image{width:35px;height:35px}.user-emergency-icon{width:48px;height:48px}.user-menu-card{padding:12px}.user-icon-container{width:48px;height:48px}.user-icon-container svg{width:28px;height:28px}}@media (max-width: 320px){.user-menu-grid{grid-template-columns:1fr}}.user-notification-btn:focus,.user-emergency-card:focus,.user-menu-card:focus,.user-logout-btn:focus{outline:3px solid #1565C0;outline-offset:2px}@media print{.user-dashboard-container{display:none}}.trip-cancel-page{min-height:100vh;background-color:#f5f5f5;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}.trip-cancel-loading-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#e3f2fd,#f5f7fa)}.spinner-large{width:60px;height:60px;border:4px solid rgba(21,101,192,.2);border-top-color:#1565c0;border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-text{margin-top:20px;font-size:16px;color:#666;font-weight:600}.trip-cancel-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #1565c04d;position:relative}.trip-cancel-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.back-button,.menu-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;z-index:1;min-width:40px;min-height:40px}.back-button:hover,.menu-button:hover{background-color:#ffffff26}.back-button svg,.menu-button svg{width:24px;height:24px;color:#fff}.header-center{flex:1;text-align:center;z-index:1}.header-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px;letter-spacing:.3px;text-shadow:0 2px 8px rgba(0,0,0,.15)}.header-subtitle{font-size:13px;color:#e3f2fd;margin:0;font-weight:500}.warning-banner{display:flex;align-items:center;gap:12px;background-color:#fff3e0;padding:14px 20px;border-bottom:1px solid #FFE0B2}.warning-icon{width:20px;height:20px;color:#e65100;flex-shrink:0}.warning-text{font-size:13px;color:#e65100;font-weight:600;line-height:1.4}.trip-cancel-content{max-width:800px;margin:0 auto;padding:20px}.stats-card{background:#fff;border-radius:16px;padding:28px 24px;text-align:center;box-shadow:0 4px 16px #00000014;margin-bottom:20px;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stats-icon{width:48px;height:48px;color:#4caf50;margin-bottom:12px}.stat-number{font-size:40px;font-weight:700;color:#4caf50;margin:0 0 8px;line-height:1}.stat-label{font-size:14px;color:#666;margin:0;font-weight:500}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-icon-large{width:64px;height:64px;color:#f44336;margin-bottom:20px}.error-text{font-size:16px;color:#f44336;margin:0 0 24px;max-width:400px}.retry-button{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #1565c059;transition:all .3s ease}.retry-button:hover{background:linear-gradient(135deg,#0d47a1,#1565c0);box-shadow:0 8px 24px #1565c073;transform:translateY(-2px)}.retry-icon{width:20px;height:20px;color:#fff}.trips-list{display:flex;flex-direction:column;gap:16px}.trip-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;animation:fadeInUp .5s ease-out}.trip-card:hover{box-shadow:0 8px 24px #1565c026;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #F0F0F0}.trip-id-container{display:flex;align-items:center;gap:8px}.id-icon{width:18px;height:18px;color:#666}.trip-id{font-size:16px;font-weight:700;color:#333}.booked-badge{display:flex;align-items:center;gap:6px;background-color:#e8f5e9;padding:6px 14px;border-radius:20px}.badge-icon{width:16px;height:16px;color:#4caf50}.badge-text{font-size:12px;font-weight:700;color:#4caf50}.datetime-section{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.datetime-item{display:flex;align-items:center;gap:8px}.datetime-icon{width:18px;height:18px;color:#666;flex-shrink:0}.datetime-text{font-size:14px;color:#666;font-weight:500}.passenger-section{margin-bottom:20px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-icon{width:18px;height:18px;color:#1565c0;flex-shrink:0}.section-title{font-size:14px;font-weight:700;color:#1565c0;margin:0}.info-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.info-icon{width:16px;height:16px;color:#666;flex-shrink:0}.info-text{font-size:14px;color:#333;font-weight:500}.route-section{margin-bottom:20px}.route-container{display:flex;gap:16px;margin-top:12px}.route-indicators{display:flex;flex-direction:column;align-items:center;padding-top:4px}.pickup-dot{width:14px;height:14px;border-radius:50%;background-color:#4caf50;border:3px solid #FFFFFF;box-shadow:0 2px 8px #4caf5066;flex-shrink:0}.route-line{width:2px;flex:1;min-height:50px;background-color:#e0e0e0;margin:6px 0}.dest-dot{width:14px;height:14px;border-radius:50%;background-color:#f44336;border:3px solid #FFFFFF;box-shadow:0 2px 8px #f4433666;flex-shrink:0}.route-details{flex:1;min-width:0}.location-block{margin-bottom:16px}.location-block:last-child{margin-bottom:0}.location-label{font-size:11px;color:#999;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:block}.location-address{font-size:14px;color:#333;line-height:1.5;margin:0;word-wrap:break-word}.details-row{display:flex;justify-content:space-between;padding:16px 0;margin-bottom:16px;border-top:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0;gap:20px;flex-wrap:wrap}.detail-item{display:flex;align-items:center;gap:8px}.detail-icon{width:18px;height:18px;color:#666;flex-shrink:0}.detail-icon.fare-icon{color:#4caf50}.detail-text{font-size:14px;color:#666;font-weight:600}.fare-text{color:#4caf50;font-weight:700;font-size:15px}.instruction-box{display:flex;align-items:flex-start;gap:12px;background-color:#fff3e0;padding:14px;border-radius:10px;margin-bottom:16px;border-left:4px solid #FF9800}.instruction-icon{width:18px;height:18px;color:#e65100;flex-shrink:0;margin-top:2px}.instruction-text{font-size:13px;color:#e65100;line-height:1.6;margin:0;flex:1;word-wrap:break-word}.cancel-trip-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:linear-gradient(135deg,#f44336,#e53935);color:#fff;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #f4433659;transition:all .3s ease;position:relative;overflow:hidden}.cancel-trip-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cancel-trip-button:hover:not(.disabled):before{left:100%}.cancel-trip-button:hover:not(.disabled){background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 8px 24px #f4433673;transform:translateY(-2px)}.cancel-trip-button:active:not(.disabled){transform:translateY(0)}.cancel-trip-button.disabled{opacity:.7;cursor:not-allowed;background:#bdbdbd}.cancel-trip-button .button-icon{width:22px;height:22px;color:#fff;position:relative;z-index:1}.cancel-trip-button span{position:relative;z-index:1}.closed-badge{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background-color:#f5f5f5;padding:16px;border-radius:12px;border:1px solid #E0E0E0}.closed-icon{width:20px;height:20px;color:#999}.closed-text{font-size:16px;color:#999;font-weight:700}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{width:100px;height:100px;color:#4caf50;margin-bottom:24px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.empty-title{font-size:28px;font-weight:700;color:#4caf50;margin:0 0 12px}.empty-text{font-size:16px;color:#666;margin:0 0 28px;max-width:400px;line-height:1.5}.dashboard-button{background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #1565c059;transition:all .3s ease}.dashboard-button:hover{background:linear-gradient(135deg,#0d47a1,#1565c0);box-shadow:0 8px 24px #1565c073;transform:translateY(-2px)}@media (min-width: 576px){.trip-cancel-content{padding:24px}.stats-card{padding:32px 28px}.trip-card{padding:24px}}@media (min-width: 768px){.trip-cancel-header{padding:24px 32px}.header-title{font-size:22px}.trip-cancel-content{padding:32px;max-width:900px}.stats-card{padding:36px 32px}.stat-number{font-size:48px}.trip-card{padding:28px}.datetime-section{gap:32px}.route-container{gap:20px}}@media (min-width: 1024px){.trip-cancel-content{max-width:1000px}.trips-list{gap:20px}}@media (max-width: 420px){.trip-cancel-header{padding:16px}.header-title{font-size:18px}.header-subtitle{font-size:12px}.trip-cancel-content{padding:16px}.stats-card{padding:24px 20px}.stat-number{font-size:36px}.trip-card{padding:16px}.card-header{flex-direction:column;align-items:flex-start;gap:12px}.datetime-section{flex-direction:column;gap:12px}.details-row{flex-direction:column;align-items:flex-start;gap:12px}.cancel-trip-button,.closed-badge{padding:14px;font-size:15px}.empty-icon{width:80px;height:80px}.empty-title{font-size:24px}.empty-text{font-size:15px}}@media (max-width: 360px){.header-title{font-size:16px}.warning-text{font-size:12px}.trip-id{font-size:15px}.cancel-trip-button,.closed-badge{font-size:14px}}@media (max-height: 600px) and (orientation: landscape){.trip-cancel-header{padding:12px 20px}.stats-card{padding:20px}.stat-number{font-size:32px}.trip-card{padding:16px}.empty-container{padding:40px 20px}.empty-icon{width:60px;height:60px}}.back-button:focus,.menu-button:focus,.cancel-trip-button:focus,.retry-button:focus,.dashboard-button:focus{outline:3px solid #1565C0;outline-offset:2px}@media print{.trip-cancel-header,.warning-banner,.cancel-trip-button,.retry-button,.dashboard-button{display:none}.trip-cancel-page{background:#fff}.trip-card,.stats-card{box-shadow:none;border:1px solid #E0E0E0;page-break-inside:avoid}}.trip-complete-container{width:100%;max-width:580px;margin:0 auto;background:#f5f5f5;min-height:100vh}.complete-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5}.loading-text{margin-top:16px;font-size:16px;color:#666;font-weight:600}.complete-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:40px 20px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000001a}.complete-content{padding:20px 20px 24px}.driver-info-card{display:flex;align-items:center;background:#fff;padding:16px;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.driver-avatar{width:56px;height:56px;border-radius:50%;background:#e3f2fd;display:flex;justify-content:center;align-items:center;margin-right:16px;flex-shrink:0;color:#1565c0}.driver-info{flex:1}.driver-name{font-size:18px;font-weight:700;color:#333;margin:0 0 4px}.driver-contact{display:flex;align-items:center;gap:4px}.driver-contact svg{color:#666;flex-shrink:0}.driver-contact span{font-size:13px;color:#666}.online-badge{display:flex;align-items:center;gap:4px;background:#e8f5e9;padding:6px 10px;border-radius:12px;flex-shrink:0}.online-badge svg{color:#4caf50}.online-badge span{font-size:12px;color:#4caf50;font-weight:700}.stats-card{background:#fff;padding:20px;border-radius:12px;margin-bottom:16px;text-align:center;box-shadow:0 2px 8px #00000014}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-number{font-size:32px;font-weight:700;color:#ff6b35}.stat-label{font-size:14px;color:#666;font-weight:600}.error-container{background:#fff;padding:40px;border-radius:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #00000014}.error-text{font-size:16px;color:#666;text-align:center;margin:20px 0}.retry-button{display:flex;align-items:center;gap:8px;background:#1565c0;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #1565c04d;transition:all .3s ease}.section-header{display:flex;align-items:center;gap:10px;margin:24px 0 16px}.section-title{font-size:18px;font-weight:700;color:#333;margin:0}.trip-card{background:#fff;padding:16px;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #F0F0F0}.trip-id-container{display:flex;align-items:center;gap:6px}.trip-id{font-size:16px;font-weight:700;color:#1565c0}.status-badge{display:flex;align-items:center;gap:4px;background:#ff6b35;color:#fff;padding:6px 10px;border-radius:12px}.status-badge svg{flex-shrink:0}.status-badge span{font-size:12px;font-weight:700}.route-container{margin-bottom:16px}.route-item{display:flex;align-items:flex-start}.pickup-marker{width:28px;height:28px;border-radius:50%;background:#e8f5e9;display:flex;justify-content:center;align-items:center;margin-right:12px;margin-top:2px;flex-shrink:0;color:#4caf50}.destination-marker{width:28px;height:28px;border-radius:50%;background:#ffebee;display:flex;justify-content:center;align-items:center;margin-right:12px;margin-top:2px;flex-shrink:0;color:#d32f2f}.route-details{flex:1}.route-label{display:block;font-size:11px;color:#999;font-weight:600;text-transform:uppercase;margin-bottom:4px}.route-address{font-size:14px;color:#333;line-height:1.4;margin:0}.route-divider{display:flex;align-items:center;margin:8px 0 8px 13px}.dotted-line{width:2px;height:20px;background:#e0e0e0}.trip-info{display:flex;gap:12px;margin-bottom:16px}.info-pill{display:flex;align-items:center;gap:6px;background:#f8f9fa;padding:8px 12px;border-radius:20px}.info-pill svg{color:#1565c0;flex-shrink:0}.info-pill span{font-size:14px;color:#666;font-weight:600}.fare-pill svg{color:#4caf50}.fare-pill span{color:#4caf50;font-weight:700}.schedule-container{display:flex;gap:16px;margin-bottom:16px}.schedule-item{display:flex;align-items:center;gap:6px;background:#f8f9fa;padding:8px 12px;border-radius:8px}.schedule-item svg{color:#666;flex-shrink:0}.schedule-item span{font-size:13px;color:#666;font-weight:500}.passenger-card{display:flex;align-items:center;background:#e3f2fd;padding:12px;border-radius:10px;margin-bottom:16px}.passenger-header{display:flex;align-items:center;gap:6px;margin-right:12px}.passenger-title{font-size:13px;font-weight:700;color:#1565c0}.passenger-info{flex:1}.passenger-name{font-size:15px;font-weight:700;color:#333;margin:0 0 4px}.passenger-contact{display:flex;align-items:center;gap:4px}.passenger-contact svg{color:#666;flex-shrink:0}.passenger-contact span{font-size:13px;color:#666}.instruction-container{display:flex;align-items:center;gap:8px;background:#fff3e0;padding:12px;border-radius:8px;margin-bottom:16px}.instruction-container svg{color:#ff6b35;flex-shrink:0}.instruction-container p{flex:1;font-size:13px;color:#ff6b35;font-weight:500;margin:0}.complete-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#4caf50;color:#fff;border:none;padding:16px;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4caf504d}.complete-button:hover:not(.complete-button-disabled){background:#45a049;transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.complete-button-disabled{opacity:.6;background:#9e9e9e;cursor:not-allowed}.complete-button svg{flex-shrink:0}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.done-container{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#e8f5e9;color:#4caf50;padding:16px;border-radius:12px}.done-container svg{flex-shrink:0}.done-container span{font-size:17px;font-weight:700}.empty-state{background:#fff;padding:40px;border-radius:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #00000014;margin-top:20px}.empty-icon{margin-bottom:20px}.empty-title{font-size:24px;font-weight:700;color:#333;margin:0 0 12px}.empty-subtitle{font-size:15px;color:#666;text-align:center;margin:0 0 24px;line-height:1.5}.dashboard-button{display:flex;align-items:center;gap:8px;background:#1565c0;color:#fff;border:none;padding:14px 24px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #1565c04d;transition:all .3s ease}.dashboard-button:hover{background:#0d47a1;transform:translateY(-2px);box-shadow:0 6px 16px #1565c066}.dashboard-button svg{flex-shrink:0}@media (min-width: 576px){.trip-complete-container{max-width:500px}.complete-header{padding:50px 30px 20px}.complete-content{padding:20px 30px 30px}.trip-card,.driver-info-card,.stats-card{padding:18px}}@media (min-width: 768px){.trip-complete-container{max-width:540px}.header-title{font-size:22px}.section-title{font-size:20px}.driver-name{font-size:19px}}@media (min-width: 1024px){.trip-complete-container{max-width:580px}}@media (max-width: 420px){.complete-header{padding:30px 15px 12px}.header-title{font-size:18px}.complete-content{padding:16px 15px 20px}.trip-card,.driver-info-card,.stats-card{padding:14px}.schedule-container{flex-direction:column;gap:8px}.empty-state{padding:30px 20px}.empty-title{font-size:22px}}@media (max-width: 360px){.trip-id{font-size:15px}.stat-number{font-size:28px}}.back-button:focus,.action-card:focus,.complete-button:focus,.retry-button:focus,.dashboard-button:focus{outline:3px solid #1565C0;outline-offset:2px}.notice-main-container{min-height:100vh;background-color:#f5f5f5;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}.notice-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:40px 20px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.notice-back-button{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;color:#fff}.notice-back-button svg{stroke:#fff}.notice-back-button:hover{opacity:.8}.notice-header-content{display:flex;align-items:center;gap:10px;flex:1;justify-content:center;color:#fff}.notice-header-content svg{stroke:#fff}.notice-header-title{font-size:20px;font-weight:700;color:#fff;letter-spacing:.3px;margin:0}.notice-header-spacer{width:32px}.notice-scroll-content{max-width:900px;margin:0 auto;padding:20px 20px 32px}.notice-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.notice-action-card{background:#fff;border:none;border-radius:12px;padding:16px;text-align:center;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.notice-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.notice-action-card svg{flex-shrink:0}.notice-action-text{font-size:13px;font-weight:600;color:#333}.notice-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.notice-section-title{font-size:20px;font-weight:700;color:#333;flex:1;margin:0}.notice-count-badge{background:#d32f2f;color:#fff;min-width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px;font-weight:700}.notice-loading-container,.notice-loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.notice-loading-container{min-height:100vh;background:#f5f5f5}.notice-spinner{width:48px;height:48px;border:4px solid rgba(21,101,192,.2);border-top-color:#1565c0;border-radius:50%;animation:notice-spin .8s linear infinite}@keyframes notice-spin{to{transform:rotate(360deg)}}.notice-loading-text{margin-top:16px;font-size:16px;color:#666;font-weight:600}.notice-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:#f5f5f5}.notice-error-icon{margin-bottom:24px}.notice-error-title{font-size:24px;font-weight:700;color:#333;margin-bottom:12px;text-align:center}.notice-error-text{font-size:16px;color:#666;margin-bottom:24px;text-align:center;line-height:1.5;max-width:400px}.notice-login-button,.notice-retry-button{background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #1565c059;transition:all .3s ease}.notice-retry-button{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 12px #4caf5059}.notice-login-button:hover,.notice-retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1565c073}.notice-retry-button:hover{box-shadow:0 6px 16px #4caf5073}.notice-empty-state{background:#fff;border-radius:12px;padding:40px 24px;text-align:center;box-shadow:0 2px 8px #00000014}.notice-empty-icon-container{margin-bottom:24px}.notice-empty-title{font-size:24px;font-weight:700;color:#333;margin-bottom:12px}.notice-empty-subtitle{font-size:15px;color:#666;margin-bottom:28px;line-height:1.5;max-width:320px;margin-left:auto;margin-right:auto}.notice-book-button{background:linear-gradient(135deg,#d32f2f,#f44336);color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #d32f2f59;transition:all .3s ease}.notice-book-button:hover{background:linear-gradient(135deg,#c62828,#d32f2f);transform:translateY(-2px);box-shadow:0 6px 16px #d32f2f73}.notice-trip-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}.notice-trip-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.notice-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #F0F0F0;flex-wrap:wrap;gap:8px}.notice-trip-id-container{display:flex;align-items:center;gap:6px}.notice-trip-id{font-size:15px;font-weight:700;color:#d32f2f}.notice-status-badge{background:#d32f2f;color:#fff;padding:6px 10px;border-radius:12px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px;white-space:nowrap}.notice-route-container{margin-bottom:16px}.notice-route-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.notice-pickup-marker{width:28px;height:28px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.notice-destination-marker{width:28px;height:28px;background:linear-gradient(135deg,#ffebee,#ffcdd2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.notice-route-details{flex:1;min-width:0}.notice-route-label{font-size:11px;color:#999;font-weight:600;margin-bottom:4px;letter-spacing:.5px;text-transform:uppercase}.notice-route-address{font-size:14px;color:#333;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.notice-route-divider{width:2px;height:20px;background:#e0e0e0;margin:4px 0 4px 13px}.notice-trip-metadata{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.notice-metadata-item{background:#f8f9fa;padding:6px 10px;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:13px;color:#666;font-weight:500;white-space:nowrap}.notice-metadata-item svg{flex-shrink:0}.notice-today-badge{background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:10px;border-radius:8px;display:flex;align-items:center;gap:6px;margin-top:12px}.notice-today-badge svg{flex-shrink:0}.notice-today-badge span{font-size:13px;color:#ff6b35;font-weight:700}.notice-info-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #1565C0;padding:16px;border-radius:12px;display:flex;align-items:flex-start;gap:12px;margin-top:8px}.notice-info-card svg{flex-shrink:0;margin-top:2px}.notice-info-text{font-size:13px;color:#1565c0;line-height:1.5;flex:1}@media (min-width: 768px){.notice-header{padding:50px 30px 20px}.notice-header-title{font-size:22px}.notice-scroll-content{padding:30px}.notice-quick-actions{grid-template-columns:repeat(2,1fr);gap:16px}.notice-action-card{padding:20px}.notice-action-text{font-size:14px}.notice-section-title{font-size:22px}.notice-trip-card{padding:20px}.notice-empty-state{padding:50px 40px}.notice-empty-title{font-size:28px}.notice-empty-subtitle{font-size:16px;max-width:400px}.notice-error-title{font-size:28px}.notice-error-text{font-size:17px;max-width:480px}}@media (min-width: 1024px){.notice-scroll-content{max-width:1000px}.notice-quick-actions{gap:20px}.notice-trip-card{padding:24px}}@media (max-width: 480px){.notice-header{padding:35px 16px 14px}.notice-header-title{font-size:18px}.notice-header-spacer{width:28px}.notice-scroll-content{padding:16px}.notice-quick-actions{gap:10px}.notice-action-card{padding:12px}.notice-action-text{font-size:12px}.notice-section-title{font-size:18px}.notice-trip-card{padding:14px}.notice-card-header{flex-direction:column;align-items:flex-start}.notice-trip-metadata{gap:8px}.notice-metadata-item{font-size:12px;padding:5px 8px}.notice-empty-state{padding:30px 20px}.notice-empty-title{font-size:20px}.notice-empty-subtitle{font-size:14px}.notice-book-button,.notice-login-button,.notice-retry-button{font-size:15px;padding:12px 24px}.notice-error-title{font-size:20px}.notice-error-text{font-size:15px}.notice-info-card{padding:12px;gap:10px}.notice-info-text{font-size:12px}}@media (max-width: 360px){.notice-header{padding:30px 12px 12px}.notice-header-title{font-size:16px}.notice-scroll-content{padding:12px}.notice-quick-actions{gap:8px}.notice-action-card{padding:10px}.notice-section-title{font-size:16px}.notice-trip-card{padding:12px}.notice-pickup-marker,.notice-destination-marker{width:24px;height:24px}.notice-route-label{font-size:10px}.notice-route-address{font-size:13px}.notice-empty-title{font-size:18px}.notice-empty-subtitle{font-size:13px}}@media (max-height: 600px) and (orientation: landscape){.notice-header{padding:20px 20px 12px;position:relative}.notice-scroll-content{padding:16px 20px}.notice-empty-state,.notice-loading-card{padding:30px 20px}.notice-error-container{padding:20px}}.notice-back-button:focus,.notice-action-card:focus,.notice-book-button:focus,.notice-login-button:focus,.notice-retry-button:focus{outline:3px solid #1565C0;outline-offset:2px}@media print{.notice-header,.notice-quick-actions,.notice-back-button,.notice-book-button,.notice-login-button,.notice-retry-button{display:none}.notice-trip-card{page-break-inside:avoid;box-shadow:none;border:1px solid #E0E0E0}}.driver-notice-container{min-height:100vh;background-color:#f5f7fa;display:flex;flex-direction:column}.driver-notice-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f7fa}.driver-notice-spinner{width:48px;height:48px;border:4px solid rgba(21,101,192,.2);border-top-color:#1565c0;border-radius:50%;animation:driver-notice-spin .8s linear infinite}@keyframes driver-notice-spin{to{transform:rotate(360deg)}}.driver-notice-loading-text{margin-top:16px;font-size:16px;color:#666;font-weight:600}.driver-notice-error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f7fa;padding:40px 20px}.driver-notice-error-text{font-size:16px;color:#f44336;text-align:center;margin:16px 0 24px}.driver-notice-retry-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #1565c059;transition:all .3s ease}.driver-notice-retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1565c073}.driver-notice-retry-button svg{stroke:#fff}.driver-notice-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:40px 20px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000026;position:sticky;top:0;z-index:100}.driver-notice-back-button,.driver-notice-menu-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.driver-notice-back-button:hover,.driver-notice-menu-button:hover{opacity:.8}.driver-notice-back-button svg,.driver-notice-menu-button svg{stroke:#fff}.driver-notice-header-center{flex:1;text-align:center}.driver-notice-header-title{font-size:20px;font-weight:700;color:#fff;margin:0}.driver-notice-header-subtitle{font-size:13px;color:#e3f2fd;margin:2px 0 0}.driver-notice-info-banner{display:flex;align-items:center;gap:10px;background-color:#fff3e0;padding:12px 20px}.driver-notice-info-banner svg{flex-shrink:0;stroke:#ff9800}.driver-notice-info-banner-text{flex:1;font-size:13px;color:#e65100;font-weight:500;margin:0}.driver-notice-scroll-wrapper{flex:1;overflow-y:auto;padding:20px}.driver-notice-stats-card{background-color:#fff;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:center;align-items:center}.driver-notice-stat-item{display:flex;flex-direction:column;align-items:center}.driver-notice-stat-item svg{flex-shrink:0}.driver-notice-stat-number{font-size:32px;font-weight:700;color:#f44336;margin:8px 0 4px}.driver-notice-stat-label{font-size:14px;color:#666;margin:0}.driver-notice-empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.driver-notice-empty-title{font-size:24px;font-weight:700;color:#4caf50;margin:20px 0 8px}.driver-notice-empty-text{font-size:16px;color:#666;margin:0 0 4px}.driver-notice-empty-subtext{font-size:14px;color:#999;margin:0}.driver-notice-trips-list{display:flex;flex-direction:column;gap:16px}.driver-notice-trip-card{background-color:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #00000014;border-left:4px solid #F44336;transition:transform .3s ease,box-shadow .3s ease}.driver-notice-trip-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.driver-notice-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #F0F0F0;flex-wrap:wrap;gap:8px}.driver-notice-trip-id-container{display:flex;align-items:center;gap:6px}.driver-notice-trip-id{font-size:16px;font-weight:700;color:#333}.driver-notice-cancelled-badge{display:flex;align-items:center;gap:4px;background-color:#ffebee;padding:6px 10px;border-radius:20px}.driver-notice-cancelled-text{font-size:12px;font-weight:600;color:#f44336}.driver-notice-today-banner{display:flex;align-items:center;gap:6px;background-color:#ff9800;padding:8px 12px;border-radius:8px;margin-bottom:12px}.driver-notice-today-banner svg{flex-shrink:0;stroke:#fff}.driver-notice-today-banner-text{font-size:13px;font-weight:700;color:#fff}.driver-notice-datetime-section{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.driver-notice-datetime-item{display:flex;align-items:center;gap:6px}.driver-notice-datetime-item svg{flex-shrink:0}.driver-notice-datetime-text{font-size:13px;color:#666}.driver-notice-route-section{margin-bottom:16px}.driver-notice-section-header{display:flex;align-items:center;gap:6px;margin-bottom:12px}.driver-notice-section-header svg{flex-shrink:0}.driver-notice-section-title{font-size:14px;font-weight:600;color:#1565c0}.driver-notice-route-container{display:flex;gap:12px}.driver-notice-route-indicators{display:flex;flex-direction:column;align-items:center;padding-top:4px}.driver-notice-pickup-dot{width:12px;height:12px;border-radius:50%;background-color:#4caf50;border:2px solid #FFFFFF;box-shadow:0 2px 4px #4caf504d;flex-shrink:0}.driver-notice-route-line{width:2px;flex:1;background-color:#e0e0e0;min-height:40px;margin:4px 0}.driver-notice-dest-dot{width:12px;height:12px;border-radius:50%;background-color:#f44336;border:2px solid #FFFFFF;box-shadow:0 2px 4px #f443364d;flex-shrink:0}.driver-notice-route-details{flex:1;min-width:0}.driver-notice-location-block{margin-bottom:12px}.driver-notice-location-label{font-size:11px;color:#999;font-weight:600;margin-bottom:4px;text-transform:uppercase}.driver-notice-location-address{font-size:14px;color:#333;line-height:1.4;margin:0;word-wrap:break-word;overflow-wrap:break-word}.driver-notice-cancellation-info{display:flex;align-items:flex-start;gap:8px;background-color:#ffebee;padding:12px;border-radius:8px}.driver-notice-cancellation-info svg{flex-shrink:0;margin-top:2px}.driver-notice-cancellation-text{flex:1;font-size:13px;color:#c62828;line-height:1.4;margin:0}@media (min-width: 768px){.driver-notice-header{padding:50px 30px 24px}.driver-notice-header-title{font-size:22px}.driver-notice-scroll-wrapper{padding:30px;max-width:900px;margin:0 auto}.driver-notice-stats-card{padding:24px}.driver-notice-stat-number{font-size:36px}.driver-notice-trip-card{padding:20px}.driver-notice-empty-container{padding:100px 60px}.driver-notice-empty-title{font-size:28px}.driver-notice-empty-text{font-size:17px}}@media (min-width: 1024px){.driver-notice-scroll-wrapper{max-width:1000px}.driver-notice-trip-card{padding:24px}}@media (max-width: 480px){.driver-notice-header{padding:35px 16px 16px}.driver-notice-header-title{font-size:18px}.driver-notice-header-subtitle{font-size:12px}.driver-notice-info-banner{padding:10px 16px}.driver-notice-info-banner-text{font-size:12px}.driver-notice-scroll-wrapper,.driver-notice-stats-card{padding:16px}.driver-notice-stat-number{font-size:28px}.driver-notice-stat-label{font-size:13px}.driver-notice-trip-card{padding:14px}.driver-notice-card-header{flex-direction:column;align-items:flex-start}.driver-notice-datetime-section{flex-direction:column;gap:8px}.driver-notice-empty-container{padding:60px 20px}.driver-notice-empty-title{font-size:20px}.driver-notice-empty-text{font-size:14px}.driver-notice-empty-subtext{font-size:13px}}@media (max-width: 360px){.driver-notice-header{padding:30px 12px 12px}.driver-notice-header-title{font-size:16px}.driver-notice-scroll-wrapper{padding:12px}.driver-notice-stats-card{padding:14px}.driver-notice-stat-number{font-size:24px}.driver-notice-trip-card{padding:12px}.driver-notice-trip-id{font-size:14px}.driver-notice-location-label{font-size:10px}.driver-notice-location-address{font-size:13px}}@media (max-height: 600px) and (orientation: landscape){.driver-notice-header{padding:20px 20px 12px;position:relative}.driver-notice-scroll-wrapper{padding:16px 20px}.driver-notice-empty-container{padding:40px 20px}}.driver-notice-back-button:focus,.driver-notice-menu-button:focus,.driver-notice-retry-button:focus{outline:3px solid #1565C0;outline-offset:2px}@media print{.driver-notice-header,.driver-notice-info-banner,.driver-notice-back-button,.driver-notice-menu-button,.driver-notice-retry-button{display:none}.driver-notice-trip-card{page-break-inside:avoid;box-shadow:none;border:1px solid #E0E0E0}}.history-container{min-height:100vh;background-color:#f5f7fa;display:flex;flex-direction:column}.history-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:40px 20px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000026;position:sticky;top:0;z-index:100}.history-back-button,.history-dashboard-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.history-back-button:hover,.history-dashboard-button:hover{opacity:.8}.history-back-button svg,.history-dashboard-button svg{stroke:#fff}.history-header-center{flex:1;text-align:center}.history-header-title{font-size:20px;font-weight:700;color:#fff;margin:0}.history-header-subtitle{font-size:13px;color:#e3f2fd;margin:2px 0 0}.history-stats-container{display:flex;justify-content:space-between;padding:20px;gap:12px}.history-stat-card{flex:1;background:#fff;border-radius:12px;padding:16px;text-align:center;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center;gap:8px}.history-stat-total{background-color:#e3f2fd}.history-stat-completed{background-color:#e8f5e9}.history-stat-cancelled{background-color:#ffebee}.history-stat-card svg{flex-shrink:0}.history-stat-number{font-size:24px;font-weight:700;color:#333;margin:0}.history-stat-label{font-size:11px;color:#666;text-align:center;margin:0}.history-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f7fa}.history-spinner{width:48px;height:48px;border:4px solid rgba(21,101,192,.2);border-top-color:#1565c0;border-radius:50%;animation:history-spin .8s linear infinite}@keyframes history-spin{to{transform:rotate(360deg)}}.history-loading-text{margin-top:16px;font-size:16px;color:#666;font-weight:600}.history-error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f7fa;padding:20px}.history-error-icon{margin-bottom:24px}.history-error-title{font-size:24px;font-weight:700;color:#333;margin-bottom:12px;text-align:center}.history-error-text{font-size:16px;color:#666;margin-bottom:24px;text-align:center;line-height:1.5;max-width:400px}.history-login-button{background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #1565c059;transition:all .3s ease}.history-login-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1565c073}.history-scroll-wrapper{flex:1;overflow-y:auto;padding:0 20px 20px}.history-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center}.history-error-state-text{font-size:16px;color:#f44336;margin:16px 0 20px}.history-retry-button{background:#1565c0;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.history-retry-button:hover{background:#0d47a1;transform:translateY(-2px)}.history-trips-list{display:flex;flex-direction:column;gap:16px}.history-trip-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}.history-trip-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.history-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #F0F0F0;flex-wrap:wrap;gap:8px}.history-trip-id-container{display:flex;align-items:center;gap:6px}.history-trip-id{font-size:16px;font-weight:700;color:#333}.history-status-badge{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:20px}.history-status-text{font-size:12px;font-weight:600}.history-datetime-row{display:flex;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.history-datetime-item{display:flex;align-items:center;gap:6px}.history-datetime-text{font-size:13px;color:#666}.history-driver-section{margin-bottom:16px}.history-section-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.history-section-title{font-size:14px;font-weight:600;color:#1565c0}.history-info-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.history-info-text{font-size:14px;color:#333}.history-route-section{margin-bottom:16px}.history-route-container{display:flex;gap:12px}.history-route-indicators{display:flex;flex-direction:column;align-items:center;padding-top:4px}.history-pickup-dot{width:12px;height:12px;border-radius:50%;background-color:#4caf50;border:2px solid #FFFFFF;box-shadow:0 2px 4px #4caf504d;flex-shrink:0}.history-route-line{width:2px;flex:1;background-color:#e0e0e0;min-height:40px;margin:4px 0}.history-dest-dot{width:12px;height:12px;border-radius:50%;background-color:#f44336;border:2px solid #FFFFFF;box-shadow:0 2px 4px #f443364d;flex-shrink:0}.history-route-details{flex:1;min-width:0}.history-location-block{margin-bottom:12px}.history-location-label{font-size:11px;color:#999;font-weight:600;margin-bottom:4px;text-transform:uppercase}.history-location-address{font-size:14px;color:#333;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.history-card-footer{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #F0F0F0;flex-wrap:wrap;gap:8px}.history-footer-item{display:flex;align-items:center;gap:6px}.history-footer-text{font-size:14px;color:#666;font-weight:500}.history-fare-text{color:#4caf50;font-weight:700}.history-instruction-box{display:flex;align-items:flex-start;gap:8px;background-color:#fff3e0;padding:10px;border-radius:8px;margin-top:12px}.history-instruction-box svg{flex-shrink:0;margin-top:2px}.history-instruction-text{flex:1;font-size:13px;color:#e65100;line-height:1.4;margin:0}.history-empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center}.history-empty-title{font-size:20px;font-weight:700;color:#666;margin:20px 0 8px}.history-empty-text{font-size:14px;color:#999;line-height:1.4;margin-bottom:24px;max-width:300px}.history-book-button{background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;border:none;padding:14px 24px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #1565c059;transition:all .3s ease}.history-book-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1565c073}@media (min-width: 768px){.history-header{padding:50px 30px 24px}.history-header-title{font-size:22px}.history-stats-container{padding:30px;gap:16px;max-width:900px;margin:0 auto}.history-stat-card{padding:20px}.history-stat-number{font-size:28px}.history-stat-label{font-size:12px}.history-scroll-wrapper{padding:0 30px 30px;max-width:900px;margin:0 auto}.history-trip-card{padding:20px}.history-empty-container{padding:100px 60px}.history-empty-title{font-size:24px}.history-empty-text{font-size:16px;max-width:400px}.history-error-container{padding:40px}.history-error-title{font-size:28px}.history-error-text{font-size:17px;max-width:480px}}@media (min-width: 1024px){.history-stats-container,.history-scroll-wrapper{max-width:1000px}.history-trip-card{padding:24px}}@media (max-width: 480px){.history-header{padding:35px 16px 16px}.history-header-title{font-size:18px}.history-header-subtitle{font-size:12px}.history-stats-container{padding:16px;gap:10px}.history-stat-card{padding:12px}.history-stat-number{font-size:20px}.history-stat-label{font-size:10px}.history-scroll-wrapper{padding:0 16px 16px}.history-trip-card{padding:14px}.history-card-header{flex-direction:column;align-items:flex-start}.history-datetime-row,.history-card-footer{flex-direction:column}.history-empty-container{padding:60px 20px}.history-empty-title{font-size:18px}.history-empty-text{font-size:13px}.history-book-button,.history-login-button{font-size:15px;padding:12px 20px}.history-error-title{font-size:20px}.history-error-text{font-size:15px}}@media (max-width: 360px){.history-header{padding:30px 12px 12px}.history-header-title{font-size:16px}.history-stats-container{padding:12px;gap:8px}.history-stat-card{padding:10px}.history-stat-number{font-size:18px}.history-scroll-wrapper{padding:0 12px 12px}.history-trip-card{padding:12px}.history-trip-id{font-size:14px}.history-location-label{font-size:10px}.history-location-address{font-size:13px}}@media (max-height: 600px) and (orientation: landscape){.history-header{padding:20px 20px 12px;position:relative}.history-stats-container{padding:16px 20px}.history-scroll-wrapper{padding:0 20px 20px}.history-empty-container{padding:40px 20px}}.history-back-button:focus,.history-dashboard-button:focus,.history-book-button:focus,.history-login-button:focus,.history-retry-button:focus{outline:3px solid #1565C0;outline-offset:2px}@media print{.history-header,.history-stats-container,.history-back-button,.history-dashboard-button,.history-book-button,.history-login-button,.history-retry-button{display:none}.history-trip-card{page-break-inside:avoid;box-shadow:none;border:1px solid #E0E0E0}}.driver-history-container{min-height:100vh;background-color:#f5f7fa;display:flex;flex-direction:column}.driver-history-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f7fa}.driver-history-spinner{width:48px;height:48px;border:4px solid rgba(21,101,192,.2);border-top-color:#1565c0;border-radius:50%;animation:driver-history-spin .8s linear infinite}@keyframes driver-history-spin{to{transform:rotate(360deg)}}.driver-history-loading-text{margin-top:16px;font-size:16px;color:#666;font-weight:600}.driver-history-error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f7fa;padding:40px 20px}.driver-history-error-title{font-size:24px;font-weight:700;color:#333;margin:16px 0 12px}.driver-history-error-text{font-size:16px;color:#f44336;text-align:center;margin-bottom:24px;max-width:400px}.driver-history-retry-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #1565c059;transition:all .3s ease}.driver-history-retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1565c073}.driver-history-retry-button svg{stroke:#fff}.driver-history-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:40px 20px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000026;position:sticky;top:0;z-index:100}.driver-history-back-button,.driver-history-dashboard-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.driver-history-back-button:hover,.driver-history-dashboard-button:hover{opacity:.8}.driver-history-back-button svg,.driver-history-dashboard-button svg{stroke:#fff}.driver-history-header-center{flex:1;text-align:center}.driver-history-header-title{font-size:20px;font-weight:700;color:#fff;margin:0}.driver-history-header-subtitle{font-size:13px;color:#e3f2fd;margin:2px 0 0}.driver-history-stats-container{display:flex;justify-content:space-between;padding:20px;gap:12px}.driver-history-stat-card{flex:1;background:#fff;border-radius:12px;padding:16px;text-align:center;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center;gap:8px}.driver-history-stat-total{background-color:#e3f2fd}.driver-history-stat-completed{background-color:#e8f5e9}.driver-history-stat-cancelled{background-color:#ffebee}.driver-history-stat-card svg{flex-shrink:0}.driver-history-stat-number{font-size:24px;font-weight:700;color:#333;margin:0}.driver-history-stat-label{font-size:11px;color:#666;text-align:center;margin:0}.driver-history-scroll-wrapper{flex:1;overflow-y:auto;padding:0 20px 20px}.driver-history-empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center}.driver-history-empty-title{font-size:20px;font-weight:700;color:#666;margin:20px 0 8px}.driver-history-empty-text{font-size:14px;color:#999;line-height:1.4;max-width:300px}.driver-history-trips-list{display:flex;flex-direction:column;gap:16px}.driver-history-trip-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}.driver-history-trip-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.driver-history-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #F0F0F0;flex-wrap:wrap;gap:8px}.driver-history-trip-id-container{display:flex;align-items:center;gap:6px}.driver-history-trip-id{font-size:16px;font-weight:700;color:#333}.driver-history-status-badge{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:20px}.driver-history-status-text{font-size:12px;font-weight:600}.driver-history-datetime-row{display:flex;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.driver-history-datetime-item{display:flex;align-items:center;gap:6px}.driver-history-datetime-item svg{flex-shrink:0}.driver-history-datetime-text{font-size:13px;color:#666}.driver-history-passenger-section{margin-bottom:16px}.driver-history-section-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.driver-history-section-header svg{flex-shrink:0}.driver-history-section-title{font-size:14px;font-weight:600;color:#1565c0}.driver-history-info-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.driver-history-info-row svg{flex-shrink:0}.driver-history-info-text{font-size:14px;color:#333}.driver-history-route-section{margin-bottom:16px}.driver-history-route-container{display:flex;gap:12px}.driver-history-route-indicators{display:flex;flex-direction:column;align-items:center;padding-top:4px}.driver-history-pickup-dot{width:12px;height:12px;border-radius:50%;background-color:#4caf50;border:2px solid #FFFFFF;box-shadow:0 2px 4px #4caf504d;flex-shrink:0}.driver-history-route-line{width:2px;flex:1;background-color:#e0e0e0;min-height:40px;margin:4px 0}.driver-history-dest-dot{width:12px;height:12px;border-radius:50%;background-color:#f44336;border:2px solid #FFFFFF;box-shadow:0 2px 4px #f443364d;flex-shrink:0}.driver-history-route-details{flex:1;min-width:0}.driver-history-location-block{margin-bottom:12px}.driver-history-location-label{font-size:11px;color:#999;font-weight:600;margin-bottom:4px;text-transform:uppercase}.driver-history-location-address{font-size:14px;color:#333;line-height:1.4;margin:0;word-wrap:break-word;overflow-wrap:break-word}.driver-history-card-footer{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #F0F0F0;flex-wrap:wrap;gap:8px}.driver-history-footer-item{display:flex;align-items:center;gap:6px}.driver-history-footer-item svg{flex-shrink:0}.driver-history-footer-text{font-size:14px;color:#666;font-weight:500}.driver-history-fare-text{color:#4caf50;font-weight:700}.driver-history-instruction-box{display:flex;align-items:flex-start;gap:8px;background-color:#fff3e0;padding:10px;border-radius:8px;margin-top:12px}.driver-history-instruction-box svg{flex-shrink:0;margin-top:2px}.driver-history-instruction-text{flex:1;font-size:13px;color:#e65100;line-height:1.4;margin:0}@media (min-width: 768px){.driver-history-header{padding:50px 30px 24px}.driver-history-header-title{font-size:22px}.driver-history-stats-container{padding:30px;gap:16px;max-width:900px;margin:0 auto}.driver-history-stat-card{padding:20px}.driver-history-stat-number{font-size:28px}.driver-history-stat-label{font-size:12px}.driver-history-scroll-wrapper{padding:0 30px 30px;max-width:900px;margin:0 auto}.driver-history-trip-card{padding:20px}.driver-history-empty-container{padding:100px 60px}.driver-history-empty-title{font-size:24px}.driver-history-empty-text{font-size:16px;max-width:400px}.driver-history-error-container{padding:60px 40px}.driver-history-error-title{font-size:28px}.driver-history-error-text{font-size:17px;max-width:480px}}@media (min-width: 1024px){.driver-history-stats-container,.driver-history-scroll-wrapper{max-width:1000px}.driver-history-trip-card{padding:24px}}@media (max-width: 480px){.driver-history-header{padding:35px 16px 16px}.driver-history-header-title{font-size:18px}.driver-history-header-subtitle{font-size:12px}.driver-history-stats-container{padding:16px;gap:10px}.driver-history-stat-card{padding:12px}.driver-history-stat-number{font-size:20px}.driver-history-stat-label{font-size:10px}.driver-history-scroll-wrapper{padding:0 16px 16px}.driver-history-trip-card{padding:14px}.driver-history-card-header{flex-direction:column;align-items:flex-start}.driver-history-datetime-row,.driver-history-card-footer{flex-direction:column}.driver-history-empty-container{padding:60px 20px}.driver-history-empty-title{font-size:18px}.driver-history-empty-text{font-size:13px}.driver-history-error-title{font-size:20px}.driver-history-error-text{font-size:15px}}@media (max-width: 360px){.driver-history-header{padding:30px 12px 12px}.driver-history-header-title{font-size:16px}.driver-history-stats-container{padding:12px;gap:8px}.driver-history-stat-card{padding:10px}.driver-history-stat-number{font-size:18px}.driver-history-scroll-wrapper{padding:0 12px 12px}.driver-history-trip-card{padding:12px}.driver-history-trip-id{font-size:14px}.driver-history-location-label{font-size:10px}.driver-history-location-address{font-size:13px}}@media (max-height: 600px) and (orientation: landscape){.driver-history-header{padding:20px 20px 12px;position:relative}.driver-history-stats-container{padding:16px 20px}.driver-history-scroll-wrapper{padding:0 20px 20px}.driver-history-empty-container{padding:40px 20px}}.driver-history-back-button:focus,.driver-history-dashboard-button:focus,.driver-history-retry-button:focus{outline:3px solid #1565C0;outline-offset:2px}@media print{.driver-history-header,.driver-history-stats-container,.driver-history-back-button,.driver-history-dashboard-button,.driver-history-retry-button{display:none}.driver-history-trip-card{page-break-inside:avoid;box-shadow:none;border:1px solid #E0E0E0}}.user-profile-container{width:100%;max-width:580px;margin:0 auto;background:#f5f5f5;min-height:100vh}.profile-loading-container,.profile-error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5;padding:20px}.spinner-large{width:50px;height:50px;border:4px solid rgba(21,101,192,.2);border-top-color:#1565c0;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text,.error-text{margin-top:16px;font-size:16px;color:#666;font-weight:600;text-align:center}.retry-button{display:flex;align-items:center;gap:8px;background:#1565c0;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;margin-top:20px;box-shadow:0 4px 12px #1565c04d;transition:all .3s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1565c066}.retry-button svg{flex-shrink:0}.profile-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:40px 20px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000001a}.back-button{background:none;border:none;color:#fff;padding:4px;cursor:pointer;border-radius:8px;transition:background-color .2s}.back-button:hover{background-color:#ffffff1a}.back-button svg{display:block}.header-content{display:flex;align-items:center;gap:10px;flex:1;justify-content:center;color:#fff}.header-title{font-size:20px;font-weight:700;color:#fff;margin:0}.header-spacer{width:32px}.profile-content{padding:20px 20px 24px}.profile-card{background:#fff;padding:24px;border-radius:12px;text-align:center;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.avatar-container{position:relative;display:inline-block;margin-bottom:16px}.avatar{width:100px;height:100px;border-radius:50%;background:#1565c0;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #1565c04d;color:#fff}.status-badge{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background:#4caf50;display:flex;justify-content:center;align-items:center;border:3px solid #FFFFFF;color:#fff}.profile-name{font-size:24px;font-weight:700;color:#333;margin:0 0 4px}.profile-id{font-size:13px;color:#999;font-weight:600;margin:0}.quick-actions{display:flex;gap:12px;margin-bottom:16px}.action-card{flex:1;background:#fff;padding:16px;border-radius:12px;border:none;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:all .2s ease}.action-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.action-card svg{flex-shrink:0}.action-text{font-size:13px;font-weight:600;color:#333}.info-card{background:#fff;padding:18px;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #F0F0F0}.card-title{font-size:17px;font-weight:700;color:#333;margin:0}.info-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #F8F9FA}.info-item:last-child{border-bottom:none}.info-left{display:flex;align-items:center;gap:10px;flex:1}.info-left svg{color:#666;flex-shrink:0}.info-label{font-size:14px;color:#666;font-weight:500}.info-value{font-size:14px;color:#333;font-weight:600}.active-status{display:flex;align-items:center;gap:4px;background:#e8f5e9;padding:4px 10px;border-radius:12px}.active-status svg{color:#4caf50}.active-status span{font-size:13px;color:#4caf50;font-weight:700}.action-buttons{display:flex;flex-direction:column;gap:12px}.edit-button,.password-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.edit-button{background:#1565c0;color:#fff;box-shadow:0 4px 12px #1565c04d}.edit-button:hover{background:#0d47a1;transform:translateY(-2px);box-shadow:0 6px 16px #1565c066}.password-button{background:#d32f2f;color:#fff;box-shadow:0 4px 12px #d32f2f4d}.password-button:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 6px 16px #d32f2f66}.edit-button svg,.password-button svg{flex-shrink:0}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #F0F0F0}.modal-header svg:first-child{flex-shrink:0}.modal-title{font-size:18px;font-weight:700;color:#333;flex:1;margin:0 10px}.modal-close{background:none;border:none;color:#999;padding:4px;cursor:pointer;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f0f0f0;color:#333}.modal-close:disabled{cursor:not-allowed;opacity:.5}.modal-close svg{display:block}.modal-body{padding:20px;overflow-y:auto;flex:1}.input-group{display:flex;align-items:center;background:#f8f9fa;border:1.5px solid #DEE2E6;border-radius:12px;padding:0 14px;margin-bottom:14px;min-height:54px;transition:all .3s ease}.input-group:focus-within{border-color:#1565c0;background:#fff;box-shadow:0 0 0 3px #1565c01a}.disabled-group{background:#e9ecef;border-color:#ced4da}.input-icon{color:#666;margin-right:10px;flex-shrink:0}.input-group:focus-within .input-icon{color:#1565c0}.modal-input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:#212529;padding:14px 0;font-weight:500;min-height:48px}.modal-input::placeholder{color:#999}.disabled-input{color:#6c757d}.lock-icon,.eye-button{color:#999;flex-shrink:0}.eye-button{background:none;border:none;padding:4px;cursor:pointer;border-radius:6px;transition:all .2s}.eye-button:hover{background:#1565c014;color:#1565c0}.eye-button svg{display:block}.message-box{display:flex;align-items:center;gap:8px;padding:12px;border-radius:10px;margin-top:8px;border:1px solid}.error-box{background:#ffebee;border-color:#ffcdd2;color:#d32f2f}.success-box{background:#e8f5e9;border-color:#c8e6c9;color:#2e7d32}.message-box svg{flex-shrink:0}.message-box span{flex:1;font-size:13px;font-weight:500}.modal-actions{display:flex;flex-direction:column;gap:10px;padding:20px;border-top:1px solid #F0F0F0}.modal-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;padding:14px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;color:#fff}.save-button{background:#1565c0;box-shadow:0 4px 12px #1565c04d}.save-button:hover:not(.disabled-button){background:#0d47a1;transform:translateY(-2px);box-shadow:0 6px 16px #1565c066}.cancel-button{background:#6c757d;box-shadow:0 2px 8px #6c757d33}.cancel-button:hover:not(:disabled){background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.disabled-button{background:#adb5bd;cursor:not-allowed;opacity:.7}.disabled-button:hover{transform:none}.modal-button svg{flex-shrink:0}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (min-width: 576px){.user-profile-container{max-width:500px}.profile-header{padding:50px 30px 20px}.profile-content{padding:20px 30px 30px}.profile-card,.info-card{padding:22px}}@media (min-width: 768px){.user-profile-container{max-width:540px}.header-title{font-size:22px}.profile-name{font-size:26px}.card-title{font-size:18px}}@media (min-width: 1024px){.user-profile-container{max-width:580px}}@media (max-width: 420px){.profile-header{padding:30px 15px 12px}.header-title{font-size:18px}.profile-content{padding:16px 15px 20px}.profile-card,.info-card{padding:16px}.profile-name{font-size:22px}.avatar{width:90px;height:90px}.status-badge{width:26px;height:26px}}@media (max-width: 360px){.profile-name{font-size:20px}.action-text{font-size:12px}}.back-button:focus,.action-card:focus,.edit-button:focus,.password-button:focus,.modal-close:focus,.eye-button:focus{outline:3px solid #1565C0;outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}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}.driver-profile-container{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.driver-profile-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.driver-profile-spinner{width:48px;height:48px;border:4px solid rgba(21,101,192,.2);border-top-color:#1565c0;border-radius:50%;animation:driver-profile-spin .8s linear infinite}@keyframes driver-profile-spin{to{transform:rotate(360deg)}}.driver-profile-loading-text{margin-top:16px;font-size:16px;color:#666;font-weight:600}.driver-profile-error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:40px 20px}.driver-profile-error-title{font-size:24px;font-weight:700;color:#333;margin:16px 0 12px}.driver-profile-error-text{font-size:16px;color:#666;text-align:center;margin-bottom:24px;max-width:400px}.driver-profile-retry-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #1565c059;transition:all .3s ease}.driver-profile-retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1565c073}.driver-profile-retry-button svg{stroke:#fff}.driver-profile-header{background:linear-gradient(135deg,#1565c0,#1976d2);padding:40px 20px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.driver-profile-back-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.driver-profile-back-button:hover{opacity:.8}.driver-profile-back-button svg{stroke:#fff}.driver-profile-header-content{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff}.driver-profile-header-content svg{stroke:#fff}.driver-profile-header-title{font-size:20px;font-weight:700;color:#fff;margin:0}.driver-profile-header-spacer{width:32px}.driver-profile-scroll-wrapper{flex:1;overflow-y:auto;padding-bottom:24px}.driver-profile-card{background-color:#fff;margin:20px 20px 0;padding:24px;border-radius:12px;text-align:center;box-shadow:0 2px 8px #00000014}.driver-profile-avatar-container{position:relative;display:inline-block;margin-bottom:16px}.driver-profile-avatar{width:100px;height:100px;border-radius:50%;background-color:#1565c0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1565c04d}.driver-profile-avatar svg{stroke:#fff}.driver-profile-status-badge{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;border:3px solid #FFFFFF}.driver-profile-status-active{background-color:#4caf50}.driver-profile-status-inactive{background-color:#ff6b35}.driver-profile-status-badge svg{stroke:#fff}.driver-profile-name{font-size:24px;font-weight:700;color:#333;margin:0 0 4px}.driver-profile-id{font-size:13px;color:#999;font-weight:600;margin:0 0 12px}.driver-profile-rating-container{display:inline-flex;align-items:center;gap:6px;background-color:#fff3e0;padding:8px 16px;border-radius:20px}.driver-profile-rating-container svg{flex-shrink:0}.driver-profile-rating-text{font-size:18px;font-weight:700;color:#e65100}.driver-profile-rating-label{font-size:13px;color:#e65100;font-weight:600}.driver-profile-quick-actions{display:flex;gap:12px;padding:0 20px;margin-top:16px}.driver-profile-action-card{flex:1;background-color:#fff;padding:16px;border-radius:12px;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.driver-profile-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.driver-profile-action-card svg{flex-shrink:0}.driver-profile-action-text{font-size:13px;font-weight:600;color:#333}.driver-profile-info-card{background-color:#fff;margin:16px 20px 0;padding:18px;border-radius:12px;box-shadow:0 2px 8px #00000014}.driver-profile-card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #F0F0F0}.driver-profile-card-header svg{flex-shrink:0}.driver-profile-card-title{font-size:17px;font-weight:700;color:#333;margin:0}.driver-profile-info-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #F8F9FA}.driver-profile-info-left{display:flex;align-items:center;gap:10px;flex:1}.driver-profile-info-left svg{flex-shrink:0}.driver-profile-info-label{font-size:14px;color:#666;font-weight:500}.driver-profile-info-value{font-size:14px;color:#333;font-weight:600}.driver-profile-active-status{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px}.driver-profile-active-status-green{background-color:#e8f5e9}.driver-profile-active-status-green svg{stroke:#4caf50}.driver-profile-active-status-orange{background-color:#fff3e0}.driver-profile-active-status-orange svg{stroke:#ff6b35}.driver-profile-active-status svg{flex-shrink:0}.driver-profile-active-status-text{font-size:13px;font-weight:700}.driver-profile-active-status-green .driver-profile-active-status-text{color:#4caf50}.driver-profile-active-status-orange .driver-profile-active-status-text{color:#ff6b35}.driver-profile-action-buttons{margin:16px 20px 0;display:flex;flex-direction:column;gap:12px}.driver-profile-edit-button,.driver-profile-password-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;color:#fff;box-shadow:0 4px 12px #0000004d;transition:all .3s ease}.driver-profile-edit-button{background:linear-gradient(135deg,#1565c0,#1976d2);box-shadow:0 4px 12px #1565c059}.driver-profile-edit-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1565c073}.driver-profile-password-button{background:linear-gradient(135deg,#d32f2f,#f44336);box-shadow:0 4px 12px #d32f2f59}.driver-profile-password-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d32f2f73}.driver-profile-edit-button svg,.driver-profile-password-button svg{stroke:#fff;flex-shrink:0}.driver-profile-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.driver-profile-modal-content{background-color:#fff;border-radius:16px;width:100%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 24px #0000004d}.driver-profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #F0F0F0}.driver-profile-modal-header svg{flex-shrink:0}.driver-profile-modal-title{font-size:18px;font-weight:700;color:#333;flex:1;margin:0 0 0 10px}.driver-profile-modal-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#999;transition:color .2s ease}.driver-profile-modal-close:hover:not(:disabled){color:#666}.driver-profile-modal-close:disabled{opacity:.5;cursor:not-allowed}.driver-profile-modal-close svg{stroke:currentColor}.driver-profile-modal-body{padding:20px;overflow-y:auto;max-height:400px}.driver-profile-input-group{display:flex;align-items:center;gap:10px;background-color:#f8f9fa;border:1.5px solid #DEE2E6;border-radius:12px;padding:0 14px;margin-bottom:14px;min-height:54px}.driver-profile-disabled-input-group{background-color:#e9ecef;border-color:#ced4da}.driver-profile-input-group svg{flex-shrink:0}.driver-profile-modal-input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:#212529;padding:14px 0;font-weight:500;min-width:0}.driver-profile-modal-input::placeholder{color:#999}.driver-profile-disabled-input{color:#6c757d}.driver-profile-password-toggle{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#999;transition:color .2s ease}.driver-profile-password-toggle:hover{color:#1565c0}.driver-profile-password-toggle svg{stroke:currentColor}.driver-profile-message-box{display:flex;align-items:center;gap:8px;padding:12px;border-radius:10px;margin-top:8px}.driver-profile-error-box{background-color:#ffebee;border:1px solid #FFCDD2}.driver-profile-error-box svg{stroke:#d32f2f;flex-shrink:0}.driver-profile-success-box{background-color:#e8f5e9;border:1px solid #C8E6C9}.driver-profile-success-box svg{stroke:#4caf50;flex-shrink:0}.driver-profile-message-text{flex:1;font-size:13px;font-weight:500;margin:0}.driver-profile-error-box .driver-profile-message-text{color:#c62828}.driver-profile-success-box .driver-profile-message-text{color:#2e7d32}.driver-profile-modal-actions{padding:20px;border-top:1px solid #F0F0F0;display:flex;flex-direction:column;gap:10px}.driver-profile-modal-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;color:#fff;transition:all .3s ease}.driver-profile-save-button{background:linear-gradient(135deg,#1565c0,#1976d2);box-shadow:0 3px 8px #1565c04d}.driver-profile-save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 12px #1565c066}.driver-profile-save-button:disabled{background:#adb5bd;cursor:not-allowed;box-shadow:none}.driver-profile-cancel-button{background:linear-gradient(135deg,#6c757d,#868e96);box-shadow:0 3px 8px #6c757d4d}.driver-profile-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 12px #6c757d66}.driver-profile-cancel-button:disabled{opacity:.6;cursor:not-allowed}.driver-profile-modal-button svg{stroke:#fff;flex-shrink:0}.driver-profile-button-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:driver-profile-spin .8s linear infinite}@media (min-width: 768px){.driver-profile-header{padding:50px 30px 20px}.driver-profile-header-title{font-size:22px}.driver-profile-scroll-wrapper{max-width:900px;margin:0 auto}.driver-profile-card,.driver-profile-quick-actions,.driver-profile-info-card,.driver-profile-action-buttons{margin-left:30px;margin-right:30px}.driver-profile-card{padding:28px}.driver-profile-action-card{padding:20px}.driver-profile-info-card{padding:22px}}@media (min-width: 1024px){.driver-profile-scroll-wrapper{max-width:1000px}}@media (max-width: 480px){.driver-profile-header{padding:35px 16px 14px}.driver-profile-header-title{font-size:18px}.driver-profile-card,.driver-profile-quick-actions,.driver-profile-info-card,.driver-profile-action-buttons{margin-left:16px;margin-right:16px}.driver-profile-card{padding:20px}.driver-profile-name{font-size:22px}.driver-profile-action-card{padding:14px}.driver-profile-action-text{font-size:12px}.driver-profile-info-card{padding:16px}.driver-profile-card-title{font-size:16px}.driver-profile-edit-button,.driver-profile-password-button{padding:14px;font-size:15px}.driver-profile-modal-backdrop{padding:16px}}@media (max-width: 360px){.driver-profile-header{padding:30px 12px 12px}.driver-profile-header-title{font-size:16px}.driver-profile-card,.driver-profile-quick-actions,.driver-profile-info-card,.driver-profile-action-buttons{margin-left:12px;margin-right:12px}.driver-profile-avatar{width:90px;height:90px}.driver-profile-avatar svg{width:54px;height:54px}.driver-profile-name{font-size:20px}.driver-profile-info-label,.driver-profile-info-value{font-size:13px}}.driver-profile-back-button:focus,.driver-profile-action-card:focus,.driver-profile-edit-button:focus,.driver-profile-password-button:focus,.driver-profile-modal-close:focus,.driver-profile-password-toggle:focus,.driver-profile-modal-button:focus{outline:3px solid #1565C0;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}