*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5;color:#373435;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;line-height:1.3}h1{font-weight:700}h2{font-weight:600}[dir=rtl]{font-family:Jameel Noori Nastaleeq,Noto Nastalikh Urdu,Alvi Nastaleeq,Inter,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-family:Jameel Noori Nastaleeq,Noto Nastalikh Urdu,Alvi Nastaleeq,Poppins,sans-serif}[dir=rtl] .nav-links,[dir=rtl] .car-info,[dir=rtl] .section-header,[dir=rtl] .header-top .container{flex-direction:row-reverse}[dir=rtl] .footer-content{text-align:right}[dir=rtl] .btn{text-align:center}[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{text-align:right}:root{--primary-color: #377e00;--secondary-color: #0078A8;--dark-color: #373435;--light-gray: #F5F5F5;--border-color: #e0e0e0;--accent-color: #0078A8}.header{background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.header-top{background:var(--primary-color);color:#fff;padding:8px 0;font-size:14px}.header-top .container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.navbar{padding:15px 0}.navbar .container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:28px;font-weight:700;font-family:Poppins,sans-serif;color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:10px}.logo-image{height:40px;width:auto;object-fit:contain}.logo-text{display:inline-block}.nav-links{display:flex;list-style:none;gap:30px;align-items:center}.nav-links a{text-decoration:none;color:#377e00;font-weight:500;transition:color .3s}.nav-links a:hover{color:#4b4849}.btn{padding:10px 25px;border:none;border-radius:4px;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;transition:all .3s;text-decoration:none;display:inline-block}.btn-primary{background:#ffc107;color:#fff}.btn-primary:hover{background:#e6ad06}.btn-success{background:var(--primary-color);color:#fff}.btn-success:hover{background:#2d6900}.btn-outline{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{background:linear-gradient(135deg,var(--dark-color) 0%,var(--primary-color) 100%);color:#fff;padding:60px 0;text-align:center}.hero h1{font-size:42px;margin-bottom:20px}.hero p{font-size:18px;margin-bottom:30px}.hero-slider{position:relative;width:100%;height:600px;overflow:hidden}.slider-container{position:relative;width:100%;height:100%}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;pointer-events:none}.slide.active{opacity:1;pointer-events:auto}.slide-media{width:100%;height:100%;object-fit:cover}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006}.slide-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2;width:100%;padding:0 20px}.slide-title{font-size:48px;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.slide-subtitle{font-size:24px;margin-bottom:30px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.slide-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-large{padding:15px 40px;font-size:18px;font-weight:600}.btn-secondary{background:#0078a8;border:2px solid #0078a8;color:#fff}.btn-secondary:hover{background:#fff;color:var(--primary-color)}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff4d;border:none;color:#fff;padding:15px;cursor:pointer;z-index:3;transition:background .3s ease;border-radius:50%}.slider-arrow:hover{background:#ffffff80}.slider-arrow-left{left:20px}.slider-arrow-right{right:20px}.slider-dots{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:3}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s ease}.dot.active{background:#fff;width:30px;border-radius:6px}.dot:hover{background:#fffc}.search-bar{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:40px auto;max-width:1000px}.search-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:600;color:var(--dark-color)}.form-group input,.form-group select{padding:10px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.car-detail-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px}.car-detail-left,.car-detail-right{min-width:0}.cars-section{padding:40px 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-header h2{font-size:28px;color:var(--dark-color)}.payment-form{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:800px;margin:0 auto}.payment-header{text-align:center;margin-bottom:30px}.payment-header h2{color:var(--dark-color);margin-bottom:10px}.payment-amount{font-size:24px;color:var(--accent-color);font-weight:700}.payment-method-selection{margin-bottom:30px}.payment-method-selection h3{margin-bottom:20px;color:var(--dark-color)}.payment-methods{display:flex;flex-direction:column;gap:15px}.payment-method{display:flex;align-items:center;padding:15px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s}.payment-method:hover{border-color:var(--primary-color)}.payment-method input[type=radio]{margin-right:15px}.method-content{display:flex;flex-direction:column}.method-name{font-weight:700;font-size:16px;color:var(--dark-color)}.method-description{font-size:14px;color:#666}.payment-method input[type=radio]:checked+.method-content{color:var(--primary-color)}.payment-details{margin-bottom:30px}.payment-details h3{margin-bottom:20px;color:var(--dark-color)}.payment-instructions{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.payment-instructions h4{margin-bottom:15px;color:var(--dark-color)}.payment-instructions ol{margin-left:20px;color:#555}.payment-instructions ol li{margin-bottom:8px}.bank-details{background:#e8f5e8;padding:15px;border-radius:6px;margin-bottom:15px}.bank-details p{margin-bottom:8px;font-family:monospace}.mobile-payment-details,.bank-payment-details{margin-top:20px}.form-group input[type=file]{padding:8px}.form-group small{color:#666;font-size:12px;margin-top:5px;display:block}.payment-status{padding:15px;border-radius:6px;margin-top:10px;border:1px solid}.status-pending{background:#fff8e1;border-color:#ffc107;color:#856404}.status-verified{background:#d4edda;border-color:#28a745;color:#155724}.status-rejected{background:#f8d7da;border-color:#dc3545;color:#721c24}.status-refunded{background:#e2e3e5;border-color:#6c757d;color:#383d41}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.status-badge{font-weight:700;font-size:14px}.payment-amount{font-weight:700;font-size:16px}.payment-details{margin-bottom:10px}.payment-method{font-size:14px;color:#666}.status-message{margin-top:10px;font-size:13px;line-height:1.4}.status-message p{margin-bottom:5px}.payment-page{max-width:1000px;margin:0 auto}.payment-header-section{text-align:center;margin-bottom:40px}.payment-header-section h1{color:var(--dark-color);margin-bottom:10px}.payment-header-section p{color:#666;font-size:16px}.payment-content{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}.car-summary{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.car-summary h3{margin-bottom:20px;color:var(--dark-color)}.car-info{display:flex;flex-direction:column;gap:15px}.car-image img{width:100%;height:150px;object-fit:cover;border-radius:6px}.car-details h4{margin-bottom:15px;color:var(--dark-color)}.car-details p{margin-bottom:8px;color:#555}.payment-required{margin-top:10px}.payment-verified{margin-top:10px;text-align:center}.pending-payment-section{background:#fff8e1;padding:25px;border-radius:8px;border:2px solid #ffc107}.pending-payment-section h2{color:#856404!important}.alert{padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid}.alert-danger{background:#f8d7da;border-color:#dc3545;color:#721c24}.alert-success{background:#d4edda;border-color:#28a745;color:#155724}.alert-warning{background:#fff8e1;border-color:#ffc107;color:#856404}@media (max-width: 768px){.payment-content{grid-template-columns:1fr;gap:20px}.payment-methods{gap:10px}.payment-method{padding:12px}.payment-form,.pending-payment-section{padding:20px}}.cars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.car-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s;cursor:pointer;text-decoration:none;color:inherit}.car-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.car-image{width:100%;height:200px;object-fit:cover;background:#e0e0e0}.car-details{padding:15px}.car-title{font-size:18px;font-weight:600;font-family:Poppins,sans-serif;margin-bottom:10px;color:var(--dark-color)}.car-price{font-size:24px;font-weight:700;font-family:Poppins,sans-serif;color:var(--primary-color);margin-bottom:10px}.car-info{display:flex;gap:15px;font-size:16px;font-weight:bolder;color:#377e00;margin-bottom:10px}.car-location{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:bolder;color:#377e00}.footer{background:#377e00;color:#fff;padding:40px 0 20px;margin-top:60px}.footer-logo{text-align:left;margin-bottom:30px}.footer-logo-image{height:60px;width:auto;object-fit:contain}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px}.footer-section h3{margin-bottom:15px;color:var(--primary-color)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section a{color:#fff;text-decoration:none;transition:color .3s}.footer-section a:hover{color:var(--primary-color)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.loading{text-align:center;padding:60px 20px}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-container{max-width:600px;margin:40px auto;background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.form-container h2{margin-bottom:30px;color:var(--dark-color);text-align:center}.form-container .form-group{margin-bottom:20px}.form-container input,.form-container select,.form-container textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.form-container textarea{min-height:120px;resize:vertical}.error-message{color:#dc3545;font-size:14px;margin-top:10px;text-align:center}.success-message{color:var(--primary-color);font-size:14px;margin-top:10px;text-align:center}.payments-table{overflow-x:auto;margin-top:20px}.payments-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.payments-table th{background:var(--primary-color);color:#fff;font-weight:600;text-align:left;padding:15px}.payments-table td{padding:15px;border-bottom:1px solid #eee}.payments-table tr:hover{background:#f8f9fa}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404}.status-verified{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.status-refunded{background:#e2e3e5;color:#383d41}.hamburger{display:none;flex-direction:column;cursor:pointer;background:none;border:none;padding:5px}.hamburger span{width:25px;height:3px;background:var(--dark-color);margin:3px 0;transition:.3s}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}.mobile-menu-overlay.active{display:block}@media (max-width: 768px){.header-top{font-size:12px;padding:6px 0}.header-top .container,.navbar .container{padding:0 15px}.logo{font-size:22px}.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;flex-direction:column;padding:80px 20px 20px;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;z-index:999;overflow-y:auto;gap:0}.nav-links.active{right:0}.nav-links li{width:100%;margin-bottom:15px}.nav-links a,.nav-links button{display:block;width:100%;padding:12px 15px!important;text-align:left}.nav-links .btn{text-align:center}.hero{padding:40px 20px}.hero h1{font-size:28px;line-height:1.3}.hero p{font-size:16px}.hero-slider{height:400px}.slide-title{font-size:28px}.slide-subtitle{font-size:16px}.slider-arrow{padding:10px}.slider-arrow-left{left:10px}.slider-arrow-right{right:10px}.btn-large{padding:12px 25px;font-size:16px}.search-bar{padding:20px 15px;margin:20px 15px}.search-form{grid-template-columns:1fr;gap:12px}.cars-section{padding:30px 0}.cars-grid{grid-template-columns:1fr;gap:20px;padding:0 15px}.car-card{max-width:100%}.form-container{margin:20px 15px;padding:25px 20px}.form-container h2{font-size:22px;margin-bottom:20px}.form-container input,.form-container select,.form-container textarea{font-size:16px}.form-container>div[style*="display: flex"] button{font-size:14px;padding:12px 8px!important}.payment-content{grid-template-columns:1fr;gap:20px;padding:0 15px}.payment-methods{gap:10px}.payment-method{padding:12px}.payment-form,.pending-payment-section{padding:20px 15px}.payments-table{font-size:12px;overflow-x:auto}.payments-table table{min-width:600px}.payments-table th,.payments-table td{padding:8px 6px;font-size:12px}.container{padding:0 15px}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.section-header h2{font-size:22px}.footer{padding:30px 0 15px;margin-top:40px}.footer-content{grid-template-columns:1fr;gap:25px;padding:0 15px}.btn{padding:12px 20px;font-size:14px}.car-info{flex-wrap:wrap}.admin-stats{grid-template-columns:1fr}.header-top{display:none}.car-detail-layout{grid-template-columns:1fr!important}.car-detail-left,.car-detail-right{order:initial}.car-detail-right{order:-1}}@media (max-width: 480px){.logo{font-size:20px}.hero h1{font-size:24px}.hero p{font-size:14px}.form-container{padding:20px 15px}.btn{padding:10px 15px}.car-title{font-size:16px}.car-price,.section-header h2{font-size:20px}.filters-sidebar{display:none!important}.cars-page-layout{grid-template-columns:1fr!important}}