*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #2563eb;--primary-blue-dark: #1e40af;--text-dark: #1f2937;--text-gray: #6b7280;--bg-light: #f9fafb;--bg-white: #ffffff;--border-gray: #e5e7eb;--accent-yellow: #fef3c7;--success-green: #10b981;--warning-orange: #f59e0b}body{margin:0;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;color:var(--text-dark);background-color:var(--bg-white)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}input,textarea{font-family:inherit}.header{background:var(--bg-white);box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--text-dark)}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-dark);font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--primary-blue)}.header-actions{display:flex;gap:1rem;align-items:center}.btn-primary{background:var(--primary-blue);color:#fff;padding:.625rem 1.5rem;border-radius:.5rem;font-weight:600;transition:background .2s}.btn-secondary{background:var(--bg-light);color:var(--text-dark);padding:.625rem 1.5rem;border-radius:.5rem;font-weight:600;transition:background .2s}.btn-secondary:hover{background:var(--border-gray)}.city-select-wrapper{position:relative;width:100%}.city-select-label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.city-select-container{position:relative;width:100%}.city-select-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.city-select-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.city-select-arrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#666;font-size:.75rem;cursor:pointer;pointer-events:auto}.city-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;max-height:300px;overflow-y:auto;z-index:1000;margin-top:.25rem}.city-select-option{padding:.75rem;cursor:pointer;transition:background-color .2s}.city-select-option:hover,.city-select-option.highlighted{background-color:#f0f0f0}.city-select-option.selected{background-color:#e7f3ff;font-weight:600}.city-select-option.no-results{color:#999;cursor:default;font-style:italic}.city-select-dropdown::-webkit-scrollbar{width:8px}.city-select-dropdown::-webkit-scrollbar-track{background:#f1f1f1}.city-select-dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.city-select-dropdown::-webkit-scrollbar-thumb:hover{background:#555}.landing{min-height:100vh;background:var(--bg-light)}.marketplace-section{padding:2rem;min-height:calc(100vh - 80px)}.container{max-width:1400px;margin:0 auto}.marketplace-header{text-align:center;margin-bottom:2rem}.marketplace-title{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.marketplace-subtitle{font-size:1.125rem;color:var(--text-gray)}.search-container{margin-bottom:2rem}.search-bar{position:relative;max-width:800px;margin:0 auto}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid var(--border-gray);border-radius:.75rem;font-size:1rem;transition:border-color .2s}.filters-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-white);border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:var(--text-dark);font-size:.875rem}.filter-select{padding:.75rem;border:1px solid var(--border-gray);border-radius:.5rem;font-size:.9375rem;background:var(--bg-white);cursor:pointer;transition:border-color .2s}.filter-select:disabled{background:var(--bg-light);cursor:not-allowed;opacity:.6}.results-info{margin-bottom:1.5rem;color:var(--text-gray);font-weight:500}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.vehicle-card{background:var(--bg-white);border-radius:.75rem;box-shadow:0 2px 4px #0000001a;overflow:hidden;cursor:pointer;transition:all .3s}.vehicle-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.vehicle-image{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;align-items:center;justify-content:center;overflow:hidden}.vehicle-image img{width:100%;height:100%;object-fit:cover}.vehicle-placeholder{font-size:4rem}.availability-badge{position:absolute;top:1rem;right:1rem;background:var(--success-green);color:#fff;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.vehicle-content{padding:1.5rem}.vehicle-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.vehicle-type{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin:0}.vehicle-price{font-size:1.5rem;font-weight:700;color:var(--primary-blue)}.vehicle-info{color:var(--text-gray);margin-bottom:1rem;font-size:.9375rem}.vehicle-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-item{font-size:.875rem;color:var(--text-gray)}.vehicle-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-gray);flex-wrap:wrap;gap:.5rem}.service-badges{display:flex;gap:.5rem;flex-wrap:wrap}.service-badge{padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.plate-number{font-size:.875rem;font-weight:600;color:var(--text-dark);font-family:Courier New,monospace}.vehicle-routes{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-gray)}.routes-label{font-size:.75rem;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.5rem}.routes-list{display:flex;flex-wrap:wrap;gap:.5rem}.route-item{font-size:.8125rem;color:var(--text-dark);background:var(--bg-light);padding:.375rem .625rem;border-radius:.375rem;font-weight:500}.no-results{text-align:center;padding:4rem 2rem;color:var(--text-gray)}.footer{background:var(--bg-white);padding:2rem;border-top:1px solid var(--border-gray);margin-top:4rem}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;color:var(--text-gray)}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-copyright{margin:0;color:var(--text-gray)}.footer-contact{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;align-items:center;gap:.5rem;color:var(--text-gray);text-decoration:none;transition:color .2s;font-size:.9375rem}.contact-item:hover{color:var(--primary-blue)}.contact-icon{font-size:1rem}.footer-links{display:flex;gap:2rem;align-items:flex-start}.footer-links a{color:var(--text-gray);transition:color .2s;text-decoration:none}.footer-links a:hover{color:var(--primary-blue)}@media(max-width:768px){.marketplace-title{font-size:2rem}.filters-container,.vehicles-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:1.5rem;align-items:flex-start}.footer-links{flex-direction:column;gap:1rem}}.vehicle-detail{min-height:100vh;background:var(--bg-light);padding-bottom:3rem}.container{max-width:1200px;margin:0 auto;padding:2rem}.vehicle-detail-content{display:flex;flex-direction:column;gap:2rem}.vehicle-detail-main{background:var(--bg-white);border-radius:.75rem;box-shadow:0 2px 4px #0000001a;overflow:hidden}.vehicle-image-large{position:relative;width:100%;height:400px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;align-items:center;justify-content:center}.vehicle-placeholder-large{font-size:8rem}.availability-badge-large{position:absolute;top:1.5rem;right:1.5rem;background:var(--success-green);color:#fff;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:600}.vehicle-info-section{padding:2rem}.vehicle-header-detail{display:flex;justify-content:space-between;align-items:start;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-gray)}.vehicle-title{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.vehicle-subtitle{font-size:1.125rem;color:var(--text-gray)}.price-display{text-align:right}.price-label{display:block;font-size:.875rem;color:var(--text-gray);margin-bottom:.25rem}.price-amount{display:block;font-size:2rem;font-weight:700;color:var(--primary-blue)}.vehicle-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.spec-item{display:flex;flex-direction:column;gap:.5rem}.spec-label{font-size:.875rem;color:var(--text-gray);font-weight:500}.spec-value{font-size:1.125rem;color:var(--text-dark);font-weight:600}.spec-value-service{display:flex;gap:.5rem;flex-wrap:wrap}.service-badge{padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.service-inter-state{background:#fef3c7;color:#d97706}.service-intra-state{background:#dbeafe;color:var(--primary-blue)}.routes-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-gray)}.routes-label{font-size:.875rem;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.75rem}.route-item{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--text-dark);background:var(--bg-light);padding:.75rem;border-radius:.5rem;font-weight:500}.route-from{font-weight:600;color:var(--primary-blue)}.route-arrow{color:var(--text-gray)}.route-to{font-weight:600;color:var(--text-dark)}.driver-info-card{background:var(--bg-white);padding:2rem;border-radius:.75rem;box-shadow:0 2px 4px #0000001a}.driver-details{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-gray)}.driver-avatar{width:80px;height:80px;border-radius:50%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:2.5rem;flex-shrink:0}.driver-name{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.driver-note{font-size:.9375rem;color:var(--text-gray);font-style:italic}.vehicle-plate{display:flex;justify-content:space-between;align-items:center}.plate-label{font-size:.875rem;color:var(--text-gray);font-weight:500}.plate-value{font-size:1.25rem;font-weight:700;color:var(--text-dark);font-family:Courier New,monospace}.booking-actions{background:var(--bg-white);padding:2rem;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;text-align:center}.btn-book-vehicle{width:100%;max-width:400px;padding:1.25rem 2rem;background:var(--primary-blue);color:#fff;border:none;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:1rem}.btn-book-vehicle:hover{background:var(--primary-blue-dark)}.payment-note{color:var(--text-gray);font-size:.9375rem;margin:0}@media(max-width:768px){.vehicle-header-detail{flex-direction:column;gap:1.5rem}.price-display{text-align:left}.vehicle-specs{grid-template-columns:1fr}.driver-details{flex-direction:column;text-align:center}}.booking-page{min-height:100vh;background:var(--bg-light);padding-bottom:3rem}.back-button{background:none;border:none;color:var(--primary-blue);font-weight:600;cursor:pointer;margin-bottom:2rem;padding:.5rem 0;transition:color .2s;font-size:1rem}.back-button:hover{color:var(--primary-blue-dark);text-decoration:underline}.booking-content{display:flex;flex-direction:column;gap:2rem}.booking-form-card{background:var(--bg-white);padding:2rem;border-radius:.75rem;box-shadow:0 2px 4px #0000001a}.booking-title{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.booking-subtitle{color:var(--text-gray);margin-bottom:2rem;line-height:1.6}.vehicle-summary{background:var(--bg-light);padding:1.5rem;border-radius:.75rem;margin-bottom:2rem}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.summary-header h3{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin:0}.summary-price{font-size:1.5rem;font-weight:700;color:var(--primary-blue)}.summary-info{display:flex;flex-direction:column;gap:.5rem}.summary-info p{margin:0;color:var(--text-gray);font-size:.9375rem}.booking-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input{padding:1rem;border:1px solid var(--border-gray);border-radius:.5rem;font-size:1rem;transition:border-color .2s;font-family:inherit}.route-select{padding:1rem;border:1px solid var(--border-gray);border-radius:.5rem;font-size:1rem;transition:border-color .2s;font-family:inherit;background:var(--bg-white);cursor:pointer}.route-select:focus{outline:none;border-color:var(--primary-blue)}.readonly-input{background:var(--bg-light);cursor:not-allowed;color:var(--text-dark)}.form-hint{font-size:.875rem;color:var(--text-gray);margin-top:.5rem;margin-bottom:0;font-style:italic}.payment-info{margin-top:1rem}.info-box{background:var(--accent-yellow);padding:1.5rem;border-radius:.75rem}.info-title{font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.info-text{color:var(--text-dark);line-height:1.6;margin:0;font-size:.9375rem}.btn-confirm-booking{width:100%;padding:1.25rem;background:var(--primary-blue);color:#fff;border:none;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:1rem}.btn-confirm-booking:hover{background:var(--primary-blue-dark)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-white);border-radius:1rem;max-width:500px;width:100%;box-shadow:0 10px 25px #0003;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-gray)}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0}.modal-message{color:var(--text-gray);line-height:1.6;margin-bottom:1.5rem}.booking-summary-modal{background:var(--bg-light);padding:1.25rem;border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem}.summary-row{display:flex;justify-content:space-between;align-items:center}.summary-label{font-weight:600;color:var(--text-gray);font-size:.9375rem}.summary-value{color:var(--text-dark);font-weight:600;text-align:right;font-size:.9375rem}.summary-value.price{color:var(--primary-blue);font-size:1.125rem}.modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:1rem;justify-content:flex-end}.btn-cancel,.btn-confirm{padding:.875rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:var(--bg-light);color:var(--text-dark);border:1px solid var(--border-gray)}.btn-cancel:hover{background:var(--border-gray)}.btn-confirm{background:var(--primary-blue);color:#fff}.btn-confirm:hover{background:var(--primary-blue-dark)}@media(max-width:768px){.booking-title{font-size:1.75rem}.summary-header{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-content{margin:1rem}.modal-footer{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}.booking-confirmation{min-height:100vh;background:var(--bg-light);padding-bottom:3rem}.container{max-width:800px;margin:0 auto;padding:2rem}.confirmation-content{text-align:center}.success-icon{width:80px;height:80px;border-radius:50%;background:var(--success-green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;margin:0 auto 1.5rem}.confirmation-title{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.confirmation-subtitle{font-size:1.125rem;color:var(--text-gray);margin-bottom:3rem}.booking-details-card,.driver-contact-card{background:var(--bg-white);padding:2rem;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;text-align:left}.card-title{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin-bottom:1.5rem}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{font-size:.875rem;color:var(--text-gray);font-weight:500}.detail-value{font-size:1.125rem;color:var(--text-dark);font-weight:600}.detail-value.price{color:var(--primary-blue);font-size:1.5rem}.driver-info{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.driver-avatar{width:60px;height:60px;border-radius:50%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.driver-name{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin-bottom:.25rem}.driver-phone{font-size:1.125rem;color:var(--text-gray)}.contact-actions{display:flex;gap:1rem}.btn-call,.btn-whatsapp{flex:1;padding:1rem;border:none;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-call{background:var(--primary-blue);color:#fff}.btn-call:hover{background:var(--primary-blue-dark)}.btn-whatsapp{background:#25d366;color:#fff}.btn-whatsapp:hover{background:#20ba5a}.payment-reminder{background:var(--accent-yellow);padding:1.5rem;border-radius:.75rem;margin-bottom:1.5rem;text-align:left}.reminder-title{font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.reminder-text{color:var(--text-dark);line-height:1.6;margin:0}.signup-prompt{background:var(--bg-white);border:2px solid var(--primary-blue);padding:2rem;border-radius:.75rem;margin-bottom:2rem}.prompt-content{text-align:left}.prompt-title{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.prompt-text{color:var(--text-gray);margin-bottom:1.5rem;line-height:1.6}.prompt-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-signup,.btn-view-history{flex:1;min-width:150px;padding:.875rem 1.5rem;border-radius:.5rem;font-weight:600;text-align:center;text-decoration:none;transition:all .2s}.btn-signup{background:var(--primary-blue);color:#fff}.btn-signup:hover{background:var(--primary-blue-dark)}.btn-view-history{background:var(--bg-light);color:var(--text-dark);border:1px solid var(--border-gray)}.btn-view-history:hover{background:var(--border-gray)}.confirmation-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-back,.btn-view-orders{padding:.875rem 2rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .2s;border:none;cursor:pointer}.btn-back{background:var(--bg-white);color:var(--text-dark);border:1px solid var(--border-gray)}.btn-back:hover{background:var(--bg-light)}.btn-view-orders{background:var(--primary-blue);color:#fff}.btn-view-orders:hover{background:var(--primary-blue-dark)}.not-found{text-align:center;padding:4rem 2rem}.not-found h2{color:var(--text-dark);margin-bottom:1.5rem}.btn-primary{padding:.875rem 2rem;background:var(--primary-blue);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s}@media(max-width:768px){.confirmation-title{font-size:2rem}.details-grid{grid-template-columns:1fr}.contact-actions,.prompt-actions,.confirmation-actions{flex-direction:column}}.payment-callback{min-height:100vh;background:var(--bg-light);padding:2rem 0}.payment-status-card{background:var(--bg-white);border-radius:.75rem;box-shadow:0 2px 4px #0000001a;padding:3rem 2rem;text-align:center}.status-icon{font-size:4rem;margin-bottom:1.5rem}.status-icon.processing{animation:spin 1s linear infinite}.status-icon.success{color:var(--success-green)}.status-icon.error{color:#dc3545}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-status-card h2{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}.payment-status-card p{font-size:1rem;color:var(--text-gray);line-height:1.6}.btn-primary{background:var(--primary-blue);color:#fff;border:none;padding:.75rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:var(--primary-blue-dark)}.track-order{min-height:100vh;background:var(--bg-light);padding:3rem 0}.container{max-width:600px;margin:0 auto;padding:2rem}.track-order-content{display:flex;justify-content:center;align-items:center;min-height:60vh}.track-order-card{background:var(--bg-white);border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:3rem;width:100%;max-width:500px;text-align:center}.track-icon{font-size:4rem;margin-bottom:1.5rem}.track-title{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.track-subtitle{font-size:1rem;color:var(--text-gray);margin-bottom:2rem;line-height:1.6}.track-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;font-weight:600;color:var(--text-dark);margin-bottom:.5rem;font-size:.9rem}.form-group input{width:100%;padding:.875rem;border:2px solid var(--border-gray);border-radius:.5rem;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.form-group input.input-error{border-color:#dc3545}.error-message{display:block;color:#dc3545;font-size:.875rem;margin-top:.5rem}.btn-track{width:100%;background:var(--primary-blue);color:#fff;padding:1rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-track:hover{background:var(--primary-blue-dark)}.track-info{background:#f0f7ff;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.info-text{font-size:.875rem;color:var(--text-gray);line-height:1.6;margin:0}.track-actions{display:flex;justify-content:center}.btn-back{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue);padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-back:hover{background:var(--primary-blue);color:#fff}.sidebar{width:260px;height:100vh;background:var(--bg-white);border-right:1px solid var(--border-gray);display:flex;flex-direction:column;position:fixed;left:0;top:0;overflow-y:auto}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-gray)}.user-profile{padding:1.5rem;border-bottom:1px solid var(--border-gray);display:flex;align-items:center;gap:1rem}.user-avatar-circle{width:50px;height:50px;border-radius:50%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-weight:600;color:var(--text-dark);margin-bottom:.25rem;font-size:.9375rem}.user-email{font-size:.8125rem;color:var(--text-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700}.logo-icon{height:3.5rem;width:auto;object-fit:contain}.sidebar-nav{flex:1;padding:1rem 0}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--text-dark);transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background:var(--bg-light)}.nav-item.active{background:#eff6ff;border-left-color:var(--primary-blue);color:var(--primary-blue);font-weight:600}.nav-icon{font-size:1.25rem;width:24px;text-align:center}.sidebar-footer{padding:1rem 0;border-top:1px solid var(--border-gray)}.btn-book-truck{display:block;margin:1rem 1.5rem;padding:.875rem;background:var(--warning-orange);color:#fff;text-align:center;border-radius:.5rem;font-weight:600;transition:background .2s}.btn-book-truck:hover{background:#d97706}.dashboard{display:flex;min-height:100vh;background:var(--bg-light)}.dashboard-main{flex:1;margin-left:260px;display:flex;flex-direction:column}.dashboard-header{background:var(--bg-white);padding:1rem 2rem;border-bottom:1px solid var(--border-gray);display:flex;justify-content:flex-end}.dashboard-header-right{display:flex;gap:1rem;align-items:center}.icon-circle{width:40px;height:40px;border-radius:50%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.icon-circle:hover{background:var(--border-gray)}.user-avatar{background:#fbbf24;color:#fff}.dashboard-content{flex:1;padding:2rem}.dashboard-title{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:2rem}.dashboard-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem}.orders-section{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:var(--bg-white);padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:2px solid transparent;transition:all .2s}.order-card:hover{box-shadow:0 4px 6px #0000001a}.order-card.highlighted{border-color:var(--primary-blue)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.order-id{font-size:1.125rem;font-weight:700;color:var(--text-dark)}.status-badge{padding:.375rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600}.status-blue{background:#dbeafe;color:var(--primary-blue)}.status-orange{background:#fed7aa;color:#ea580c}.status-green{background:#d1fae5;color:#059669}.order-vehicle{font-weight:600;color:var(--text-dark);margin-bottom:1rem}.order-address{display:flex;flex-direction:column;gap:.5rem}.address-item{display:flex;gap:.5rem;font-size:.875rem;color:var(--text-gray)}.address-label{font-weight:600;color:var(--text-dark)}.dashboard-right{display:flex;flex-direction:column;gap:1.5rem}.map-placeholder-large{width:100%;height:300px;background:var(--border-gray);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:var(--text-gray);font-size:1.5rem}.info-panels{display:flex;flex-direction:column;gap:1.5rem}.info-panel{background:var(--bg-white);padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.panel-title{font-size:1.125rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem}.panel-content{display:flex;flex-direction:column;gap:1rem}.eta-display{margin-bottom:.5rem}.eta-label{font-size:.875rem;color:var(--text-gray);margin-bottom:.25rem}.eta-value{font-size:2rem;font-weight:700;color:var(--primary-blue)}.status-item{display:flex;align-items:center;gap:.5rem;color:var(--text-dark)}.status-check{color:var(--primary-blue);font-weight:700}.driver-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.driver-avatar{width:50px;height:50px;border-radius:50%;background:#dbeafe;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.driver-details{flex:1}.driver-rating{font-size:.875rem;color:var(--text-gray)}.vehicle-info{padding-top:1rem;border-top:1px solid var(--border-gray)}.vehicle-label{font-size:.875rem;color:var(--text-gray);margin-bottom:.25rem}.vehicle-name{font-weight:600;color:var(--text-dark)}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.order-history{min-height:100vh;background:var(--bg-light)}.order-history-main{padding:2rem 0}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.order-history-content{display:grid;grid-template-columns:1fr 400px;gap:2rem}.order-list-section{background:var(--bg-white);padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.section-header{margin-bottom:2rem}.signup-prompt-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid var(--primary-blue);padding:1.5rem;border-radius:.75rem;margin-bottom:2rem}.prompt-content{display:flex;flex-direction:column;gap:.75rem}.prompt-title{font-weight:600;color:var(--text-dark);margin:0}.prompt-text{color:var(--text-gray);margin:0;font-size:.9375rem;line-height:1.6}.btn-signup-small{align-self:flex-start;padding:.625rem 1.5rem;background:var(--primary-blue);color:#fff;border-radius:.5rem;font-weight:600;text-decoration:none;transition:background .2s;font-size:.875rem}.btn-signup-small:hover{background:var(--primary-blue-dark)}.search-filters{margin-bottom:2rem}.search-bar{position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:var(--text-gray)}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:1px solid var(--border-gray);border-radius:.5rem;font-size:1rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--primary-blue)}.orders-table{margin-bottom:2rem}.table-header{display:grid;grid-template-columns:1.5fr 1fr 2fr 1fr;padding:1rem;background:var(--bg-light);border-radius:.5rem;font-weight:600;color:var(--text-dark);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:1.5fr 1fr 2fr 1fr;padding:1rem;border-bottom:1px solid var(--border-gray);cursor:pointer;transition:background .2s}.table-row.selected{background:#eff6ff;border-left:3px solid var(--primary-blue)}.status-completed{background:#d1fae5;color:#059669}.status-cancelled{background:#fee2e2;color:#dc2626}.no-bookings{text-align:center;padding:4rem 2rem;color:var(--text-gray)}.no-bookings p{margin-bottom:1.5rem;font-size:1.125rem}.btn-browse{display:inline-block;padding:.875rem 2rem;background:var(--primary-blue);color:#fff;border-radius:.5rem;font-weight:600;text-decoration:none;transition:background .2s}.btn-browse:hover{background:var(--primary-blue-dark)}.order-details-section{background:var(--bg-white);padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;height:fit-content;position:sticky;top:2rem}.details-title{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:1.5rem}.order-info{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-gray)}.info-row{display:flex;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.info-label{color:var(--text-gray);font-weight:500;font-size:.9375rem}.info-value{color:var(--text-dark);font-weight:600;text-align:right;font-size:.9375rem}.info-value.price{color:var(--primary-blue);font-size:1.25rem}.driver-section{margin-bottom:1rem}.section-subtitle{font-size:1.125rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem}.driver-card{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.driver-avatar-large{width:60px;height:60px;border-radius:50%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.driver-info{flex:1}.driver-name{font-weight:600;color:var(--text-dark);margin-bottom:.25rem}.driver-phone{font-size:.875rem;color:var(--text-gray)}.contact-actions{display:flex;gap:.75rem}.btn-call-small,.btn-whatsapp-small{flex:1;padding:.75rem;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-call-small{background:var(--primary-blue);color:#fff}.btn-call-small:hover{background:var(--primary-blue-dark)}.btn-whatsapp-small{background:#25d366;color:#fff}.btn-whatsapp-small:hover{background:#20ba5a}@media(max-width:1024px){.order-history-content{grid-template-columns:1fr}.order-details-section{position:static}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}}.billing{display:flex;min-height:100vh;background:var(--bg-light)}.billing-main{flex:1;margin-left:260px;padding:2rem}.billing-content{max-width:1200px}.billing-header{margin-bottom:2rem}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.billing-section{background:var(--bg-white);padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.payment-methods{display:flex;flex-direction:column;gap:1rem}.payment-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:2px solid var(--border-gray);border-radius:.75rem;transition:all .2s}.payment-card.primary{border-color:var(--primary-blue);background:#eff6ff}.payment-card:hover{border-color:var(--primary-blue)}.card-info{display:flex;align-items:center;gap:1rem}.card-icon{font-size:2rem}.card-details{display:flex;flex-direction:column;gap:.25rem}.card-type{font-weight:600;color:var(--text-dark)}.card-expiry{font-size:.875rem;color:var(--text-gray)}.card-actions{display:flex;gap:1rem}.btn-link{background:none;border:none;color:var(--primary-blue);font-weight:500;cursor:pointer;padding:.5rem;transition:color .2s}.btn-link:hover{color:var(--primary-blue-dark);text-decoration:underline}.btn-add-card{width:100%;padding:1.5rem;border:2px dashed var(--border-gray);border-radius:.75rem;background:var(--bg-white);color:var(--text-dark);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-add-card:hover{border-color:var(--primary-blue);background:var(--bg-light)}.btn-add-card span{font-size:1.5rem}.billing-address-card{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border:1px solid var(--border-gray);border-radius:.75rem}.address-content{flex:1}.address-name{font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.address-line{color:var(--text-gray);line-height:1.6}.invoices-section{background:var(--bg-white);padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-filters{display:flex;gap:1rem}.filter-select{padding:.5rem 1rem;border:1px solid var(--border-gray);border-radius:.5rem;font-size:.875rem;background:var(--bg-white);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary-blue)}.invoices-table{overflow-x:auto}.table-header{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr 1fr 1fr;padding:1rem;background:var(--bg-light);border-radius:.5rem;font-weight:600;color:var(--text-dark);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr 1fr 1fr;padding:1rem;border-bottom:1px solid var(--border-gray);align-items:center}.table-row:hover{background:var(--bg-light)}.table-col{color:var(--text-dark)}.table-col.amount{font-weight:600}.status-badge{padding:.375rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600;display:inline-block}.status-paid{background:#d1fae5;color:#059669}.status-pending{background:#fed7aa;color:#ea580c}.btn-download{padding:.5rem 1rem;background:var(--primary-blue);color:#fff;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:background .2s}.btn-download:hover{background:var(--primary-blue-dark)}@media(max-width:1024px){.billing-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}}.settings{display:flex;min-height:100vh;background:var(--bg-light)}.settings-main{flex:1;margin-left:260px;padding:2rem}.settings-content{max-width:900px}.settings-header{margin-bottom:2rem}.settings-sections{display:flex;flex-direction:column;gap:2rem}.settings-section{background:var(--bg-white);padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-input{padding:.875rem;border:1px solid var(--border-gray);border-radius:.5rem;font-size:1rem;transition:border-color .2s;font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary-blue)}.btn-save{align-self:flex-start;padding:.875rem 2rem;background:var(--primary-blue);color:#fff;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-save:hover{background:var(--primary-blue-dark)}.settings-list{display:flex;flex-direction:column;gap:1.5rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:1px solid var(--border-gray);border-radius:.75rem}.setting-info{flex:1}.setting-label{font-weight:600;color:var(--text-dark);margin-bottom:.25rem}.setting-description{font-size:.875rem;color:var(--text-gray)}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-gray);transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-blue)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.btn-secondary{padding:.625rem 1.5rem;background:var(--bg-light);color:var(--text-dark);border:1px solid var(--border-gray);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--border-gray);border-color:var(--primary-blue);color:var(--primary-blue)}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.help{display:flex;min-height:100vh;background:var(--bg-light)}.help-main{flex:1;margin-left:260px;padding:2rem}.help-content{max-width:1000px}.help-header{margin-bottom:3rem}.help-sections{display:flex;flex-direction:column;gap:3rem}.support-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.support-card{background:var(--bg-white);padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s,box-shadow .2s}.support-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.support-icon{font-size:3rem;margin-bottom:1rem}.support-info{width:100%}.support-title{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.support-description{color:var(--text-gray);margin-bottom:.75rem;font-size:.9375rem}.support-contact{font-weight:600;color:var(--primary-blue);font-size:1.125rem}.faq-section{background:var(--bg-white);padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{border:1px solid var(--border-gray);border-radius:.5rem;overflow:hidden}.faq-question{width:100%;padding:1.25rem;background:var(--bg-white);border:none;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1rem;font-weight:600;color:var(--text-dark);transition:background .2s}.faq-question:hover{background:var(--bg-light)}.faq-icon{font-size:1.5rem;color:var(--primary-blue);font-weight:300;width:24px;text-align:center}.faq-answer{padding:0 1.25rem 1.25rem;color:var(--text-gray);line-height:1.6}.quick-links-section{background:var(--bg-white);padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-link{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1px solid var(--border-gray);border-radius:.75rem;color:var(--text-dark);font-weight:500;transition:all .2s}.quick-link:hover{border-color:var(--primary-blue);background:#eff6ff;color:var(--primary-blue)}.link-icon{font-size:1.5rem}@media(max-width:768px){.support-options,.quick-links{grid-template-columns:1fr}}.profile{display:flex;min-height:100vh;background:var(--bg-light)}.profile-main{flex:1;margin-left:260px;padding:2rem}.profile-content{max-width:1200px}.profile-header{margin-bottom:2rem}.page-title{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.page-subtitle{color:var(--text-gray);line-height:1.6}.profile-grid{display:grid;grid-template-columns:400px 1fr;gap:2rem}.profile-section{display:flex;flex-direction:column;gap:2rem}.profile-card{background:var(--bg-white);padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-avatar-large{margin-bottom:1.5rem}.avatar-circle{width:120px;height:120px;border-radius:50%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:4rem;margin:0 auto}.profile-info{margin-bottom:1.5rem;width:100%}.profile-name{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.profile-email{color:var(--text-gray);margin-bottom:.25rem}.profile-phone{color:var(--text-gray)}.btn-edit-profile{width:100%;padding:.875rem;background:var(--primary-blue);color:#fff;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-edit-profile:hover{background:var(--primary-blue-dark)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-card{background:var(--bg-white);padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-blue);margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--text-gray)}.info-section{background:var(--bg-white);padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.section-title{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin-bottom:1.5rem}.info-list{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-gray)}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-gray);font-weight:500}.info-value{color:var(--text-dark);font-weight:600}.status-active,.status-verified{color:var(--success-green)}.address-list{display:flex;flex-direction:column;gap:1rem}.address-card{padding:1.5rem;border:1px solid var(--border-gray);border-radius:.75rem}.address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.address-type{font-weight:600;color:var(--text-dark)}.btn-link-small{background:none;border:none;color:var(--primary-blue);font-weight:500;cursor:pointer;font-size:.875rem;transition:color .2s}.btn-link-small:hover{color:var(--primary-blue-dark);text-decoration:underline}.address-content{display:flex;flex-direction:column;gap:.25rem}.address-name{font-weight:600;color:var(--text-dark);margin-bottom:.25rem}.address-line{color:var(--text-gray);font-size:.9375rem}.btn-add-address{width:100%;padding:1rem;border:2px dashed var(--border-gray);border-radius:.75rem;background:var(--bg-white);color:var(--text-dark);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-add-address:hover{border-color:var(--primary-blue);background:var(--bg-light)}.btn-add-address span{font-size:1.25rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border-gray);border-radius:.75rem}.activity-icon{font-size:2rem;width:50px;text-align:center}.activity-content{flex:1}.activity-title{font-weight:600;color:var(--text-dark);margin-bottom:.25rem}.activity-date{font-size:.875rem;color:var(--text-gray)}@media(max-width:1024px){.profile-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr 1fr}}.login-page{min-height:100vh;background:var(--bg-light)}.login-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.login-card{width:100%;max-width:480px;background:var(--bg-white);padding:3rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.logo-icon{height:4rem;width:auto;object-fit:contain}.logo-text{color:var(--primary-blue)}.login-title{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.login-subtitle{color:var(--text-gray);font-size:.9375rem}.login-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--bg-light);padding:.25rem;border-radius:.5rem}.tab-button{flex:1;padding:.75rem;background:transparent;border:none;border-radius:.375rem;font-weight:600;color:var(--text-gray);cursor:pointer;transition:all .2s}.tab-button.active{background:var(--bg-white);color:var(--primary-blue);box-shadow:0 1px 3px #0000001a}.login-form{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.form-group label{font-weight:600;color:var(--text-dark);font-size:.9375rem}.form-group input{padding:.875rem;border:1px solid var(--border-gray);border-radius:.5rem;font-size:1rem;transition:border-color .2s;font-family:inherit}.form-group input:focus{outline:none;border-color:var(--primary-blue)}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.forgot-link{color:var(--primary-blue);font-weight:500;transition:color .2s}.forgot-link:hover{color:var(--primary-blue-dark);text-decoration:underline}.btn-submit{width:100%;padding:1rem;background:var(--primary-blue);color:#fff;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s;margin-top:.5rem}.btn-submit:hover{background:var(--primary-blue-dark)}.login-divider{position:relative;text-align:center;margin:2rem 0}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-gray)}.login-divider span{position:relative;background:var(--bg-white);padding:0 1rem;color:var(--text-gray)}.social-login{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.btn-social{width:100%;padding:.875rem;background:var(--bg-white);border:1px solid var(--border-gray);border-radius:.5rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s}.btn-social:hover{border-color:var(--primary-blue);background:var(--bg-light)}.social-icon{font-size:1.25rem}.login-footer{text-align:center;color:var(--text-gray);font-size:.9375rem}.link-button{background:none;border:none;color:var(--primary-blue);font-weight:600;cursor:pointer;padding:0;transition:color .2s}.link-button:hover{color:var(--primary-blue-dark);text-decoration:underline}@media(max-width:480px){.login-card{padding:2rem 1.5rem}}.marketer-sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:linear-gradient(180deg,#1e3a8a,#1e40af);color:#fff;display:flex;flex-direction:column;padding:1.5rem;box-shadow:2px 0 10px #0000001a;z-index:100}.marketer-sidebar-header{margin-bottom:2rem}.marketer-sidebar-header .logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.marketer-sidebar-header .logo-icon{height:3.5rem;width:auto;object-fit:contain}.marketer-sidebar-header .logo-text{font-size:1.75rem;font-weight:700;color:#fff}.marketer-badge{background:#fff3;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;text-align:center;border:1px solid rgba(255,255,255,.3)}.marketer-sidebar .user-profile{background:#ffffff1a;padding:1rem;border-radius:.75rem;display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.marketer-sidebar .user-avatar-circle{width:48px;height:48px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.marketer-sidebar .user-info{flex:1}.marketer-sidebar .user-name{font-weight:600;font-size:1rem;color:#fff;margin-bottom:.25rem}.marketer-sidebar .user-email{font-size:.75rem;color:#fffc}.marketer-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.marketer-sidebar-nav .nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border-radius:.5rem;color:#ffffffe6;text-decoration:none;transition:all .2s;font-weight:500}.marketer-sidebar-nav .nav-item:hover{background:#ffffff26;color:#fff}.marketer-sidebar-nav .nav-item.active{background:#ffffff40;color:#fff;font-weight:600}.marketer-sidebar-nav .nav-icon{font-size:1.25rem}.marketer-sidebar-footer{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.marketer-sidebar-footer .nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:.5rem;color:#ffffffe6;text-decoration:none;transition:all .2s;font-weight:500}.marketer-sidebar-footer .nav-item:hover{background:#ffffff26;color:#fff}.marketer-sidebar-footer .nav-icon{font-size:1.25rem}.btn-sign-in,.btn-sign-up,.btn-sign-out{background:#fff3;color:#fff;padding:.875rem 1rem;border-radius:.5rem;text-align:center;text-decoration:none;font-weight:600;transition:all .2s;border:1px solid rgba(255,255,255,.3);cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.btn-sign-in:hover,.btn-sign-up:hover{background:#ffffff4d}.btn-sign-out{background:#ef444433;border-color:#ef44444d}.btn-sign-out:hover{background:#ef44444d}.btn-back-home{background:#fff3;color:#fff;padding:.875rem 1rem;border-radius:.5rem;text-align:center;text-decoration:none;font-weight:600;transition:all .2s;border:1px solid rgba(255,255,255,.3);margin-top:.5rem}.btn-back-home:hover{background:#ffffff4d}@media(max-width:768px){.marketer-sidebar{width:100%;height:auto;position:relative}}.image-modal-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.image-modal-container{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-modal-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:4px}.image-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:1;transition:opacity .2s}.image-modal-close:hover{opacity:.7}.image-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;font-size:3rem;cursor:pointer;padding:1rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;z-index:1}.image-modal-nav:hover:not(:disabled){background:#ffffff4d}.image-modal-nav:disabled{opacity:.3;cursor:not-allowed}.image-modal-prev{left:-80px}.image-modal-next{right:-80px}.image-modal-counter{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);color:#fff;background:#00000080;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}@media(max-width:768px){.image-modal-prev{left:10px}.image-modal-next{right:10px}.image-modal-close{top:10px;right:10px}.image-modal-counter{bottom:10px}}.marketer-dashboard{display:flex;min-height:100vh;background-color:#f5f7fa}.marketer-main{flex:1;padding:2rem;margin-left:280px}.marketer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.marketer-header h1{font-size:2rem;font-weight:700;color:#1a1a1a}.btn-primary{background-color:#2563eb;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#e5e7eb;color:#374151;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#d1d5db}.registration-form-container{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.registration-form-container h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#1a1a1a}.driver-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section h3{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group input,.form-group select,.form-section textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-section textarea:focus{outline:none;border-color:#2563eb}.checkbox-group{display:flex;gap:2rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151;cursor:pointer}.checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.route-input{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.route-input input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem}.route-input span{font-weight:600;color:#6b7280}.btn-add-route{background-color:#10b981;color:#fff;padding:.75rem 1rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;white-space:nowrap}.btn-add-route:hover{background-color:#059669}.routes-list{display:flex;flex-direction:column;gap:.5rem}.route-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f3f4f6;border-radius:.5rem}.btn-remove{background-color:#ef4444;color:#fff;border:none;border-radius:.25rem;padding:.25rem .5rem;cursor:pointer;font-weight:600}.btn-remove:hover{background-color:#dc2626}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.registrations-container{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.registrations-container h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#1a1a1a}.registrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.registration-card{border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:box-shadow .2s}.registration-card:hover{box-shadow:0 4px 6px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.card-header h3{font-size:1.125rem;font-weight:600;color:#1a1a1a}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-pending{background-color:#fef3c7;color:#92400e}.status-approved{background-color:#d1fae5;color:#065f46}.status-rejected{background-color:#fee2e2;color:#991b1b}.card-body{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.info-row span:last-child{color:#1a1a1a;text-align:right}@media(max-width:768px){.marketer-main{margin-left:0;padding:1rem}.form-row,.registrations-grid{grid-template-columns:1fr}.route-input{flex-direction:column}.route-input input{width:100%}}.marketer-auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;flex-direction:column}.marketer-auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:450px;padding:2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.auth-logo .logo-icon{height:4rem;width:auto;object-fit:contain}.auth-logo .logo-text{font-size:1.5rem;font-weight:700;color:#667eea}.auth-header h1{font-size:1.75rem;font-weight:600;color:#1a202c;margin-bottom:.5rem}.auth-header p{color:#718096;font-size:.95rem}.auth-error{background:#fee;color:#c33;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem;border:1px solid #fcc}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form label{font-weight:500;color:#374151;font-size:.9rem}.auth-form input{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.auth-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.auth-form input:disabled{background:#f3f4f6;cursor:not-allowed}.auth-form small{color:#6b7280;font-size:.85rem;margin-top:-.25rem}.auth-form .btn-primary{width:100%;padding:.875rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;margin-top:.5rem}.auth-form .btn-primary:hover:not(:disabled){background:#5568d3}.auth-form .btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.auth-footer{margin-top:2rem;text-align:center;color:#6b7280;font-size:.9rem}.auth-footer p{margin:.5rem 0}.auth-footer a{color:#667eea;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.admin-sidebar{width:280px;height:100vh;background:linear-gradient(180deg,#059669,#10b981);color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.admin-sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar-header .logo{display:flex;align-items:center;gap:.75rem}.admin-sidebar-header .logo-icon{height:3.5rem;width:auto;object-fit:contain}.admin-sidebar-header .logo-text{font-size:1.75rem;font-weight:700;color:#fff}.admin-badge{background:#fff3;padding:.5rem 1rem;border-radius:20px;text-align:center;font-size:.85rem;font-weight:600;margin-top:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-sidebar-nav{flex:1;padding:1rem 0}.admin-sidebar .nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#ffffffe6;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}.admin-sidebar .nav-item:hover{background:#ffffff1a;border-left-color:#fff}.admin-sidebar .nav-item.active{background:#ffffff26;border-left-color:#fff;font-weight:600}.admin-sidebar .nav-icon{font-size:1.25rem;width:24px;text-align:center}.admin-sidebar .back-link{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);color:#ffffffb3}.admin-sidebar .back-link:hover{color:#fff;background:#ffffff1a}.admin-layout{display:flex;min-height:100vh;background:#f5f5f5}.admin-main-content{flex:1;margin-left:280px;padding:2rem}.admin-header{margin-bottom:2rem}.admin-header h1{font-size:2rem;color:#1f2937;margin-bottom:.5rem}.admin-header p{color:#6b7280;font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem}.stat-card.pending{border-left:4px solid #f59e0b}.stat-card.approved{border-left:4px solid #10b981}.stat-card.rejected{border-left:4px solid #ef4444}.stat-card.total{border-left:4px solid #3b82f6}.stat-icon{font-size:2.5rem}.stat-info h3{font-size:2rem;color:#1f2937;margin:0}.stat-info p{color:#6b7280;margin:0;font-size:.9rem}.recent-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.recent-section h2{margin-bottom:1.5rem;color:#1f2937}.registrations-table{overflow-x:auto}.registrations-table table{width:100%;border-collapse:collapse}.registrations-table th{background:#f9fafb;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.registrations-table td{padding:1rem;border-bottom:1px solid #e5e7eb;color:#1f2937}.registrations-table tr:hover{background:#f9fafb}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;display:inline-block}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.empty-state{text-align:center;padding:3rem;color:#6b7280}.pending-grid{width:100%}.driver-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.pending-card{border-left:4px solid #f59e0b;display:flex;flex-direction:column;gap:1rem;width:100%}.card-header{padding:1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;width:90%}.card-header h3{margin:0;color:#1f2937;font-size:1.25rem}.card-body{padding:1.5rem;width:90%}.info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.info-row:last-child{border-bottom:none}.info-row .label{font-weight:600;color:#6b7280}.card-actions{padding:1rem 1.5rem;background:#f9fafb;display:flex;gap:.75rem;border-top:1px solid #e5e7eb}.btn-view,.btn-approve,.btn-reject,.btn-cancel{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.btn-view{background:#3b82f6;color:#fff}.btn-view:hover{background:#2563eb}.btn-approve{background:#10b981;color:#fff}.btn-approve:hover{background:#059669}.btn-reject{background:#ef4444;color:#fff}.btn-reject:hover{background:#dc2626}.btn-cancel{background:#6b7280;color:#fff}.btn-cancel:hover{background:#4b5563}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;color:#1f2937}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:1.5rem}.detail-section{margin-bottom:1.5rem}.detail-section h3{color:#059669;margin-bottom:.75rem;font-size:1.1rem}.detail-section p{margin:.5rem 0;color:#1f2937}.detail-section ul{margin:.5rem 0;padding-left:1.5rem}.detail-section li{margin:.25rem 0;color:#1f2937}.modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem}.filter-bar{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.filter-btn{padding:.75rem 1.5rem;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#6b7280}.filter-btn:hover{border-color:#059669;color:#059669}.filter-btn.active{background:#059669;border-color:#059669;color:#fff}#root{width:100%;min-height:100vh}