:root{--primary:#3498db;--primary-dark:#2980b9;--primary-light:#a9d5f3;--secondary:#64748b;--background:#f8fafc;--white:#fff;--error:#e74c3c;--shadow:#0000001a;--text-dark:#2c3e50;--text-light:#7f8c8d;--border:#e2e8f0;--icon-gray:#cbd5e1;--success:#2ecc71}body{background-color:var(--background);color:#2c3e50;color:var(--text-dark);font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,Arial,sans-serif;line-height:1.6}.auth-page{align-items:center;background-color:#f8fafc;background-color:var(--background);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-container{max-width:450px;width:100%}.auth-card{background-color:var(--white);box-shadow:0 10px 25px #0000001a;box-shadow:0 10px 25px var(--shadow);padding:2.5rem;transition:all .3s ease}.auth-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.auth-logo img{height:60px;object-fit:contain}.auth-title{color:#2c3e50;color:var(--text-dark);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.auth-subtitle{color:#7f8c8d;color:var(--text-light);font-size:1rem;margin-bottom:2rem;text-align:center}.auth-error{background-color:#e74c3c1a;border-left:3px solid #e74c3c;border-left:3px solid var(--error);border-radius:8px;color:#e74c3c;color:var(--error);font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem}.auth-form{display:flex;flex-direction:column}.form-group{margin-bottom:1.25rem}.form-group label{color:#2c3e50;color:var(--text-dark);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.input-container{align-items:center;display:flex;position:relative}.input-container input{background-color:#fff;background-color:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#2c3e50;color:var(--text-dark);font-size:1rem;padding:.875rem 1rem .875rem 2.5rem;transition:all .3s;width:100%}.input-container input::placeholder{color:#7f8c8d;color:var(--text-light);opacity:.7}.input-container input:focus{border-color:#3498db;border-color:var(--primary);box-shadow:0 0 0 3px #a9d5f3;box-shadow:0 0 0 3px var(--primary-light);outline:none}.icon{background-position:50%;background-repeat:no-repeat;background-size:contain;color:#cbd5e1;color:var(--icon-gray);height:1.25rem;left:.75rem;position:absolute;width:1.25rem}.email-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23cbd5e1' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Zm0 4-8 5-8-5V6l8 5 8-5v2Z'/%3E%3C/svg%3E")}.password-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23cbd5e1' viewBox='0 0 24 24'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2Zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Zm3-9H9V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2Z'/%3E%3C/svg%3E")}.form-options{justify-content:space-between;margin-bottom:1.5rem}.form-options,.remember-me{align-items:center;display:flex}.remember-me input[type=checkbox]{accent-color:#3498db;accent-color:var(--primary);margin-right:.5rem}.remember-me label{color:#7f8c8d;color:var(--text-light);cursor:pointer;font-size:.875rem}.forgot-password{color:#3498db;color:var(--primary);font-size:.875rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.auth-button{border:none;border-radius:8px;cursor:pointer;display:block;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s;width:100%}.primary-button{background-color:#3498db;background-color:var(--primary);color:#fff;color:var(--white)}.primary-button:hover{background-color:#2980b9;background-color:var(--primary-dark);transform:translateY(-1px)}.primary-button:disabled{background-color:#a9d5f3;background-color:var(--primary-light);cursor:not-allowed;transform:none}.auth-divider{margin:2rem 0;position:relative;text-align:center}.auth-divider:before{background-color:#e2e8f0;background-color:var(--border);content:"";height:1px;left:0;position:absolute;top:50%;width:100%}.auth-divider span{background-color:#fff;background-color:var(--white);color:#7f8c8d;color:var(--text-light);font-size:.875rem;padding:0 1rem;position:relative}.user-roles{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.role-card{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;padding:1rem;transition:all .3s}.role-card:hover{background-color:#3498db0d;border-color:#3498db;border-color:var(--primary);transform:translateY(-2px)}.role-icon{align-items:center;border-radius:50%;display:flex;height:48px;justify-content:center;margin-right:1rem;width:48px}.driver-icon{background-color:#3498db1a}.admin-icon{background-color:#64748b1a}.driver{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233498db' viewBox='0 0 24 24'%3E%3Cpath d='M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z'/%3E%3C/svg%3E")}.admin{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2364748b' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E")}.role-info h3{color:#2c3e50;color:var(--text-dark);font-size:1rem;font-weight:600;margin-bottom:.25rem}.role-info p{color:#7f8c8d;color:var(--text-light);font-size:.875rem}.auth-footer{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.auth-footer p{color:#7f8c8d;color:var(--text-light);font-size:.875rem}.register-link{color:#3498db;color:var(--primary);font-size:.875rem;font-weight:600;text-decoration:none}.register-link:hover{text-decoration:underline}@media (max-width:480px){.auth-card{padding:2rem 1.5rem}.form-options{align-items:flex-start;flex-direction:column;gap:.75rem}.auth-footer{flex-direction:column;gap:.5rem}}.container{max-width:1200px}.full-height{min-height:100vh}.center-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:16px}.login-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin:0 auto;max-width:400px;padding:20px;width:100%}.login-header{display:flex;justify-content:center;margin-bottom:20px}.logo-image{height:80px;object-fit:contain;width:80px}.title{color:#0f172a;font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.input{border:1px solid #e2e8f0;border-radius:8px;font-size:16px;margin-bottom:16px;padding:12px 16px;transition:border-color .2s;width:100%}.input:focus{border-color:#3498db;outline:none}.button-container{margin-top:16px}.login-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 16px;transition:background-color .2s;width:100%}.login-button:hover{background-color:#2980b9}.login-button:disabled{background-color:#a0aec0;cursor:not-allowed}.register-text{color:#64748b;margin:16px 0;text-align:center}.register-button{background-color:#fff;border:1px solid #3498db;border-radius:8px;color:#3498db;cursor:pointer;font-size:16px;font-weight:600;padding:12px 16px;transition:background-color .2s;width:100%}.register-button:hover{background-color:#f0f9ff}.header{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:16px}.back-button{margin-right:16px}.header-title{color:#0f172a}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:16px}.card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;padding:16px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-disabled{cursor:default;opacity:.7}.icon-container{align-items:center;border-radius:50%;display:flex;height:48px;justify-content:center;margin-bottom:12px;width:48px}.card-content{display:flex;flex-direction:column}.card-title{color:#64748b;font-size:14px;margin-bottom:4px}.card-count{font-size:24px;font-weight:700}.card-loader{margin-top:8px}.section{background-color:#fff;box-shadow:0 2px 8px #0000000d;padding:20px}.map-container,.section{border-radius:12px;margin-bottom:20px}.modal-overlay{align-items:center;z-index:50}.modal-container{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:0 16px;max-width:480px;overflow:hidden;transform:scale(1);transition:transform .2s ease;width:100%}.modal-header{background:linear-gradient(270deg,#6ebbee,#3498db);padding:16px 24px}.modal-logo{color:#fff;font-size:20px;font-weight:700}.modal-close-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px}.modal-close-button:hover{color:#fffc}.modal-close-icon{height:24px;width:24px}.modal-content{padding:24px}.modal-title{color:#1f2937;font-weight:600;margin-bottom:16px}.children-container{margin-bottom:24px}.button-group{display:flex;gap:16px;justify-content:space-between;margin-top:24px}.button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;justify-content:center;padding:12px 16px;transition:all .2s ease;width:50%}.cancel-button{background-color:#f3f4f6;color:#4b5563}.cancel-button:hover{background-color:#e5e7eb}.action-button{background-color:#3498db}.action-button:hover{background-color:#1a7fc2}.button-icon{height:20px;margin-left:8px;width:20px}.search-container{padding:0 16px;width:100%}.route-info{background-color:#f8fafc;border-radius:8px;margin-top:16px;padding:16px}.route-info-text{color:#0f172a;font-size:16px;margin-bottom:8px}.loading-container{flex-direction:column;min-height:200px;padding:20px}.loading-text{color:#64748b;margin-top:12px}.error-text{color:#ef4444;margin-bottom:16px;text-align:center}.retry-button{border-radius:8px;font-size:16px;padding:10px 20px}.ride-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.ride-info{display:flex;flex-direction:column}.ride-id{margin-bottom:8px}.action-buttons{justify-content:space-between}.action-button{border-radius:8px;color:#fff;font-weight:600;padding:10px 16px;width:48%}.accept-button{background-color:#3498db}.decline-button{background-color:#e4b4b4}.status-badge{align-self:flex-start;margin-top:8px}.accepted-badge{background-color:#22c55e}.declined-badge{background-color:#da9797}.user-refresh-indicator-centered{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:32px}.user-refresh-indicator-centered p{color:#64748b;margin-top:16px}.user-ride-list-content{margin-top:16px}.user-ride-list{display:flex;flex-direction:column;gap:16px}.user-ride-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:16px;transition:transform .2s,box-shadow .2s}.user-ride-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.user-ride-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.user-ride-id{color:#0f172a;font-size:16px;font-weight:600;margin:0}.user-ride-status{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.user-ride-details{margin-bottom:16px}.user-ride-location{align-items:flex-start;display:flex;margin-bottom:12px}.user-ride-location-icon{font-size:20px;margin-right:12px}.user-ride-location-text{color:#334155;line-height:1.5;margin:0}.user-ride-meta{border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:12px}.user-ride-meta-item{align-items:center;display:flex}.user-ride-meta-icon{color:#64748b;font-size:18px;margin-right:8px}.user-ride-meta-text{color:#64748b;font-size:14px}.user-empty-ride-list{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.user-empty-icon{color:#94a3b8;font-size:48px;margin-bottom:16px}.user-empty-text{color:#0f172a;font-size:18px;font-weight:600;margin-bottom:8px}.user-back-to-dashboard{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:16px;padding:8px 16px;transition:background-color .2s}.user-back-to-dashboard:hover{background-color:#2980b9}@media (max-width:480px){.container{padding:12px}.user-ride-meta{gap:8px}.action-buttons,.user-ride-meta{flex-direction:column}.header-title{font-size:20px}}.error-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;padding:20px}.error-message{font-size:16px;margin-bottom:16px;text-align:center}.retry-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s}.retry-button:hover{background-color:#2980b9}.spinner-container{background-color:#fff}.spinner-large{min-height:100px}.spinner-small{min-height:50px}.spinner{border:4px solid}.spinner-large .spinner{height:50px;width:50px}.spinner-small .spinner{height:24px;width:24px}.status-badge{border-radius:4px;padding:4px 8px}.status-accepted{background-color:#10b981}.status-completed{background-color:#6b7280}.modal-overlay{align-items:flex-end;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background-color:#fff;border-radius:12px 12px 0 0;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;width:100%}@media (min-width:768px){.modal-overlay{align-items:center}.modal-content{border-radius:12px;max-height:600px}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:20px;font-weight:700}.modal-timer{align-items:center;background-color:#ff9800;border-radius:15px;color:#fff;display:flex;padding:5px 10px}.modal-timer-text{font-weight:700;margin-left:5px}.modal-details{margin-bottom:20px}.modal-location{align-items:flex-start;display:flex;margin-bottom:10px}.modal-location-icon{margin-right:10px;margin-top:3px}.modal-location-text{flex:1 1;font-size:16px}.modal-divider{background-color:#ddd;height:20px;margin-bottom:10px;margin-left:12px;width:1px}.modal-notes{background-color:#f5f5f5;border-radius:8px;margin-bottom:10px;margin-top:10px;padding:10px}.modal-notes-title{font-weight:700;margin-bottom:5px}.modal-notes-text{color:#555;font-size:14px}.modal-price{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.modal-price-label{color:#555;font-size:16px}.modal-price-amount{font-size:20px;font-weight:700}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.modal-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;margin:0 5px;padding:15px;text-align:center}.modal-button-decline{background-color:#f44336;color:#fff}.modal-button-accept{background-color:#4caf50;color:#fff}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}:root{--primary-color:#3498db;--secondary-color:#64748b;--success-color:#22c55e;--warning-color:#f59e0b;--danger-color:#ef4444;--background-color:#f8fafc;--card-color:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--text-light:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8fafc;background-color:var(--background-color);color:#0f172a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.app-container{margin:0 auto;max-width:1200px;padding:20px}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background-color:#fff;background-color:var(--card-color);border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:450px;overflow:hidden;width:100%}.auth-header{background-color:#f5f5f5;padding:30px 0;text-align:center}.auth-logo{height:auto;width:120px}.auth-form{padding:30px}.auth-title{font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.auth-error{background-color:#ef44441a;border-radius:6px;color:#ef4444;color:var(--danger-color);font-size:14px;margin-bottom:20px;padding:12px}.form-control{background-color:#f5f5f5;padding:12px 16px;transition:border-color .2s}.form-control:focus{background-color:#fff;border-color:var(--primary-color)}.form-control:disabled{cursor:not-allowed;opacity:.7}.btn{border:none;border-radius:8px;cursor:pointer;display:block;font-size:16px;font-weight:600;padding:14px;text-align:center;text-decoration:none;transition:background-color .2s;width:100%}.btn:disabled{cursor:not-allowed;opacity:.7}.btn-primary{background-color:#3498db;background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:#2980b9}.btn-secondary{background-color:#f5f5f5;color:#0f172a;color:var(--text-primary);margin-top:12px}.btn-secondary:hover:not(:disabled){background-color:#e2e8f0}.btn-loading{color:#0000;position:relative}.btn-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.auth-text{color:#64748b;color:var(--text-secondary);font-size:14px;margin:16px 0;text-align:center}.auth-link-indicator{margin-left:4px;opacity:0}.admin-link{margin-top:16px;text-align:center}.admin-link a{color:#64748b;color:var(--text-secondary);font-size:14px;text-decoration:none}.admin-link a:hover{text-decoration:underline}.dashboard-container{padding:20px}.dashboard-header{background-color:var(--card-color);margin-bottom:20px;padding:20px}.dashboard-title{font-size:24px;font-weight:700;margin-bottom:10px}.dashboard-subtitle{color:#64748b;color:var(--text-secondary);font-size:16px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:30px}.stat-card{background-color:#fff;background-color:var(--card-color);border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:20px;transition:transform .2s}.stat-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-5px)}.stat-icon{align-items:center;border-radius:10px;display:inline-flex;height:50px;justify-content:center;margin-bottom:15px;width:50px}.stat-title{color:#64748b;color:var(--text-secondary);font-size:14px;margin-bottom:8px}.stat-value{font-size:24px;font-weight:700}.rides-container{background-color:var(--card-color)}.ride-list{margin-top:20px}.ride-item{background-color:#fff;background-color:var(--card-color);border:1px solid #eee;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:15px;padding:15px}.ride-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ride-status{border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;text-transform:capitalize}.status-pending{background-color:var(--warning-color)}.status-accepted{background-color:var(--success-color)}.status-declined{background-color:var(--danger-color)}.status-completed{background-color:var(--secondary-color)}.ride-detail{font-size:14px;margin-bottom:8px}.ride-actions{gap:10px;margin-top:15px}.btn-accept{background-color:#22c55e;background-color:var(--success-color)}.btn-accept,.btn-decline{border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.btn-decline{background-color:#ef4444;background-color:var(--danger-color)}.empty-state{padding:40px 0;text-align:center}.empty-state-icon{color:#94a3b8;color:var(--text-light);font-size:40px;margin-bottom:15px}.empty-state-text{color:#64748b;color:var(--text-secondary);font-size:16px}.header-bar{align-items:center;background-color:#fff;background-color:var(--card-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.header-title{font-size:18px;font-weight:700}.header-actions{gap:10px}.header-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:500;gap:5px;padding:8px 12px}.btn-primary-outline{background-color:initial;border:1px solid #3498db;border:1px solid var(--primary-color);color:#3498db;color:var(--primary-color)}.btn-primary-outline:hover{background-color:#3498db1a}.btn-logout{background-color:initial;border:1px solid #ef4444;border:1px solid var(--danger-color);color:#ef4444;color:var(--danger-color)}.btn-logout:hover{background-color:#ef44441a}.main-header{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.large-logo{height:auto;margin-bottom:1rem;width:120px}.welcome-title{color:#333;font-size:2rem;margin-bottom:.5rem;text-align:center}.selection-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1000px;padding:1.5rem}.selection-title{color:#555;font-size:1.5rem;margin-bottom:2rem;text-align:center}.user-type-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-rows:repeat(auto-fit,minmax(240px,1fr))}.user-type-card{align-items:center;background-color:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:2rem 1.5rem;transition:transform .2s,box-shadow .2s}.user-type-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.card-icon{align-items:center;background-color:#f0f8ff;border-radius:50%;display:flex;height:40px;justify-content:center;margin-bottom:1rem;width:40px}.card-icon img{height:50px;width:50px}.user-type-card h3{color:#333;font-size:1.25rem;margin-bottom:.5rem}.user-type-card p{color:#666;font-size:.9rem;margin-bottom:1.5rem;text-align:center}.btn-selection{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.6rem 1.2rem;text-align:center;transition:background-color .2s;width:100%}.btn-selection:hover{background-color:#0069d9}@media (max-width:768px){.user-type-grid{grid-template-columns:1fr}.selection-container{padding:1rem}}.dashboard-page{margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.header-content{display:flex;flex-direction:column}.welcome-section{margin-bottom:16px}.welcome-section h1{color:#64748b;font-size:18px;margin-bottom:8px}.driver-name{font-size:24px;font-weight:700}.driver-id{color:#64748b;font-size:14px}.driver-id span{color:#3498db;font-weight:600}.header-actions{display:flex;justify-content:flex-end;margin-top:16px}.logout-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .2s}.logout-button:hover{background-color:#2980b9}.dashboard-content{margin-top:24px}.statistics-section{margin-bottom:32px}.section-title{font-size:20px;font-weight:700;justify-content:space-between}.refresh-button,.section-title{align-items:center;display:flex}.refresh-button{background:none;border:none;color:#3498db;cursor:pointer;font-size:14px;gap:4px}.refresh-button i{font-size:18px}.refresh-indicator{color:#64748b;font-size:14px}.cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.dashboard-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:20px;transition:transform .2s,box-shadow .2s}.dashboard-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-4px)}.dashboard-card-disabled{cursor:default;opacity:.7}.dashboard-card-disabled:hover{box-shadow:0 2px 4px #0000000d;transform:none}.dashboard-card-icon{align-items:center;border-radius:12px;display:flex;height:50px;justify-content:center;margin-bottom:16px;width:50px}.dashboard-card-content{display:flex;flex-direction:column}.dashboard-card-title{color:#64748b;font-size:14px;font-weight:500;margin-bottom:8px}.dashboard-card-count{font-size:24px;font-weight:700}.dashboard-card-loading{height:24px;margin-top:6px}.error-page,.loading-container{min-height:300px}.error-page{align-items:center;display:flex;justify-content:center;padding:24px}@media (min-width:768px){.header-content{align-items:center;flex-direction:row;justify-content:space-between}.welcome-section{margin-bottom:0}.header-actions{margin-top:0}}@media (max-width:600px){.cards-grid{grid-template-columns:1fr}.dashboard-header,.dashboard-page{padding:16px}.driver-name{font-size:20px}}.rides-page{margin:0 auto;max-width:1200px;padding:20px}.rides-header{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.back-button{font-size:24px}.rides-title{color:#0f172a;font-size:20px;font-weight:700;margin:0}.availability-toggle{border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s}.available{background-color:#22c55e}.unavailable{background-color:#64748b}.driver-info{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:16px}.driver-name{color:#0f172a;font-size:16px;font-weight:600;margin-bottom:8px}.driver-status{color:#64748b;font-size:14px}.rides-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;min-height:300px;padding:20px}.rides-loading{min-height:200px}.refresh-indicator,.rides-loading{align-items:center;display:flex;justify-content:center}.refresh-indicator{background-color:#f1f5f9;border-radius:8px;gap:8px;margin-bottom:16px;padding:10px}.ride-card{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px;transition:transform .2s,box-shadow .2s}.ride-card:hover{box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}.ride-info{width:100%}.ride-id{color:#0f172a;font-size:16px;font-weight:700;margin-bottom:12px}.ride-location{color:#64748b;font-size:14px;margin-bottom:8px}.ride-actions{margin-top:16px}.accept-button,.decline-button{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:opacity .2s}.accept-button:disabled,.decline-button:disabled{cursor:not-allowed;opacity:.7}.accept-button:hover:not(:disabled){background-color:#16a34a}.decline-button:hover:not(:disabled){background-color:#dc2626}.status-badge{border-radius:16px;margin-top:12px;padding:6px 12px}.status-accepted{background-color:#22c55e}.status-declined{background-color:#ef4444}.status-completed{background-color:#94a3b8}.status-cancelled{background-color:#8b5cf6}.empty-rides{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:200px}.empty-rides i{color:#94a3b8;font-size:48px;margin-bottom:16px}.empty-text{font-size:18px;font-weight:600;margin-bottom:8px}.empty-subtext{font-size:14px;text-align:center}@media (min-width:768px){.ride-actions{justify-content:flex-end}.accept-button,.decline-button{min-width:120px}}@media (max-width:600px){.rides-header,.rides-page{padding:12px}.rides-title{font-size:18px}.ride-actions{flex-direction:column}}.container{font-family:Roboto,Segoe UI,sans-serif;margin:0 auto;max-width:800px;padding:16px}.header{align-items:center;display:flex;margin-bottom:16px}.back-button{border-radius:50%;transition:background-color .2s}.back-button:hover{background-color:#0000000d}.header-title{font-size:24px;font-weight:600;margin:0}.spinner-container{align-items:center;display:flex;justify-content:center;padding:24px}.spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:32px;width:32px}.loading-container{height:100vh}.driver-refresh-indicator-centered,.loading-container{align-items:center;display:flex;justify-content:center}.driver-refresh-indicator-centered{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-direction:column;padding:32px}.driver-refresh-indicator-centered p{color:#64748b;margin-top:16px}.driver-ride-list-content{margin-top:16px}.driver-ride-list{display:flex;flex-direction:column;gap:16px}.driver-ride-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:16px;transition:transform .2s,box-shadow .2s}.driver-ride-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.driver-ride-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.driver-ride-id{color:#0f172a;font-size:16px;font-weight:600;margin:0}.driver-ride-status{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.driver-ride-details{margin-bottom:16px}.driver-ride-location{align-items:flex-start;display:flex;margin-bottom:12px}.driver-ride-location-icon{font-size:20px;margin-right:12px}.driver-ride-location-text{color:#334155;line-height:1.5;margin:0}.driver-ride-meta{border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:12px}.driver-ride-meta-item{align-items:center;display:flex}.driver-ride-meta-icon{color:#64748b;font-size:18px;margin-right:8px}.driver-ride-meta-text{color:#64748b;font-size:14px}.action-buttons{display:flex;gap:12px;margin-top:16px}.action-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-weight:500;justify-content:center;padding:8px 16px;transition:background-color .2s}.accept-button{background-color:#22c55e;color:#fff}.accept-button:hover{background-color:#16a34a}.decline-button{background-color:#ef4444;color:#fff}.decline-button:hover{background-color:#dc2626}.driver-empty-ride-list{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.driver-empty-icon{color:#94a3b8;font-size:48px;margin-bottom:16px}.driver-empty-text{color:#0f172a;font-size:18px;font-weight:600;margin-bottom:8px}.driver-back-to-dashboard{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:16px;padding:8px 16px;transition:background-color .2s}.driver-back-to-dashboard:hover{background-color:#2980b9}.status-badge{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.accepted-badge{background-color:#2d6a4f}.declined-badge{background-color:#e17564}.completed-badge{background-color:#94a3b8}.cancelled-badge{background-color:#b2a5ff}.material-icons{word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;display:inline-block;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}@media (max-width:480px){.container{padding:12px}.driver-ride-meta{gap:8px}.action-buttons,.driver-ride-meta{flex-direction:column}.header-title{font-size:20px}}.map-container{background-color:#f1f5f9;border-radius:8px;height:400px;overflow:hidden;position:relative;width:100%}.map-loading{align-items:center;background-color:#fffc;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.map-loading-spinner{animation:spin 1s linear infinite;border:4px solid #3498db33;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:10px;width:40px}.map-loading-text{color:#64748b;font-size:14px}.map-error{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:absolute;text-align:center;top:0;width:100%}.map-error-message{color:#ef4444;font-size:16px;margin-bottom:16px}.map-error-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s}.map-error-button:hover{background-color:#2980b9}.map-content,.map-placeholder{height:100%;position:relative;width:100%}.map-placeholder{background-color:#e2e8f0;overflow:hidden}.map-placeholder-grid{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);opacity:.2}.map-placeholder-grid,.map-placeholder-grid:before{height:100%;left:0;position:absolute;top:0;width:100%}.map-placeholder-grid:before{background-image:linear-gradient(90deg,#ccc 1px,#0000 0),linear-gradient(180deg,#ccc 1px,#0000 0);background-size:10% 10%;content:""}.map-placeholder-marker{cursor:pointer;position:absolute;transform:translate(-50%,-50%);z-index:5}.map-placeholder-marker i{filter:drop-shadow(0 0 2px rgba(0,0,0,.5));font-size:32px}.map-placeholder-label{background-color:#000000b3;border-radius:4px;bottom:-20px;color:#fff;font-size:12px;left:50%;padding:2px 6px;position:absolute;transform:translateX(-50%);white-space:nowrap}.map-controls{bottom:10px;display:flex;flex-direction:column;gap:8px;position:absolute;right:10px}.map-control-button{align-items:center;background-color:#fff;border:none;border-radius:4px;box-shadow:0 2px 4px #0003;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s;width:36px}.map-control-button:hover{background-color:#f1f5f9}.map-control-button i{color:#0f172a;font-size:20px}@keyframes spin{to{transform:rotate(1turn)}}.ride-map-screen{margin:0 auto;max-width:1200px;padding:20px}.ride-map-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ride-map-title{color:#0f172a;font-size:24px;font-weight:700;margin:0}.ride-status-badge{border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:6px 12px;text-transform:capitalize}.status-in_progress{background-color:#22c55e}.status-completed{background-color:#64748b}.ride-map-content{display:flex;flex-direction:column}.ride-details-panel{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px}.ride-locations{margin-bottom:24px}.ride-location{align-items:flex-start;display:flex;margin-bottom:16px}.ride-location:last-child{margin-bottom:0}.ride-location i{font-size:24px;margin-right:12px;margin-top:2px}.ride-location.pickup i{color:#22c55e}.ride-location.dropoff i{color:#ef4444}.location-text{flex:1 1}.location-text h3{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 4px}.location-text p{color:#64748b;font-size:14px;margin:0}.ride-info{grid-gap:16px;border-top:1px solid #e2e8f0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px;padding-top:16px}.ride-info-item{align-items:flex-start;display:flex}.ride-info-item i{color:#64748b;font-size:20px;margin-right:10px}.ride-info-text{flex:1 1}.ride-info-text h4{color:#64748b;font-size:14px;font-weight:600;margin:0 0 4px}.ride-info-text p{color:#0f172a;font-size:16px;font-weight:500;margin:0}.ride-actions{display:flex;flex-direction:column;gap:12px}.contact-button,.ride-action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:background-color .2s}.contact-button i,.ride-action-button i{font-size:20px}.start-button{background-color:#3498db;color:#fff}.start-button:hover:not(:disabled){background-color:#2980b9}.complete-button{background-color:#22c55e;color:#fff}.complete-button:hover:not(:disabled){background-color:#16a34a}.cancel-button{background-color:#ef4444;color:#fff}.cancel-button:hover:not(:disabled){background-color:#dc2626}.contact-button{background-color:#f1f5f9;color:#0f172a}.contact-button:hover{background-color:#e2e8f0}.ride-completed-message{align-items:center;background-color:#f0fdf4;border:1px solid #dcfce7;border-radius:8px;color:#16a34a;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px}.ride-map-error,.ride-map-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:20px}@media (min-width:768px){.ride-actions{flex-direction:row}.contact-button,.ride-action-button{flex:1 1}}@media (max-width:600px){.ride-map-header{flex-wrap:wrap}.ride-status-badge{margin-top:10px}.ride-info{grid-template-columns:1fr}}.settings-screen{margin:0 auto;max-width:800px;padding:20px}.settings-header{align-items:center;display:flex;margin-bottom:24px}.settings-title{color:#0f172a;font-size:24px;font-weight:700;margin:0}.settings-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.settings-form{display:flex;flex-direction:column;gap:24px}.form-group,.form-section{margin-bottom:16px}.form-group label{color:#64748b;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-control{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-control:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-control.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:14px;margin-top:6px}.checkbox-group,.checkbox-label{align-items:center;display:flex}.checkbox-label{cursor:pointer}.checkbox-label input{height:18px;margin-right:8px;width:18px}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.cancel-button,.save-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s}.cancel-button{background-color:#f1f5f9;border:none;color:#64748b}.cancel-button:hover{background-color:#e2e8f0}.save-button{background-color:#3498db;border:none;color:#fff}.save-button:hover:not(:disabled){background-color:#2980b9}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.7}.settings-error,.settings-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:20px}@media (max-width:600px){.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}.admin-dashboard-page{margin:0 auto;max-width:1200px;padding:20px}.admin-dashboard-header{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.admin-header-content{align-items:center;display:flex;justify-content:space-between}.admin-header-title{color:#0f172a;font-size:24px;font-weight:700}.admin-logout-button{align-items:center;background-color:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:8px 16px;transition:background-color .2s}.admin-logout-button:hover{background-color:#dc2626}.admin-dashboard-content{margin-top:24px}.admin-statistics-section{margin-bottom:32px}.admin-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.admin-section-title{color:#0f172a;font-size:20px;font-weight:700}.admin-refresh-button{align-items:center;background:none;border:none;color:#3498db;cursor:pointer;display:flex;font-size:14px;gap:4px}.admin-refresh-button i{font-size:18px}.admin-refresh-indicator{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px}.admin-refresh-indicator-centered{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px}.admin-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.admin-dashboard-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:20px;transition:transform .2s,box-shadow .2s}.admin-dashboard-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-4px)}.admin-dashboard-card-disabled{cursor:default;opacity:.7}.admin-dashboard-card-disabled:hover{box-shadow:0 2px 4px #0000000d;transform:none}.admin-dashboard-card-icon{align-items:center;border-radius:12px;display:flex;height:50px;justify-content:center;margin-bottom:16px;width:50px}.admin-dashboard-card-content{display:flex;flex-direction:column}.admin-dashboard-card-title{color:#64748b;font-size:14px;font-weight:500;margin-bottom:8px}.admin-dashboard-card-count{font-size:24px;font-weight:700}.admin-dashboard-card-loading{height:24px;margin-top:6px}.admin-loading-container{align-items:center;display:flex;justify-content:center;min-height:300px}.admin-ride-list-page{margin:0 auto;max-width:1200px;padding:20px}.admin-ride-list-header{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;justify-content:space-between;margin-bottom:20px;padding:16px}.admin-back-button,.admin-ride-list-header,.admin-ride-list-title-container{align-items:center;display:flex}.admin-back-button{background:none;border:none;color:#3498db;cursor:pointer;font-size:24px;justify-content:center;margin-right:16px}.admin-ride-list-title{color:#0f172a;font-size:20px;font-weight:700;margin:0}.admin-ride-list-content{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;min-height:300px;padding:20px}.admin-ride-list{margin-top:16px}.admin-ride-item{border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;margin-bottom:16px;padding:16px;transition:transform .2s,box-shadow .2s}.admin-ride-item:hover{box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}.admin-ride-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.admin-ride-id{color:#0f172a;font-size:16px;font-weight:700;margin:0}.admin-ride-status{border-radius:16px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.admin-ride-details{margin-bottom:16px}.admin-ride-location{align-items:flex-start;display:flex;margin-bottom:8px}.admin-ride-location-icon{font-size:20px;margin-right:8px}.admin-ride-location-text{color:#64748b;font-size:14px;margin:0}.admin-ride-meta{border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-top:12px}.admin-ride-meta-item{align-items:center;color:#94a3b8;display:flex;font-size:12px}.admin-ride-meta-icon{font-size:16px;margin-right:4px}.admin-empty-ride-list{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:200px}.admin-empty-icon{color:#94a3b8;font-size:48px;margin-bottom:16px}.admin-empty-text{font-size:18px;font-weight:600;margin-bottom:16px}.admin-back-to-dashboard{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .2s}.admin-back-to-dashboard:hover{background-color:#2980b9}.admin-driver-assignment-page{margin:0 auto;max-width:1200px;padding:20px}.admin-driver-assignment-header{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.admin-driver-assignment-title{align-items:center;display:flex;font-size:20px;font-weight:700;gap:8px;margin:0}.admin-ride-info-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.admin-ride-info-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.admin-drivers-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:80px;padding:20px}.admin-drivers-title{font-size:18px;font-weight:700;margin-bottom:16px;margin-top:0}.admin-driver-list{display:flex;flex-direction:column;gap:12px}.admin-driver-card{align-items:center;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s}.admin-driver-card:hover{box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}.admin-driver-card.selected{border-color:#3498db;border-width:2px}.admin-driver-avatar{background-color:#64748b;border-radius:30px;color:#fff;font-size:20px;font-weight:700;height:60px;margin-right:16px;position:relative;width:60px}.admin-driver-avatar,.admin-driver-avatar-checkmark{align-items:center;display:flex;justify-content:center}.admin-driver-avatar-checkmark{background-color:#fff;border-radius:50%;bottom:-5px;color:#3498db;font-size:16px;height:20px;position:absolute;right:-5px;width:20px}.admin-driver-info{flex:1 1}.admin-driver-name{color:#0f172a;font-size:16px;font-weight:700;margin-bottom:8px}.admin-driver-detail{align-items:center;color:#64748b;display:flex;font-size:14px;margin-bottom:4px}.admin-driver-detail-icon{font-size:16px;margin-right:4px}.admin-driver-status{border-radius:16px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.admin-status-available{background-color:#22c55e}.admin-status-unavailable{background-color:#ef4444}.admin-action-container{background-color:#fff;bottom:0;box-shadow:0 -2px 4px #0000001a;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0}.admin-assign-button{align-items:center;background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;max-width:1168px;padding:14px;transition:background-color .2s;width:100%}.admin-assign-button:hover:not(:disabled){background-color:#2980b9}.admin-assign-button:disabled{background-color:#94a3b8;cursor:not-allowed}@media (max-width:768px){.admin-ride-meta{flex-direction:column;gap:8px}.admin-cards-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:600px){.admin-cards-grid{grid-template-columns:1fr}}.analytics-screen{margin:0 auto;max-width:1200px;padding:20px}.analytics-header{margin-bottom:24px}.analytics-header,.back-button{align-items:center;display:flex}.back-button{background:none;border:none;color:#0f172a;cursor:pointer;justify-content:center;margin-right:12px;padding:8px}.analytics-title{color:#0f172a;font-size:24px;font-weight:700;margin:0}.analytics-filters{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:16px}.date-range-selector{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.date-range-button{background-color:#f1f5f9;border:none;border-radius:20px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.date-range-button:hover{background-color:#e2e8f0}.date-range-button.active{background-color:#3498db;color:#fff}.analytics-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:24px}.analytics-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;padding:20px}.analytics-card-icon{align-items:center;background-color:#3498db1a;border-radius:10px;display:flex;height:50px;justify-content:center;margin-right:16px;width:50px}.analytics-card-icon i{color:#3498db;font-size:24px}.analytics-card-content{flex:1 1}.analytics-card-title{color:#64748b;font-size:14px;margin:0 0 4px}.analytics-card-value{color:#0f172a;font-size:24px;font-weight:700;margin:0}.analytics-sections{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.analytics-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:20px}.section-title{border-bottom:1px solid #e2e8f0;color:#0f172a;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0;padding-bottom:8px}.status-chart{gap:12px}.status-chart,.status-item{display:flex;flex-direction:column}.status-item{gap:4px}.status-label{align-items:center;display:flex;gap:8px}.status-dot{border-radius:6px;height:12px;width:12px}.status-name{color:#0f172a;font-size:14px;text-transform:capitalize}.status-count{color:#64748b;font-size:14px;margin-left:20px}.status-bar-container{background-color:#f1f5f9;border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.status-bar{border-radius:4px;height:100%}.status-completed,.status-dot.status-completed{background-color:#22c55e}.status-accepted,.status-dot.status-accepted{background-color:#3498db}.status-dot.status-pending,.status-pending{background-color:#f59e0b}.status-cancelled,.status-dot.status-cancelled{background-color:#ef4444}.status-dot.status-requested,.status-dot.status-unknown,.status-requested,.status-unknown{background-color:#64748b}.status-declined,.status-dot.status-declined{background-color:#9f1239}.peak-hours-chart{gap:12px}.peak-hour-item,.peak-hours-chart{display:flex;flex-direction:column}.peak-hour-item{gap:4px}.peak-hour-time{color:#0f172a;font-size:14px;font-weight:600}.peak-hour-count{color:#64748b;font-size:14px}.peak-hour-bar-container{background-color:#f1f5f9;border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.peak-hour-bar{background-color:#3498db;border-radius:4px;height:100%}.revenue-by-day{grid-column:1/-1}.revenue-chart{align-items:center;background-color:#f1f5f9;border-radius:8px;display:flex;height:300px;justify-content:center;padding:20px;position:relative}.revenue-chart-placeholder{color:#64748b;text-align:center}.analytics-error,.analytics-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:20px}@media (max-width:600px){.analytics-cards,.analytics-sections{grid-template-columns:1fr}.date-range-selector{flex-wrap:wrap;justify-content:space-between}.date-range-button{flex:1 1;min-width:70px;text-align:center}}.error-boundary-container{align-items:center;background-color:#f8fafc;display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;max-width:600px;padding:30px;text-align:center;width:100%}.error-boundary-icon{align-items:center;background-color:#fee2e2;border-radius:40px;display:inline-flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.error-boundary-icon i{color:#ef4444;font-size:40px}.error-boundary-title{color:#0f172a;font-size:24px;font-weight:700;margin-bottom:16px}.error-boundary-message{color:#64748b;font-size:16px;margin-bottom:24px}.error-boundary-details{background-color:#f1f5f9;border-radius:8px;margin:20px 0;max-height:200px;overflow:auto;padding:16px;text-align:left}.error-name{color:#ef4444;font-weight:700;margin-bottom:8px}.error-stack{color:#64748b;font-family:monospace;font-size:12px;white-space:pre-wrap}.error-boundary-actions{display:flex;gap:16px;justify-content:center;margin-top:24px}.error-boundary-button{align-items:center;background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:background-color .2s}.error-boundary-button:hover{background-color:#2980b9}.error-boundary-button.secondary{background-color:#e2e8f0;color:#0f172a}.error-boundary-button.secondary:hover{background-color:#cbd5e1}.error-boundary-button i{font-size:18px}@media (max-width:480px){.error-boundary-actions{flex-direction:column;gap:12px}.error-boundary-button{width:100%}}.notification-container{display:flex;flex-direction:column;gap:10px;max-width:350px;position:fixed;right:20px;top:20px;z-index:1000}.notification{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;min-width:300px;padding:14px 16px}.notification-info{background-color:#3498db;color:#fff}.notification-success{background-color:#22c55e;color:#fff}.notification-warning{background-color:#f59e0b;color:#fff}.notification-error{background-color:#ef4444;color:#fff}.notification-content{align-items:center;display:flex;flex:1 1;gap:10px}.notification-message{font-size:14px;line-height:1.4}.notification-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:0;transition:opacity .2s}.notification-close:hover{opacity:1}.notification-close i{font-size:18px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification.exiting{animation:slideOut .3s ease-in forwards}@media (max-width:480px){.notification-container{left:10px;max-width:none;right:10px}.notification{min-width:auto;width:100%}}
/*# sourceMappingURL=main.fe68f54b.css.map*/