.splash-container{height:100vh;width:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:fadeIn .5s ease-in-out}.splash-container .splash-content{text-align:center}.splash-container .splash-content .illustration h1{font-size:2rem;color:#ffc801;font-weight:700;text-transform:uppercase;letter-spacing:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-container{padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;background-color:#fff}.login-container .login-header{margin-bottom:3rem}.login-container .login-header h1{font-size:2.5rem;color:#000}.login-container .login-header h1 span{color:#ffc801}.login-container .login-header h1{font-weight:800;line-height:1.1;margin-bottom:1rem}.login-container .login-header p{color:#666;font-size:.9rem;line-height:1.4}.login-container .login-form{display:flex;flex-direction:column;gap:1.5rem}.login-container .login-form .form-group{display:flex;flex-direction:column;gap:.25rem}.login-container .login-form .form-group label{color:#666;font-size:.85rem}.login-container .login-form .form-group .input-wrapper{position:relative;display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:4px;padding:.5rem 1rem;background-color:#fff;transition:border-color .2s}.login-container .login-form .form-group .input-wrapper:focus-within{border-color:#ffc801}.login-container .login-form .form-group .input-wrapper input{border:none;outline:none;flex:1;font-size:1rem;color:#000;background:transparent;width:100%}.login-container .login-form .form-group .input-wrapper input::placeholder{color:#ccc}.login-container .login-form .form-group .input-wrapper .toggle-password{color:#666;padding:0;margin-left:.5rem;display:flex;align-items:center}.login-container .login-form .error-message{color:#dc3545;margin-bottom:1rem;text-align:center}.login-container .login-form .success-message{color:#28a745;margin-bottom:1rem;text-align:center}.login-container .login-form .form-actions{display:flex;flex-direction:column;gap:1rem}.login-container .login-form .forgot-password{text-align:right}.login-container .login-form .forgot-password .forgot-password-link{cursor:pointer;color:#007bff}.login-container .login-form .forgot-password .forgot-password-link:hover{text-decoration:underline}.login-container .login-form .forgot-password a{color:#000;font-size:.85rem;font-weight:600;text-decoration:underline}.login-container .login-form .btn-primary{background-color:#ffc801;color:#000;padding:1rem;border-radius:9999px;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px;transition:transform .1s}.login-container .login-form .btn-primary:active{transform:scale(.98)}.login-container .login-form .btn-secondary{background-color:transparent;color:#666;padding:1rem;border:1px solid #e0e0e0;border-radius:9999px;font-weight:600;font-size:1rem;text-align:center;cursor:pointer;transition:all .2s}.login-container .login-form .btn-secondary:hover{background-color:#f5f5f5;color:#000}.login-container .login-form .divider{position:relative;text-align:center;margin:.5rem 0}.login-container .login-form .divider:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#eee;z-index:0}.login-container .login-form .divider span{position:relative;background-color:#fff;padding:0 1rem;color:#666;font-size:.85rem;z-index:1}.login-container .login-form .btn-google{display:flex;align-items:center;justify-content:center;gap:1rem;border:1px solid #e0e0e0;border-radius:9999px;padding:1rem;background-color:#fff;color:#000;font-weight:500;font-size:1rem}.login-container .login-form .btn-google:active{background-color:#f9f9f9}.login-container .login-form .create-account{text-align:center;font-size:.9rem;color:#666;margin-top:.5rem}.login-container .login-form .create-account a{color:#ffc801;color:#000;font-weight:700;margin-left:4px;text-decoration:underline}.dashboard-container{display:flex;flex-direction:column;height:100vh;background-color:#f8f9fa}.dashboard-container .app-header{background-color:#fff;padding:.5rem;display:flex;justify-content:center;align-items:center;z-index:10}.dashboard-container .app-header .logo-container{display:flex;align-items:center;gap:8px;font-size:1.5rem;font-weight:900}.dashboard-container .app-header .logo-container .menu-icon{color:#ffc801;font-size:1.8rem;margin-right:4px}.dashboard-container .app-header .logo-container .brand-text{color:#007bff;letter-spacing:-.5px}.dashboard-container .app-header .logo-container .brand-text .highlight{color:#ffc801}.dashboard-container .status-section{background-color:#eef2f5;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.dashboard-container .status-section .status-label{color:#666;font-size:.9rem;font-weight:500}.dashboard-container .status-section .status-toggle-wrapper{display:flex;align-items:center;gap:12px}.dashboard-container .status-section .status-toggle-wrapper .status-text{font-size:.9rem;font-weight:700}.dashboard-container .status-section .status-toggle-wrapper .status-text.online{color:#28a745}.dashboard-container .status-section .status-toggle-wrapper .status-text.offline{color:#666}.dashboard-container .status-section .status-toggle-wrapper .toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.dashboard-container .status-section .status-toggle-wrapper .toggle-switch input{opacity:0;width:0;height:0}.dashboard-container .status-section .status-toggle-wrapper .toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:34px}.dashboard-container .status-section .status-toggle-wrapper .toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.dashboard-container .status-section .status-toggle-wrapper .toggle-switch input:checked+.slider{background-color:#28a745}.dashboard-container .status-section .status-toggle-wrapper .toggle-switch input:checked+.slider:before{transform:translate(20px)}.dashboard-container .dashboard-content{flex:1;overflow-y:auto;padding:1.5rem;padding-bottom:80px}.dashboard-container .dashboard-content .section-tabs{display:flex;margin-bottom:1.5rem;border-bottom:2px solid #e0e0e0}.dashboard-container .dashboard-content .section-tabs .tab{flex:1;text-align:center;padding:1rem;font-weight:600;color:#666;cursor:pointer}.dashboard-container .dashboard-content .section-tabs .tab.active{color:#ffc801;border-bottom:3px solid #ffc801;margin-bottom:-2px}.dashboard-container .dashboard-content .shipment-card{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.dashboard-container .dashboard-content .shipment-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.dashboard-container .dashboard-content .shipment-card .card-header h3{margin:0;font-size:1.1rem}.dashboard-container .dashboard-content .shipment-card .card-header .price{color:#28a745;font-weight:700}.dashboard-container .dashboard-content .shipment-card .route{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600}.dashboard-container .dashboard-content .shipment-card .details{display:flex;justify-content:space-between;color:#666;font-size:.9rem;margin-bottom:1rem}.dashboard-container .dashboard-content .shipment-card .details .label{display:block;font-size:.8rem;margin-bottom:4px}.dashboard-container .dashboard-content .shipment-card .details .value{color:#000;font-weight:500}.dashboard-container .dashboard-content .shipment-card .actions{display:flex;gap:1rem;margin-top:1.5rem}.dashboard-container .dashboard-content .shipment-card .actions button{flex:1;padding:1rem;border-radius:4px;font-weight:700;cursor:pointer;border:none}.dashboard-container .dashboard-content .shipment-card .actions button.btn-unsuccessful{background-color:#ffc801;color:#000}.dashboard-container .dashboard-content .shipment-card .actions button.btn-delivered{background-color:#000;background-color:#007bff;color:#fff}.dashboard-container .sticky-footer{position:fixed;bottom:0;left:0;width:100%;background:#fff;padding:12px 0;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px #0000000d;z-index:1000;box-sizing:border-box}.dashboard-container .sticky-footer .nav-item{display:flex;flex-direction:column;align-items:center;color:#ccc;font-size:.75rem;cursor:pointer;padding:4px;transition:color .2s}.dashboard-container .sticky-footer .nav-item svg{font-size:1.4rem;margin-bottom:4px}.dashboard-container .sticky-footer .nav-item.active{color:#007bff;font-weight:500}.dashboard-container .sticky-footer .nav-item.active svg{color:#007bff}.dashboard-container .sticky-footer .nav-item:hover{color:#007bff}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;color:#666;font-weight:500}.dashboard-container .section-tabs .tab .notification-badge{background:#dc3545;color:#fff;border-radius:50%;padding:2px 6px;font-size:.7rem;margin-left:5px;display:inline-block}.dashboard-container .dashboard-content .shipment-card .card-header-icon-wrapper{display:flex;align-items:center;gap:10px}.dashboard-container .dashboard-content .shipment-card .card-header-icon-wrapper .icon-box{padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center}.dashboard-container .dashboard-content .shipment-card .card-header-icon-wrapper .icon-box.bg-light{background:#f0f0f0}.dashboard-container .dashboard-content .shipment-card .card-header-icon-wrapper .icon-box.bg-blue-light{background:#e3f2fd;color:#1976d2}.dashboard-container .dashboard-content .shipment-card .card-header-icon-wrapper .header-text .label{display:block;font-size:.7rem;color:#888}.dashboard-container .dashboard-content .shipment-card .card-header-icon-wrapper .header-text strong{font-weight:700;color:#000}.dashboard-container .dashboard-content .shipment-card .status-timeline{background:#f9f9f9;padding:10px;border-radius:4px;font-size:.85rem}.dashboard-container .dashboard-content .shipment-card .status-timeline .timeline-item{margin-bottom:10px;display:flex;gap:10px;align-items:center}.dashboard-container .dashboard-content .shipment-card .status-timeline .timeline-item:last-child{margin-bottom:0}.dashboard-container .dashboard-content .shipment-card .incoming-route-details{margin-top:10px}.dashboard-container .dashboard-content .shipment-card .incoming-route-details .detail-row{margin-bottom:5px}.dashboard-container .dashboard-content .shipment-card .incoming-route-details .detail-row.mt-sm{margin-top:5px}.dashboard-container .dashboard-content .shipment-card .incoming-route-details .detail-row .label{font-size:.75rem;color:#888;margin-right:4px}.dashboard-container .dashboard-content .shipment-card .incoming-route-details .detail-row .value{font-weight:500;color:#000}.dashboard-container .dashboard-content .shipment-card .incoming-route-details .detail-row .value-bold{font-weight:600;color:#000}.dashboard-container .dashboard-content .shipment-card .actions .btn-reject{flex:1;padding:10px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#666;font-weight:600;cursor:pointer}.dashboard-container .dashboard-content .shipment-card .actions .btn-accept{flex:1;padding:10px;background:#28a745;border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer}.no-requests-msg{text-align:center;padding:40px;color:#888}.ride-request-modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;padding:20px;transition:background .3s ease;z-index:var(--modal-z-index);background:var(--overlay-bg, transparent);pointer-events:var(--overlay-pointer-events, none)}.ride-request-card{background:#fff;border-radius:12px;max-width:400px;width:100%;padding:24px;position:relative;box-shadow:0 10px 40px #0000004d;border:1px solid #e0e0e0;transition:all .3s ease;transform:translateY(var(--card-translate-y, 0)) scale(var(--card-scale, 1));filter:brightness(var(--card-brightness, 1));pointer-events:var(--card-pointer-events, auto)}.ride-request-card .close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;font-size:1.2rem;color:#999}.ride-request-card .close-btn:hover{color:#666}.ride-request-card .modal-header{text-align:center;margin-bottom:20px}.ride-request-card .modal-header .icon-circle{width:60px;height:60px;background:#ffc801;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.5rem;color:#fff}.ride-request-card .modal-header h2{font-size:1.5rem;margin:0 0 8px;color:#000}.ride-request-card .modal-header p{color:#666;font-size:.9rem}.ride-request-card .info-section{background:#fff;border-radius:8px;padding:16px;margin-bottom:20px}.ride-request-card .info-section .info-row{margin-bottom:12px}.ride-request-card .info-section .info-row:last-child{margin-bottom:0}.ride-request-card .info-section .info-row .label{font-size:.8rem;color:#666;margin-bottom:4px}.ride-request-card .info-section .info-row .value{font-weight:600;color:#000}.ride-request-card .info-section .info-row .price-value{font-weight:600;color:#ffc801;font-size:1.2rem}.ride-request-card .actions{display:flex;gap:12px}.ride-request-card .actions button{flex:1;padding:12px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:opacity .2s}.ride-request-card .actions button:active{opacity:.9}.ride-request-card .actions .btn-reject{background:#f0f0f0;color:#666}.ride-request-card .actions .btn-accept{background:#28a745;color:#fff}.location-guard-container{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f8f9fa;font-family:Inter,sans-serif;gap:1rem;text-align:center;padding:20px}.location-guard-container .icon-spin{animation:spin 1s linear infinite}.location-guard-container p{color:#666}.location-guard-container .denied-icon{font-size:3rem;margin-bottom:20px}.location-guard-container h2{margin-bottom:10px;color:#1a1a1a}.location-guard-container .denied-text{color:#666;margin-bottom:30px;line-height:1.5}.location-guard-container .btn-enable-location{padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:20px;transition:background .2s}.location-guard-container .btn-enable-location:hover{background:#0062cc}.location-guard-container .help-text{font-size:.85rem;color:#999;max-width:300px;margin:0 auto}.live-booking-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 12px #00000014;margin-bottom:16px;position:relative;border:1px solid #eee;display:flex;flex-direction:column}.live-booking-card .cancel-btn{position:absolute;top:12px;right:12px;background:#ffebee;color:#d32f2f;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .2s}.live-booking-card .cancel-btn:hover{background:#ffcdd2;transform:scale(1.1)}.live-booking-card .card-header{display:flex;align-items:center;margin-bottom:16px}.live-booking-card .card-header .icon-box{width:40px;height:40px;border-radius:8px;background:#e3f2fd;color:#1976d2;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:1.2rem}.live-booking-card .card-header .header-text{display:flex;flex-direction:column}.live-booking-card .card-header .header-text .status-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#1976d2;background:#e3f2fd;padding:2px 6px;border-radius:4px;align-self:flex-start;margin-bottom:2px}.live-booking-card .card-header .header-text strong{font-size:1rem;color:#333}.live-booking-card .location-details{margin-bottom:20px;padding:12px;background:#f8f9fa;border-radius:8px}.live-booking-card .location-details .location-row{display:flex;align-items:flex-start;margin-bottom:12px}.live-booking-card .location-details .location-row:last-child{margin-bottom:0}.live-booking-card .location-details .location-row .icon{margin-right:10px;margin-top:3px;font-size:.9rem}.live-booking-card .location-details .location-row .icon.pickup{color:#2e7d32}.live-booking-card .location-details .location-row .icon.drop{color:#d32f2f}.live-booking-card .location-details .location-row .text{flex:1}.live-booking-card .location-details .location-row .text .label{display:block;font-size:.75rem;color:#666;margin-bottom:2px}.live-booking-card .location-details .location-row .text .address{display:block;font-size:.9rem;color:#333;font-weight:500;line-height:1.4}.live-booking-card .payment-mode-toggle.mini{align-self:flex-start;margin-left:12px;margin-bottom:12px;padding:4px 8px;border-radius:20px;width:auto;display:flex;align-items:center;gap:8px;flex-direction:row}.live-booking-card .payment-mode-toggle.mini .toggle-label{font-size:.7rem;font-weight:600;color:#5f6368;text-transform:none;white-space:nowrap}.live-booking-card .payment-mode-toggle.mini .toggle-group{gap:2px;background:#e0e0e0;padding:2px;border-radius:18px}.live-booking-card .payment-mode-toggle.mini .toggle-group .toggle-btn{padding:4px 12px;border-radius:16px;font-size:.75rem;border:none;box-shadow:none}.live-booking-card .payment-mode-toggle.mini .toggle-group .toggle-btn.active{background:#fff;color:#1a73e8;box-shadow:0 1px 3px #0000001a;font-weight:700}.live-booking-card .payment-mode-toggle.mini .toggle-group .toggle-btn:not(.active){background:transparent;color:#5f6368}.live-booking-card .payment-mode-toggle{margin-bottom:20px;padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.live-booking-card .payment-mode-toggle .toggle-label{font-size:.75rem;font-weight:600;color:#5f6368;text-transform:uppercase}.live-booking-card .payment-mode-toggle .toggle-group{display:flex;gap:8px}.live-booking-card .payment-mode-toggle .toggle-group .toggle-btn{flex:1;padding:8px;border:1px solid #dadce0;background:#fff;border-radius:6px;font-size:.85rem;font-weight:600;color:#3c4043;cursor:pointer;transition:all .2s}.live-booking-card .payment-mode-toggle .toggle-group .toggle-btn.active{background:#1976d2;color:#fff;border-color:#1976d2}.live-booking-card .payment-mode-toggle .toggle-group .toggle-btn:disabled{opacity:.5;cursor:not-allowed}.live-booking-card .action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.live-booking-card .action-buttons button{padding:12px;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}.live-booking-card .action-buttons button:disabled{opacity:.6;cursor:not-allowed}.live-booking-card .action-buttons button.btn-directions{background:#f1f3f4;color:#333}.live-booking-card .action-buttons button.btn-directions:hover:not(:disabled){background:#e8eaed}.live-booking-card .action-buttons button.btn-primary{background:#1976d2;color:#fff}.live-booking-card .action-buttons button.btn-primary:hover:not(:disabled){background:#145ca4}.live-booking-card .action-buttons.single-action{grid-template-columns:1fr}.cancel-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.cancel-modal-overlay .cancel-modal{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:340px;box-shadow:0 4px 20px #0003}.cancel-modal-overlay .cancel-modal h3{margin-top:0;margin-bottom:16px;color:#d32f2f}.cancel-modal-overlay .cancel-modal textarea{width:100%;height:80px;padding:10px;border:1px solid #ddd;border-radius:8px;margin-bottom:16px;font-family:inherit;resize:none}.cancel-modal-overlay .cancel-modal textarea:focus{outline:none;border-color:#d32f2f}.cancel-modal-overlay .cancel-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px}.cancel-modal-overlay .cancel-modal .modal-actions button{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:600}.cancel-modal-overlay .cancel-modal .modal-actions button.btn-cancel{background:#f5f5f5;color:#666}.cancel-modal-overlay .cancel-modal .modal-actions button.btn-confirm{background:#d32f2f;color:#fff}.reports-container{display:flex;flex-direction:column;gap:1.5rem;background-color:transparent;padding-bottom:50px;padding-top:1rem}.reports-container .reports-header{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:.5rem;flex-shrink:0}.reports-container .search-bar{position:relative;background-color:#fff;border-radius:8px;border:1px solid #e0e0e0;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.reports-container .search-bar svg{color:#666;font-size:1.1rem}.reports-container .search-bar input{border:none;outline:none;width:100%;font-size:.95rem;color:#000}.reports-container .search-bar input::placeholder{color:#aaa}.reports-container .controls-row{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.reports-container .controls-row .controls-title{font-weight:600;color:#000;font-size:1rem}.reports-container .controls-row .date-picker-wrap{display:flex;align-items:center;border:1px solid #2196f3;border-radius:8px;color:#2196f3;padding:.25rem .5rem;cursor:pointer;font-weight:500;font-size:.85rem;position:relative}.reports-container .controls-row .date-picker-wrap svg{margin-left:.25rem}.reports-container .date-range-display{font-size:.75rem;color:#666;text-align:right;margin-top:-.5rem}.reports-container .filter-pills{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;flex-shrink:0}.reports-container .filter-pills::-webkit-scrollbar{display:none}.reports-container .filter-pills .pill{padding:8px 16px;border-radius:9999px;background-color:#fff;color:#666;font-size:.85rem;font-weight:600;border:1px solid #e0e0e0;white-space:nowrap;cursor:pointer;transition:all .2s ease}.reports-container .filter-pills .pill.active{background-color:#ffc801;border-color:#ffc801;color:#000}.reports-container .reports-list{display:flex;flex-direction:column;gap:1rem}.reports-container .reports-list .report-card{background-color:#fff;border-radius:12px;border:1px solid #eaeaea;padding:1rem;box-shadow:0 2px 8px #00000005}.reports-container .reports-list .report-card .card-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.reports-container .reports-list .report-card .card-header-top .shipment-info{display:flex;align-items:center;gap:.5rem}.reports-container .reports-list .report-card .card-header-top .shipment-info .icon-box{width:40px;height:40px;background-color:#f5f5f5;border-radius:4px;display:flex;justify-content:center;align-items:center;color:#000;font-size:1.2rem}.reports-container .reports-list .report-card .card-header-top .shipment-info .texts{display:flex;flex-direction:column}.reports-container .reports-list .report-card .card-header-top .shipment-info .texts .label{font-size:.75rem;color:#666}.reports-container .reports-list .report-card .card-header-top .shipment-info .texts .booking-id{font-weight:700;color:#000;font-size:.95rem}.reports-container .reports-list .report-card .card-header-top .status-badge{padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:700}.reports-container .reports-list .report-card .card-header-top .status-badge.delivered{background-color:#e8f5e9;color:#2e7d32}.reports-container .reports-list .report-card .card-header-top .status-badge.cancelled,.reports-container .reports-list .report-card .card-header-top .status-badge.rejected{background-color:#ffebee;color:#c62828}.reports-container .reports-list .report-card .card-header-top .status-badge.completed{background-color:#e3f2fd;color:#1565c0}.reports-container .reports-list .report-card .route-info{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:center;padding:.5rem 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.reports-container .reports-list .report-card .route-info .location{font-size:.9rem;color:#000;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reports-container .reports-list .report-card .route-info .location.right{text-align:right}.reports-container .reports-list .report-card .route-info .arrow{color:#666;font-size:1.2rem}.reports-container .reports-list .report-card .time-info{display:flex;justify-content:space-between;margin-top:.5rem}.reports-container .reports-list .report-card .time-info .time-block{display:flex;flex-direction:column}.reports-container .reports-list .report-card .time-info .time-block.right{align-items:flex-end}.reports-container .reports-list .report-card .time-info .time-block .label{font-size:.75rem;color:#666}.reports-container .reports-list .report-card .time-info .time-block .val{font-size:.85rem;color:#000;font-weight:500}.reports-container .reports-list .report-card .earnings-info{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.reports-container .reports-list .report-card .earnings-info .label{font-size:.9rem;font-weight:700;color:#000}.reports-container .reports-list .report-card .earnings-info .amt{font-size:1rem;font-weight:700;color:#000}.reports-container .reports-list .report-card .card-actions{margin-top:1rem}.reports-container .reports-list .report-card .card-actions .btn-view{width:100%;padding:12px;border-radius:4px;background-color:#007bff;color:#fff;border:none;font-weight:600;cursor:pointer;font-size:.9rem}.reports-container .reports-list .report-card .card-actions .btn-view:hover{background-color:#0056b3}.reports-container .loading-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem 1rem;color:#666}.reports-container .loading-container .spinner{border:3px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#ffc801;animation:spin 1s linear infinite}.reports-container .empty-state{text-align:center;padding:2rem 1rem;color:#666}.reports-container .empty-state .icon{font-size:3rem;margin-bottom:1rem;color:#ddd}.reports-container .empty-state p{font-size:.95rem}.reports-container .load-more-btn{width:100%;padding:12px;background:transparent;border:1px solid #ccc;color:#000;font-weight:600;border-radius:8px;cursor:pointer;margin-top:1rem}.reports-container .load-more-btn:hover{background-color:#f0f0f0}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#fff;color:#000;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}img{max-width:100%;display:block}.app-wrapper{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;max-width:100vw;overflow-x:hidden}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;justify-content:center;width:350px;height:100px}.toast{--toast-translate-y: 0px;--toast-scale: 1;--toast-opacity: 1;--toast-z-index: 100;position:absolute;width:100%;top:0;left:0;display:flex;align-items:center;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:0 8px 24px #0000001f;color:#333;font-size:.95rem;font-weight:500;transform:translateY(var(--toast-translate-y)) scale(var(--toast-scale));opacity:var(--toast-opacity);z-index:var(--toast-z-index);border-left:6px solid transparent;transition:all .4s cubic-bezier(.25,.8,.25,1);pointer-events:auto}.toast.toast-success{border-left-color:#4caf50}.toast.toast-error{border-left-color:#f44336}.toast.toast-warning{border-left-color:#ff9800}.toast.toast-info{border-left-color:#2196f3}.toast .toast-content{flex:1;margin-right:12px}.toast .toast-close{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;padding:4px;display:flex;align-items:center;justify-content:center}.toast .toast-close:hover{color:#333}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.side-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;display:flex;justify-content:flex-end}.side-drawer-overlay.active{opacity:1;visibility:visible}.side-drawer-overlay .side-drawer-content{background:#fff;height:100%;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-5px 0 25px #0000001a}.side-drawer-overlay .side-drawer-content.open{transform:translate(0)}.side-drawer-overlay .side-drawer-content .side-drawer-header{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.05)}.side-drawer-overlay .side-drawer-content .side-drawer-header .drawer-title{margin:0;font-size:1.25rem;font-weight:600;color:#1a1a1b}.side-drawer-overlay .side-drawer-content .side-drawer-header .close-btn{background:none;border:none;color:#5f6368;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.side-drawer-overlay .side-drawer-content .side-drawer-header .close-btn:hover{background:#0000000d}.side-drawer-overlay .side-drawer-content .side-drawer-body{flex:1;overflow-y:auto;padding:0}.side-drawer-overlay .side-drawer-content .side-drawer-body::-webkit-scrollbar{width:4px}.side-drawer-overlay .side-drawer-content .side-drawer-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.profile-drawer-container{padding:1rem 1.5rem 2rem;display:flex;flex-direction:column;gap:1.5rem;background:#f8f9fa;min-height:100%}.profile-drawer-container .profile-header{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-bottom:.5rem}.profile-drawer-container .profile-header .brand-logo{font-size:1.25rem;font-weight:800;color:#1a1a1b}.profile-drawer-container .profile-header .brand-logo .highlight{color:#fbbc04}.profile-drawer-container .profile-header .profile-main-info{display:flex;flex-direction:column;align-items:center;text-align:center}.profile-drawer-container .profile-header .profile-main-info .avatar-wrapper{position:relative;margin-bottom:1rem}.profile-drawer-container .profile-header .profile-main-info .avatar-wrapper .avatar{width:90px;height:90px;border-radius:50%;background:#e8f0fe;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:#1a73e8;border:3px solid #fff;box-shadow:0 4px 10px #00000014;overflow:hidden}.profile-drawer-container .profile-header .profile-main-info .avatar-wrapper .avatar .avatar-image{width:100%;height:100%;object-fit:cover}.profile-drawer-container .profile-header .profile-main-info .avatar-wrapper .edit-badge{position:absolute;bottom:2px;right:2px;width:24px;height:24px;background:#1a73e8;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid #fff}.profile-drawer-container .profile-header .profile-main-info .user-name{font-size:1.35rem;font-weight:700;margin:0 0 .25rem;color:#1a1a1b}.profile-drawer-container .profile-header .profile-main-info .user-contact{font-size:.85rem;color:#5f6368}.profile-drawer-container .drawer-section{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000a}.profile-drawer-container .drawer-section .section-title{font-size:1.1rem;font-weight:700;margin:0 0 .25rem;color:#1a1a1b}.profile-drawer-container .drawer-section .section-subtitle{font-size:.75rem;color:#80868b;margin:0 0 1.25rem}.profile-drawer-container .drawer-section .settings-list{display:flex;flex-direction:column;gap:1rem}.profile-drawer-container .drawer-section .settings-list .settings-item{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;cursor:pointer}.profile-drawer-container .drawer-section .settings-list .settings-item.static{cursor:default}.profile-drawer-container .drawer-section .settings-list .settings-item .item-left{display:flex;align-items:center;gap:1rem}.profile-drawer-container .drawer-section .settings-list .settings-item .item-left .icon-box{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem}.profile-drawer-container .drawer-section .settings-list .settings-item .item-left .icon-box.blue{background:#e8f0fe;color:#1a73e8}.profile-drawer-container .drawer-section .settings-list .settings-item .item-left .icon-box.orange{background:#fff4e5;color:#f57c00}.profile-drawer-container .drawer-section .settings-list .settings-item .item-left .icon-box.purple{background:#f3e5f5;color:#9c27b0}.profile-drawer-container .drawer-section .settings-list .settings-item .item-left span{font-size:.95rem;font-weight:500;color:#3c4043}.profile-drawer-container .drawer-section .settings-list .settings-item .item-left .item-details{display:flex;flex-direction:column}.profile-drawer-container .drawer-section .settings-list .settings-item .item-left .item-details .label{font-size:.7rem;color:#80868b;font-weight:500}.profile-drawer-container .drawer-section .settings-list .settings-item .item-left .item-details .value{font-size:.9rem;font-weight:600;color:#1a1a1b}.profile-drawer-container .drawer-section .settings-list .settings-item .chevron{color:#dadce0}.profile-drawer-container .drawer-section .status-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:8px;font-weight:600;font-size:.95rem}.profile-drawer-container .drawer-section .status-banner.pending{background:#f1f3f4;color:#5f6368}.profile-drawer-container .drawer-section .status-banner.verified{background:#e6f4ea;color:#137333}.profile-drawer-container .drawer-section .status-banner .status-icon{font-size:1.1rem}.profile-drawer-container .logout-wrapper{margin-top:auto;padding:1rem 0}.profile-drawer-container .logout-wrapper .logout-btn{width:100%;background:#1a73e8;color:#fff;border:none;padding:1rem;border-radius:10px;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;box-shadow:0 4px 12px #1a73e833;transition:background .2s,transform .2s}.profile-drawer-container .logout-wrapper .logout-btn:active{transform:scale(.98);background:#185abc}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:#5f6368}.profile-loading .loader{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1a73e8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}