body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App,.homepage{min-height:100vh;width:100%}.homepage{background-color:#fff}.homepage-header{background:#fff;box-shadow:0 2px 8px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:16px 24px}.header-container,.logo-section{align-items:center;display:flex}.logo{color:#1e40af;font-size:1.5rem;font-weight:700;gap:8px}.logo-icon{font-size:2rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#1e40af);-webkit-background-clip:text;background-clip:text}.header-nav{align-items:center;display:flex;gap:24px}.nav-link{color:#333;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#2563eb}.nav-link.active{color:#2563eb;font-weight:600}.btn-buy-gps,.btn-login,.btn-truck-owner,.nav-link-btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-buy-gps{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff}.btn-buy-gps:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.nav-link-btn{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;font-weight:500}.nav-link-btn:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.btn-truck-owner{background:#fff;border:1px solid #2563eb;color:#2563eb}.btn-truck-owner:hover{background:#f0f7ff}.btn-login{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600}.btn-login:hover{box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.hero-section{background:linear-gradient(180deg,#dbeafe,#bfdbfe 50%,#e0f2fe);overflow:hidden;padding:60px 24px;position:relative}.hero-container{margin:0 auto;max-width:1200px}.hero-content{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr}.hero-left{z-index:2}.booking-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;padding:32px}.booking-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:24px}.booking-form{display:flex;flex-direction:column;gap:16px}.input-group{align-items:center;position:relative}.input-icon{left:12px;position:absolute;z-index:1}.city-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:14px 16px 14px 40px;transition:all .2s ease;width:100%}.city-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.promo-banner{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;color:#fff;display:flex;font-size:.95rem;gap:12px;padding:16px}.promo-icon{font-size:1.5rem}.promo-text strong{font-size:1.2rem;font-weight:700}.btn-estimate{background:#1f2937;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px;transition:all .2s ease}.btn-estimate:hover{background:#111827;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.hero-right{z-index:2}.hero-headline{color:#1e3a8a;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:16px}.hero-subheadline{color:#4b5563;font-size:1.25rem;margin-bottom:32px}.trucks-visual{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.truck{animation:float 3s ease-in-out infinite;font-size:4rem}.truck-1{animation-delay:0s}.truck-2{animation-delay:.5s}.truck-3{animation-delay:1s}.truck-4{animation-delay:1.5s}.truck-5{animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.app-section{background:#fff;padding:80px 24px}.app-container{margin:0 auto;max-width:1200px}.app-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.app-headline{color:#1e3a8a;font-size:2.5rem;font-weight:700;margin-bottom:16px}.app-description{color:#4b5563;font-size:1.1rem;margin-bottom:32px}.qr-section{text-align:center}.qr-code{font-size:8rem;margin-bottom:16px}.qr-text{color:#666;font-size:1rem}.app-right{align-items:center;display:flex;flex-direction:column;gap:24px}.download-text{color:#333;font-size:1.2rem;font-weight:600}.app-badges{display:flex;gap:16px}.app-badge{align-items:flex-start;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-width:150px;padding:12px 24px;transition:all .2s ease}.app-badge:hover{border-color:#2563eb;box-shadow:0 4px 8px #0000001a}.app-badge span{color:#666;font-size:.8rem}.app-badge strong{color:#333;font-size:1rem;font-weight:600}.phone-mockup{background:#1f2937;border-radius:24px;box-shadow:0 10px 30px #0003;height:400px;padding:16px;width:200px}.phone-screen{align-items:center;background:#fff;border-radius:16px;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:20px;width:100%}.phone-text{color:#1e3a8a;font-size:.9rem;font-weight:600;text-align:center}.phone-map{font-size:4rem}.why-choose-section{background:#f9fafb;padding:80px 24px}.why-choose-container{margin:0 auto;max-width:1200px;text-align:center}.section-title{color:#1e3a8a;font-size:2.5rem;font-weight:700}.section-subtitle{color:#4b5563;font-size:1.2rem;margin-bottom:48px}.comparison-table{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;overflow-x:auto;padding:32px}.features-table{border-collapse:collapse;width:100%}.features-table th{background:#f3f4f6;border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:16px;text-align:left}.features-table td{border-bottom:1px solid #f0f0f0;padding:16px}.check{color:#10b981}.check,.cross{font-size:1.5rem;font-weight:700}.cross{color:#dc2626}.coverage-section{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;padding:80px 24px}.coverage-container{margin:0 auto;max-width:1200px;text-align:center}.coverage-title{font-size:2.5rem;font-weight:700;margin-bottom:16px}.coverage-subtitle{font-size:1.5rem;margin-bottom:48px;opacity:.9}.coverage-features{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-top:48px}.coverage-feature{align-items:center;display:flex;flex-direction:column;gap:16px}.feature-icon{font-size:3rem}.coverage-feature p{font-size:1.1rem;font-weight:500}.more-features-section{background:#fff;padding:80px 24px}.more-features-container{margin:0 auto;max-width:1200px;text-align:center}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-bottom:48px}.feature-card{align-items:center;background:#f9fafb;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:32px}.feature-icon-large{font-size:4rem}.feature-card p{color:#333;font-size:1.1rem;font-weight:500}.cost-reduction-banner{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;color:#92400e;display:flex;font-size:1.1rem;gap:16px;justify-content:center;padding:24px}.banner-icon{font-size:2rem}.homepage-footer{background:#1e293b;color:#fff;padding:60px 24px 24px}.footer-container{grid-gap:48px;display:grid;gap:48px;grid-template-columns:2fr 1fr 1fr;margin:0 auto 32px;max-width:1200px}.footer-logo{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:8px;margin-bottom:16px}.footer-tagline{color:#60a5fa;font-size:1.2rem;font-weight:600;margin-bottom:16px}.footer-info{color:#cbd5e1;margin-bottom:24px}.footer-address{color:#94a3b8;font-size:.9rem;line-height:1.6}.footer-heading{font-size:1.2rem;font-weight:600;margin-bottom:16px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#cbd5e1;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#60a5fa}.social-links{display:flex;flex-direction:column;gap:12px}.social-link{color:#cbd5e1;text-decoration:none;transition:color .2s ease}.social-link:hover{color:#60a5fa}.footer-copyright{border-top:1px solid #334155;color:#94a3b8;margin:0 auto;max-width:1200px;padding-top:24px;text-align:center}.about-section{background:#f8fafc;padding:80px 24px}.about-container{margin:0 auto;max-width:1200px}.about-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-top:40px}.about-text{display:flex;flex-direction:column;gap:24px}.about-description{color:#475569;font-size:1.1rem;line-height:1.8}.about-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-top:32px}.stat-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.stat-number{color:#2563eb;font-size:2rem;font-weight:700;margin-bottom:8px}.stat-label{color:#64748b;font-size:.9rem;font-weight:500}.about-image{align-items:center;display:flex;justify-content:center}.about-visual{font-size:8rem;opacity:.8}.services-section{background:#fff;padding:80px 24px}.services-container{margin:0 auto;max-width:1200px}.services-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:48px}.service-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:32px;text-align:center;transition:all .3s ease}.service-card:hover{border-color:#2563eb;box-shadow:0 8px 24px #2563eb26;transform:translateY(-4px)}.service-icon{font-size:3rem;margin-bottom:20px}.service-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:12px}.service-description{color:#64748b;font-size:.95rem;line-height:1.6}.contact-section{background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:80px 24px}.contact-container{margin:0 auto;max-width:1200px}.contact-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-top:48px}.contact-info{gap:32px}.contact-item{align-items:flex-start;display:flex;gap:20px}.contact-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.contact-details{flex:1 1}.contact-label{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:8px}.contact-text{color:#475569;font-size:.95rem;line-height:1.6}.contact-link{color:#2563eb;text-decoration:none;transition:color .2s ease}.contact-link:hover{color:#1e40af;text-decoration:underline}.contact-form-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;padding:40px}.form-title{color:#1e293b;font-size:1.5rem;margin-bottom:24px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-input{border:2px solid #e2e8f0;color:#1e293b}.form-textarea{min-height:120px;resize:vertical}.btn-submit{background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:14px 32px;transition:all .2s ease}.btn-submit:hover{box-shadow:0 8px 16px #2563eb4d;transform:translateY(-2px)}.btn-submit:active{transform:translateY(0)}@media (max-width:968px){.app-content,.coverage-features,.features-grid,.footer-container,.hero-content{grid-template-columns:1fr}.header-nav{flex-wrap:wrap;gap:12px}.hero-headline{font-size:2rem}}@media (max-width:768px){.header-container{flex-direction:column;gap:16px}.header-nav{justify-content:center;width:100%}.btn-buy-gps,.btn-truck-owner{display:none}.hero-headline{font-size:1.75rem}.section-title{font-size:2rem}.about-content{gap:40px;grid-template-columns:1fr}.about-stats{gap:16px;grid-template-columns:repeat(2,1fr)}.about-visual{font-size:5rem}.services-grid{gap:24px;grid-template-columns:1fr}.contact-content{gap:40px;grid-template-columns:1fr}.contact-form-container{padding:24px}}.login-container{align-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.login-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;flex-direction:row;max-width:1200px;width:100%}.login-card,.welcome-section{display:flex;min-height:600px;overflow:hidden}.welcome-section{background:linear-gradient(135deg,#60a5fa,#2563eb);flex:1.5 1;flex-direction:column;justify-content:space-between;padding:60px 40px 40px;position:relative}.welcome-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.gradient-shape{border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.shape-1{background:linear-gradient(135deg,#4facfe,#00f2fe);height:300px;left:-100px;top:-100px;width:300px}.shape-2{background:linear-gradient(135deg,#a8edea,#fed6e3);height:250px;right:-50px;top:150px;width:250px}.shape-3{background:linear-gradient(135deg,#fa709a,#fee140);bottom:100px;height:200px;left:50px;width:200px}.gradient-circle{border-radius:50%;opacity:.5;position:absolute}.circle-1{background:linear-gradient(135deg,#60a5fa,#2563eb);filter:blur(20px);height:150px;right:100px;top:50px;width:150px}.circle-2{background:linear-gradient(135deg,#f093fb,#f5576c);bottom:200px;filter:blur(15px);height:100px;right:150px;width:100px}.circle-3{background:linear-gradient(135deg,#4facfe,#00f2fe);filter:blur(25px);height:120px;left:100px;top:250px;width:120px}.welcome-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;position:relative;text-align:center;z-index:1}.welcome-title{color:#fff;font-size:3.5rem;font-weight:700;letter-spacing:2px;margin-bottom:20px;text-shadow:0 2px 10px #0003}.welcome-subtitle{color:#fff;font-size:1.3rem;font-weight:300;margin-bottom:30px;text-shadow:0 2px 5px #0003}.demo-credentials{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;margin-top:40px;max-width:400px;padding:20px;width:100%}.demo-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:15px;text-shadow:0 2px 5px #0003}.demo-section{display:flex;flex-direction:column;gap:15px}.demo-role{color:#fff;font-size:.9rem;text-align:left}.demo-role-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.demo-role strong{font-size:1rem;text-shadow:0 1px 3px #0003}.demo-fill-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:1px solid #ffffff4d;border-radius:6px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:6px 10px;transition:all .3s ease}.demo-fill-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 2px 8px #0003;transform:scale(1.1)}.demo-fill-btn:active{transform:scale(.95)}.demo-cred{font-family:Courier New,monospace;font-size:.85rem;margin:4px 0;opacity:.95;padding-left:10px}.welcome-footer{position:relative;z-index:1}.wave-bottom{align-items:center;display:flex;height:80px;justify-content:center;position:relative}.wave-bottom:before{background:#fff;border-radius:100% 100% 0 0/60% 60% 0 0;bottom:0;content:"";height:80px;left:-10%;position:absolute;right:-10%}.footer-text{color:#333;font-size:.85rem;font-weight:500;letter-spacing:1px;position:relative;z-index:2}.login-section{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:60px 50px}.login-form-container{max-width:400px;width:100%}.greeting{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:5px}.time-greeting{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:600;margin-bottom:10px}.form-title{color:#2563eb;font-size:1.3rem;font-weight:600;margin-bottom:40px}.login-form{width:100%}.form-label{color:#999}.form-input{background:#0000;border:none;border-bottom:2px solid #e0e0e0;padding:10px 0}.form-input:focus{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#60a5fa,#2563eb) border-box;border-bottom:2px solid;border-image:linear-gradient(135deg,#60a5fa,#2563eb) 1}.form-input.error,.form-input.error:focus{border-bottom:2px solid #ef4444}.form-input.error:focus{border-image:none}.error-message{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:20px;padding:12px 16px}.error-message:before{content:"⚠️";font-size:1.2rem}.form-options{display:flex;justify-content:space-between;margin-bottom:40px}.checkbox-label,.form-options{align-items:center}.checkbox-input{margin-right:8px}.checkbox-text{color:#333}.forgot-link{color:#333;font-size:.9rem;text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:#2563eb}.submit-button{letter-spacing:2px}.submit-button:disabled{cursor:not-allowed;opacity:.6}.create-account{margin-top:30px;text-align:center}.create-link{color:#333;font-size:.9rem;text-decoration:none;transition:color .3s ease}.create-link:hover{color:#2563eb}@media (max-width:968px){.login-card{flex-direction:column;max-width:500px;min-height:auto}.welcome-section{min-height:300px;padding:40px 30px 30px}.welcome-title{font-size:2.5rem}.welcome-subtitle{font-size:1.1rem}.demo-credentials{margin-top:20px;padding:15px}.demo-title{font-size:1rem}.demo-role{font-size:.85rem}.demo-fill-btn{font-size:1rem;padding:5px 8px}.demo-cred{font-size:.8rem}.login-section{padding:40px 30px}.circle-1,.circle-2,.circle-3,.shape-1,.shape-2,.shape-3{display:none}}@media (max-width:576px){.login-container{padding:10px}.login-card{border-radius:15px}.welcome-section{min-height:250px;padding:30px 20px 20px}.welcome-title{font-size:2rem;margin-bottom:15px}.welcome-subtitle{font-size:1rem;margin-bottom:20px}.demo-credentials{margin-top:15px;padding:12px}.demo-title{font-size:.9rem;margin-bottom:10px}.demo-role{font-size:.8rem}.demo-fill-btn{font-size:.9rem;padding:4px 6px}.demo-cred{font-size:.75rem}.login-section{padding:30px 20px}.greeting{font-size:1.5rem}.time-greeting{font-size:1.3rem}.form-title{font-size:1.1rem;margin-bottom:30px}.wave-bottom,.wave-bottom:before{height:60px}.footer-text{font-size:.75rem}.form-group{margin-bottom:24px}.form-input{font-size:.95rem;padding:12px 0}.submit-button{font-size:.95rem;padding:14px}}@media (max-width:400px){.login-container{padding:8px}.login-card{border-radius:12px}.welcome-section{min-height:200px;padding:24px 16px 16px}.welcome-title{font-size:1.6rem;margin-bottom:12px}.welcome-subtitle{font-size:.9rem;margin-bottom:15px}.demo-credentials{margin-top:10px;padding:10px}.demo-title{font-size:.85rem}.demo-role{font-size:.75rem}.demo-fill-btn{font-size:.85rem;padding:3px 5px}.demo-cred{font-size:.7rem}.login-section{padding:24px 16px}.greeting{font-size:1.3rem}.time-greeting{font-size:1.1rem}.form-title{font-size:1rem;margin-bottom:24px}.form-group{margin-bottom:20px}.form-input{font-size:.9rem;padding:10px 0}.submit-button{font-size:.9rem;padding:12px}}.signup-container{align-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.signup-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:40px;width:100%}.signup-header{margin-bottom:30px;text-align:center}.signup-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:10px}.signup-subtitle{color:#666;font-size:1rem}.signup-form{width:100%}.form-group,.form-row{margin-bottom:20px}.checkbox-group{margin-bottom:30px}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex}.checkbox-input{accent-color:#2563eb;cursor:pointer;flex-shrink:0;height:18px;margin-right:10px;margin-top:2px;width:18px}.checkbox-text{color:#666;font-size:.9rem;line-height:1.5}.signup-footer{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px;text-align:center}.signup-footer p{color:#666;font-size:.9rem}@media (max-width:768px){.signup-card{padding:30px 20px}.signup-title{font-size:1.5rem}.otp-input{font-size:1.3rem;height:55px;width:45px}.otp-input-container{gap:10px}.popup-content{padding:30px 20px}.popup-title{font-size:1.3rem}}@media (max-width:480px){.signup-container{padding:10px}.signup-card{border-radius:15px;padding:20px 15px}.signup-title{font-size:1.3rem}.otp-input{font-size:1.2rem;height:50px;width:40px}.otp-input-container{gap:8px}.otp-actions{flex-direction:column;gap:10px}.resend-button,.verify-button{width:100%}.form-input{font-size:.95rem;padding:10px 12px}.submit-button{font-size:.95rem;padding:12px}}.forgot-password-container{align-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.forgot-password-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;width:100%}.forgot-password-header{margin-bottom:30px;text-align:center}.back-link{color:#2563eb;display:inline-block;font-size:.9rem;margin-bottom:20px;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#1e40af;text-decoration:underline}.forgot-password-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:10px}.forgot-password-subtitle{color:#666;font-size:1rem;line-height:1.6}.forgot-password-form{width:100%}.form-group{margin-bottom:30px}.form-label{display:block;margin-bottom:8px}.required{color:#ef4444}.form-input{border:2px solid #e0e0e0;box-sizing:border-box;font-size:1rem;outline:none;transition:all .3s ease;width:100%}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.field-error{color:#ef4444;display:block;font-size:.85rem;font-weight:500;margin-top:5px}.submit-button{background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 15px #2563eb66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;padding:15px;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease;width:100%}.submit-button:hover{box-shadow:0 6px 20px #2563eb80;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.forgot-password-footer{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px;text-align:center}.forgot-password-footer p{color:#666;font-size:.9rem}.link{color:#2563eb;text-decoration:none}.link:hover{text-decoration:underline}.popup-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;text-align:center;width:90%}.popup-icon{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.popup-icon.success{background:#d1fae5;border-radius:50%}.popup-title{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:15px}.popup-message{color:#666;font-size:1rem;line-height:1.6;margin-bottom:10px}.popup-message strong{color:#2563eb;font-weight:600}.popup-submessage{color:#999;font-size:.9rem;line-height:1.6;margin-bottom:30px}.popup-button{background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 15px #2563eb66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 40px;transition:transform .2s ease,box-shadow .2s ease}.popup-button:hover{box-shadow:0 6px 20px #2563eb80;transform:translateY(-2px)}.popup-button:active{transform:translateY(0)}.otp-hint{color:#666;font-size:.9rem;margin-bottom:30px;margin-top:10px}.otp-verification{text-align:center;width:100%}.otp-input-container{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.otp-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1.5rem;font-weight:600;height:60px;outline:none;text-align:center;transition:all .3s ease;width:50px}.otp-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;transform:scale(1.05)}.otp-input.error{animation:shake .3s;border-color:#ef4444}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.otp-error{display:block;margin-bottom:15px;text-align:center}.otp-demo-hint{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#2563eb;font-size:.85rem;margin-bottom:25px;padding:10px}.otp-demo-hint strong{color:#1e40af}.otp-actions{display:flex;gap:15px;justify-content:center}.resend-button{background:#fff;border:2px solid #2563eb;border-radius:8px;color:#2563eb;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.resend-button:hover{background:#eff6ff;transform:translateY(-2px)}.verify-button{background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 15px #2563eb66;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 40px;transition:transform .2s ease,box-shadow .2s ease}.verify-button:hover{box-shadow:0 6px 20px #2563eb80;transform:translateY(-2px)}.verify-button:active{transform:translateY(0)}@media (max-width:768px){.forgot-password-card{padding:30px 20px}.forgot-password-title{font-size:1.5rem}.otp-input{font-size:1.3rem;height:55px;width:45px}.otp-input-container{gap:10px}.popup-content{padding:30px 20px}.popup-title{font-size:1.3rem}}@media (max-width:480px){.forgot-password-container{padding:10px}.forgot-password-card{border-radius:15px;padding:20px 15px}.forgot-password-title{font-size:1.3rem}.otp-input{font-size:1.2rem;height:50px;width:40px}.otp-input-container{gap:8px}.otp-actions{flex-direction:column;gap:10px}.resend-button,.verify-button{width:100%}.form-input{font-size:.95rem;padding:10px 12px}.submit-button{font-size:.95rem;padding:12px}}.customer-dashboard-container{background-color:#f5f7fa;display:flex;flex-direction:column;min-height:100vh}.customer-top-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;height:70px;justify-content:space-between;left:0;padding:0 30px;position:fixed;right:0;top:0;z-index:1000}.customer-header-left{align-items:center;display:flex;flex:1 1;gap:16px}.customer-mobile-menu-btn{background:none;border:none;border-radius:8px;cursor:pointer;display:none;padding:8px;transition:background-color .3s ease}.customer-mobile-menu-btn:hover{background-color:#f3f4f6}.hamburger{gap:4px}.hamburger span{border-radius:2px;height:2px}.hamburger.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.customer-page-title{color:#1e40af;font-size:1.5rem;font-weight:600;margin:0}.customer-header-right{align-items:center;display:flex;gap:16px}.customer-notifications-container{position:relative}.customer-notifications-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:background-color .3s ease}.customer-notifications-btn:hover{background-color:#f3f4f6}.customer-notification-icon{font-size:1.3rem}.customer-notification-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;line-height:1.4;min-width:18px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:4px}.customer-notification-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:1001}.customer-notification-dropdown-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.customer-notification-dropdown-header h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.customer-mark-all-read-btn{background:none;border:none;border-radius:4px;color:#2563eb;cursor:pointer;font-size:.85rem;font-weight:500;padding:4px 8px;transition:background-color .2s ease}.customer-mark-all-read-btn:hover{background-color:#eff6ff}.customer-notification-dropdown-list{max-height:400px;overflow-y:auto;padding:8px 0}.customer-notification-dropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:background-color .2s ease}.customer-notification-dropdown-item:hover{background-color:#f9fafb}.customer-notification-dropdown-item:last-child{border-bottom:none}.customer-notification-dropdown-icon{align-items:center;background:#eff6ff;border-radius:8px;display:flex;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;width:32px}.customer-notification-dropdown-icon.success{background:#d1fae5}.customer-notification-dropdown-icon.info{background:#dbeafe}.customer-notification-dropdown-icon.payment{background:#fef3c7}.customer-notification-dropdown-content{flex:1 1;min-width:0}.customer-notification-dropdown-text{color:#1f2937;font-size:.9rem;line-height:1.5;margin-bottom:4px}.customer-notification-dropdown-time{color:#6b7280;font-size:.75rem}.customer-notification-dropdown-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 20px;text-align:center}.customer-view-all-notifications-link{color:#2563eb;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s ease}.customer-view-all-notifications-link:hover{color:#1e40af;text-decoration:underline}.customer-user-profile-container{position:relative}.customer-user-profile-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:6px 12px;transition:background-color .2s ease}.customer-user-profile-header:hover{background-color:#f3f4f6}.customer-user-avatar-header{align-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.customer-user-info-header{display:flex;flex-direction:column;gap:2px}.customer-user-name-header{color:#1f2937;font-size:.95rem;font-weight:600;line-height:1.2}.customer-user-role-header{color:#6b7280;font-size:.8rem;line-height:1.2}.customer-dropdown-arrow{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.7rem;margin-left:4px;padding:0;transition:transform .3s ease,color .2s ease}.customer-user-profile-container .customer-user-profile-header:hover .customer-dropdown-arrow{color:#2563eb}.customer-user-profile-container .customer-dropdown-arrow.open{transform:rotate(180deg)}.customer-profile-dropdown{animation:customerDropdownFadeIn .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes customerDropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.customer-dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:10px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.customer-dropdown-item:hover{background-color:#f5f5f5}.customer-dropdown-item.customer-logout-item{color:#dc2626}.customer-dropdown-item.customer-logout-item:hover{background-color:#fee2e2;color:#b91c1c}.customer-dropdown-icon{align-items:center;display:flex;font-size:1.1rem;justify-content:center}.customer-login-btn{background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.customer-login-btn:hover{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.customer-mobile-overlay{background-color:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:999}.customer-mobile-overlay.active{opacity:1}.customer-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 5px #0000000d;display:flex;flex-direction:column;height:calc(100vh - 70px);overflow-y:auto;position:fixed;top:70px;transition:width .3s ease,transform .3s ease;width:280px;z-index:1000}.customer-sidebar.collapsed{width:80px}.customer-sidebar-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:20px;position:relative}.customer-logo{align-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.customer-logo-icon{font-size:24px}.customer-logo-text{color:#333;font-size:1.2rem;font-weight:600;margin:0;white-space:nowrap}.customer-collapse-btn{align-items:center;background:#f5f5f5;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;position:absolute;right:10px;transition:background-color .3s ease;width:24px}.customer-collapse-btn:hover{background:#e0e0e0}.customer-sidebar.collapsed .customer-logo-text{display:none}.customer-sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.customer-nav-list{list-style:none;margin:0;padding:0}.customer-nav-list li{margin:0}.customer-nav-item{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;gap:12px;padding:12px 20px;position:relative;text-align:left;transition:all .3s ease;width:100%}.customer-sidebar.collapsed .customer-nav-item{justify-content:center;padding:12px}.customer-nav-item:hover{background-color:#f5f5f5;color:#333}.customer-nav-item.active{background-color:#e3f2fd;border-left:3px solid #2563eb;color:#2563eb;font-weight:500}.customer-sidebar.collapsed .customer-nav-item.active{border-left:none;border-right:3px solid #2563eb}.customer-nav-icon{flex-shrink:0;font-size:1.2rem;text-align:center;width:24px}.customer-nav-label{flex:1 1;white-space:nowrap}.customer-sidebar.collapsed .customer-nav-label{display:none}.customer-sidebar-footer{background-color:#fff;border-top:1px solid #e0e0e0;padding:20px}.customer-user-profile-sidebar{align-items:center;display:flex;gap:12px}.customer-user-avatar-sidebar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;width:40px}.customer-user-details-sidebar{display:flex;flex-direction:column}.customer-user-name-sidebar{color:#333;font-size:.9rem;font-weight:600}.customer-user-role-sidebar{color:#666;font-size:.75rem}.customer-sidebar.collapsed .customer-user-details-sidebar{display:none}.customer-main-content{background-color:#f5f7fa;margin-left:280px;margin-top:70px;min-height:calc(100vh - 70px);padding:20px;transition:margin-left .3s ease}.customer-main-content.sidebar-collapsed{margin-left:80px}@media (max-width:968px){.customer-mobile-menu-btn{display:block}.customer-sidebar{transform:translateX(-100%)}.customer-sidebar.mobile-open{transform:translateX(0)}.customer-mobile-overlay{display:block}.customer-main-content,.customer-main-content.sidebar-collapsed{margin-left:0}.customer-user-info-header{display:none}.customer-user-avatar-header{font-size:.9rem;height:36px;width:36px}.customer-notification-dropdown{right:-10px;width:320px}.customer-header-right{gap:8px}}@media (max-width:480px){.customer-notification-dropdown{left:20px;right:20px;width:calc(100vw - 40px)}.customer-user-profile-header{padding:4px 8px}.customer-profile-dropdown{min-width:160px;right:0}}.truck-search-container{background-color:#f5f7fa;min-height:calc(100vh - 70px);padding:30px;width:100%}.truck-search-content{width:100%}.search-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:32px;padding:32px}.search-title{color:#1e3a8a;font-size:2rem;font-weight:700;margin-bottom:8px}.search-subtitle{color:#6b7280;font-size:1rem;margin-bottom:32px}.search-form{display:flex;flex-direction:column;gap:24px}.search-inputs{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr}.input-group{display:flex;flex-direction:column;gap:8px;width:100%}.input-wrapper{position:relative;width:100%}.input-label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;margin:0}.input-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:1.2rem;height:20px;justify-content:center;line-height:1;width:20px}.input-label-text{display:inline-block;line-height:1.5}.location-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:14px 16px;transition:all .2s ease;width:100%}.location-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.suggestions-dropdown{animation:slideDown .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:.95rem;padding:12px 16px;transition:background-color .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#f0f7ff;color:#2563eb}.suggestion-item:active{background-color:#e0f2fe}.search-btn{align-self:center;background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;max-width:300px;padding:16px;transition:all .2s ease;width:100%}.search-btn:hover:not(:disabled){box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.search-btn:disabled{cursor:not-allowed;opacity:.6}.results-section{margin-top:32px}.results-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:24px}.trucks-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.truck-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.truck-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.truck-card-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.truck-id{color:#1e3a8a;font-size:1.25rem;font-weight:700}.truck-status{border-radius:12px;font-size:.85rem;font-weight:500;padding:6px 12px}.truck-status.available{background-color:#d1fae5;color:#065f46}.truck-card-body{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.truck-info-row{align-items:center;display:flex;justify-content:space-between}.truck-label{color:#6b7280;font-size:.9rem;font-weight:500}.truck-value{color:#333;font-size:.95rem;font-weight:600}.truck-card-footer{border-top:1px solid #f0f0f0;padding-top:16px}.book-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:all .2s ease;width:100%}.book-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.no-results{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:60px 20px;text-align:center}.no-results p{color:#6b7280;font-size:1.1rem}.booking-popup-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.booking-popup-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.booking-popup-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.booking-popup-title{color:#333;font-size:1.25rem;font-weight:600;margin:0}.booking-popup-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.booking-popup-close:hover{background-color:#f5f5f5;color:#333}.booking-popup-body{padding:32px 24px;text-align:center}.booking-popup-icon{font-size:4rem;margin-bottom:16px}.booking-popup-message{color:#1e3a8a;font-size:1.5rem;font-weight:600;margin:0 0 20px}.booking-popup-details{background:#f9fafb;border-radius:8px;margin-top:20px;padding:16px;text-align:left}.booking-popup-text{color:#666;font-size:.95rem;line-height:1.6;margin:8px 0}.booking-popup-text strong{color:#1e3a8a;font-weight:600}.booking-popup-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:center;padding:16px 24px}.booking-popup-ok-btn{background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:8px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .2s ease}.booking-popup-ok-btn:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.booking-form-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.booking-form-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.booking-form-header{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.booking-form-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.booking-form-close{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.booking-form-close:hover{background:#ffffff4d}.booking-form-body{flex:1 1;overflow-y:auto;padding:24px}.booking-truck-info{background:#f9fafb;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:24px;padding:20px}.booking-section-title{color:#1e3a8a;font-size:1.2rem;font-weight:600;margin:0 0 16px}.products-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.products-section-header .booking-section-title{margin:0}.add-product-btn{align-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.add-product-btn:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.add-product-icon{font-size:1.2rem;font-weight:600;line-height:1}.product-item{background:#f9fafb;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:20px;padding:20px}.product-item-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.product-item-title{color:#1e3a8a;font-size:1.1rem;font-weight:600;margin:0}.remove-product-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:600;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:28px}.remove-product-btn:hover{background:#dc2626;transform:scale(1.1)}.truck-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.truck-info-item{display:flex;flex-direction:column;gap:4px}.truck-info-label{color:#6b7280;font-size:.85rem;font-weight:500}.truck-info-value{color:#333;font-size:1rem;font-weight:600}.booking-details-form{display:flex;flex-direction:column;gap:20px}.booking-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.product-item .booking-form-row:last-of-type{grid-template-columns:repeat(4,1fr)}.booking-form-group{display:flex;flex-direction:column;gap:8px}.booking-form-group.full-width{grid-column:1/-1}.booking-form-label{align-items:center;color:#333;display:flex;font-size:.95rem;font-weight:500;gap:4px}.booking-form-label .required{color:#ef4444}.booking-form-label .phone-hint{color:#6b7280;font-size:.85rem;font-style:italic;font-weight:400;margin-left:4px}.booking-form-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.booking-form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.booking-form-input.error{border-color:#ef4444}.booking-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.booking-form-input::placeholder{color:#9ca3af}select.booking-form-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px;pointer-events:auto}select.booking-form-input:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%232563EB' d='M6 9 1 4h10z'/%3E%3C/svg%3E");border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.booking-field-error{color:#ef4444;font-size:.85rem;margin-top:-4px}.booking-form-actions{border-top:1px solid #e0e0e0;display:flex;gap:16px;justify-content:flex-end;margin-top:24px;padding-top:24px}.booking-cancel-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.booking-cancel-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#333}.booking-submit-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .2s ease}.booking-submit-btn:hover{box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.booking-summary{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-top:12px;padding:16px}.booking-summary p{color:#333;font-size:.95rem;line-height:1.6;margin:8px 0}.booking-summary strong{color:#1e3a8a;font-weight:600}.product-summary-item{background:#f9fafb;border-left:3px solid #2563eb;border-radius:8px;margin:12px 0;padding:12px}.product-summary-item p{margin:4px 0}@media (max-width:768px){.search-inputs{grid-template-columns:1fr}.products-section-header{align-items:flex-start;flex-direction:column;gap:12px}.add-product-btn{justify-content:center;width:100%}.product-item .booking-form-row{grid-template-columns:1fr}.product-item .booking-form-row:last-of-type{grid-template-columns:repeat(2,1fr)}.trucks-grid{grid-template-columns:1fr}.search-title{font-size:1.5rem}.booking-form-content{max-height:95vh;max-width:100%}.booking-form-row,.truck-info-grid{grid-template-columns:1fr}.booking-form-actions{flex-direction:column}.booking-cancel-btn,.booking-submit-btn{width:100%}}.booking-history-container{background-color:#f5f7fa;min-height:calc(100vh - 70px);padding:30px;width:100%}.booking-history-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.booking-history-title{color:#333;font-size:1.8rem;font-weight:600;margin:0}.history-search-input{border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;padding:10px 16px 10px 40px;transition:all .2s ease;width:350px}.history-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.history-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;overflow-x:auto}.history-table{border-collapse:collapse;min-width:800px;width:100%}.history-table thead{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0}.history-table th{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase;white-space:nowrap}.history-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:16px;white-space:nowrap}.history-table tbody tr:hover{background-color:#f9fafb}.status-accept{background-color:#d1fae5;color:#065f46}.status-reject{background-color:#fee2e2;color:#991b1b}.view-details-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;padding:4px 8px;transition:background-color .2s ease;width:32px}.view-details-btn:hover{background-color:#e0f2fe}.btn-view{background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:6px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.btn-view:hover{box-shadow:0 2px 4px #2563eb4d;transform:translateY(-1px)}.modal-overlay{background:#00000080}.modal-content{box-shadow:0 10px 40px #0003}.history-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:24px}@media (max-width:768px){.booking-history-container{padding:12px}.booking-history-header{align-items:stretch;flex-direction:column}.history-search-input{width:100%}.history-table{min-width:600px}}.customer-profile-container{background-color:#f5f7fa;min-height:calc(100vh - 70px);padding:30px;width:100%}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.profile-title{color:#333;font-size:1.8rem;font-weight:600;margin:0}.edit-profile-btn{align-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:6px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:6px;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.edit-profile-btn:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.success-message{background:#d1fae5;border-radius:8px;color:#065f46;margin-bottom:24px;padding:12px 20px}.profile-content{width:100%}.profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:32px}.profile-avatar-section{border-bottom:1px solid #e0e0e0;margin-bottom:32px;padding-bottom:32px;text-align:center}.profile-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:120px;justify-content:center;margin:0 auto 16px;width:120px}.profile-name{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 8px}.profile-email{color:#666;font-size:1rem;margin:0}.profile-form-section{width:100%}.section-title{margin-bottom:20px}.form-group.full-width{grid-column:1/-1}.form-label{color:#333;font-size:.9rem;font-weight:500}.form-input{border-radius:8px;font-size:.95rem;padding:12px 16px;transition:all .2s ease}.form-input:disabled{opacity:.7}.form-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn-cancel,.btn-save{border-radius:8px;padding:12px 24px}@media (max-width:768px){.customer-profile-container{padding:12px}.profile-header{align-items:flex-start;flex-direction:column;gap:16px}.form-grid{grid-template-columns:1fr}.profile-card{padding:20px}}.customer-tracking-container{margin:0 auto;max-width:1200px;padding:24px;width:100%}.customer-tracking-header{margin-bottom:32px}.customer-tracking-title{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 8px}.customer-tracking-subtitle{color:#6b7280;font-size:1rem;margin:0}.customer-tracking-search-section{margin-bottom:32px}.customer-tracking-search-box{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;padding:12px 16px}.customer-search-icon{color:#6b7280;font-size:1.5rem}.customer-tracking-input{border:none;color:#1f2937;flex:1 1;font-size:1rem;outline:none;padding:8px 0}.customer-tracking-input::placeholder{color:#9ca3af}.customer-track-now-btn{background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 24px;transition:all .2s ease;white-space:nowrap}.customer-track-now-btn:hover{box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.customer-track-now-btn:active{transform:translateY(0)}.customer-tracking-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin-top:12px;padding:12px 16px}.customer-tracking-summary-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.customer-summary-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.customer-summary-item{display:flex;flex-direction:column;gap:8px}.customer-summary-label{color:#6b7280;font-size:.875rem;font-weight:500}.customer-summary-value{color:#1f2937;font-size:1rem;font-weight:600}.customer-status-banner{align-items:center;background:#6366f1;border-radius:12px;color:#fff;display:flex;gap:16px;margin-bottom:32px;padding:20px 24px}.customer-status-text{font-size:1.25rem;font-weight:700;white-space:nowrap}.customer-status-message{flex:1 1;font-size:1rem;font-weight:400}.customer-tracking-details-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:32px}.customer-tracking-details-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 32px}.customer-timeline-container{position:relative}.customer-timeline-item{margin-bottom:0;position:relative}.customer-timeline-content{align-items:flex-start;display:flex;gap:20px}.customer-timeline-icon-wrapper{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;position:relative;width:48px;z-index:1}.customer-icon-clock,.customer-icon-package{font-size:1.5rem}.customer-icon-checkmark{font-size:1.25rem;font-weight:700}.customer-timeline-details{flex:1 1;padding-top:4px}.customer-timeline-stage-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.customer-timeline-stage{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:4px}.customer-expand-toggle-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-top:4px;padding:4px;transition:color .2s ease}.customer-expand-toggle-btn:hover{color:#2563eb}.customer-intermediate-stops-container{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:8px;margin-top:20px;padding:16px}.customer-intermediate-stops-label{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.customer-intermediate-stop-item{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.customer-intermediate-stop-item:last-child{margin-bottom:0}.customer-intermediate-stop-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.customer-intermediate-stop-details{flex:1 1}.customer-intermediate-stop-location{color:#1f2937;font-size:.95rem;font-weight:600;margin-bottom:4px}.customer-intermediate-stop-description{color:#6b7280;font-size:.875rem;margin-bottom:4px}.customer-intermediate-stop-datetime{color:#9ca3af;font-size:.8rem;font-weight:500}.customer-timeline-location{color:#374151;font-size:1rem;font-weight:500;margin-bottom:4px}.customer-timeline-description{color:#6b7280;font-size:.9rem;margin-bottom:8px}.customer-timeline-datetime,.customer-timeline-pending{color:#9ca3af;font-size:.875rem;font-weight:500}.customer-timeline-pending{font-style:italic}.customer-timeline-line{height:60px;margin-bottom:8px;margin-left:24px;margin-top:8px;width:2px}@media (max-width:768px){.customer-tracking-container{padding:16px}.customer-tracking-title{font-size:1.5rem}.customer-tracking-subtitle{font-size:.9rem}.customer-tracking-search-box{align-items:stretch;flex-direction:column}.customer-track-now-btn{width:100%}.customer-summary-row{gap:16px;grid-template-columns:1fr}.customer-status-banner{align-items:flex-start;flex-direction:column;gap:8px}.customer-tracking-details-section{padding:20px}.customer-timeline-content{gap:16px}.customer-timeline-icon-wrapper{font-size:1.25rem;height:40px;width:40px}.customer-timeline-line{height:50px;margin-left:20px}}.dashboard-container{background-color:#f5f7fa;display:flex;flex-direction:column;min-height:100vh}.top-header{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;height:70px;justify-content:space-between;left:0;padding:0 30px;position:fixed;right:0;top:0;z-index:1000}.header-left,.top-header{align-items:center;display:flex}.header-left{flex:1 1;gap:16px}.notifications-container{position:relative}.notifications-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:background-color .3s ease}.notifications-btn:hover{background-color:#f3f4f6}.notification-icon{font-size:1.3rem}.notification-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;line-height:1.4;min-width:18px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:4px}.notification-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:1001}.notification-dropdown-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.notification-dropdown-header h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.notification-dropdown-list{max-height:400px;overflow-y:auto;padding:8px 0}.notification-dropdown-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:background-color .2s ease}.notification-dropdown-item:hover{background-color:#f9fafb}.notification-dropdown-item:last-child{border-bottom:none}.notification-dropdown-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;width:32px}.notification-dropdown-icon.warning{background:#fef2f2}.notification-dropdown-icon.delay{background:#fffbeb}.notification-dropdown-icon.success{background:#f0fdf4;color:#10b981}.notification-dropdown-icon.info{background:#eff6ff}.notification-dropdown-icon.payment{background:#f5f3ff}.notification-dropdown-content{flex:1 1;min-width:0}.notification-dropdown-text{color:#1f2937;font-size:.9rem;line-height:1.4;margin-bottom:4px}.notification-dropdown-time{color:#9ca3af;font-size:.75rem}.notification-dropdown-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 20px;text-align:center}.mobile-menu-btn{background:none;border:none;border-radius:4px;cursor:pointer;display:none;padding:8px;transition:background-color .2s ease;z-index:1001}.mobile-menu-btn:hover{background-color:#f5f5f5}.mobile-menu-btn:active{background-color:#e0e0e0}.hamburger{cursor:pointer;display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger span{background-color:#333;border-radius:3px;display:block;height:3px;transition:all .3s ease;width:100%}.hamburger.open span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.page-title{color:#333;font-size:1.5rem;font-weight:600;margin:0}.header-right{gap:20px}.header-right,.user-profile{align-items:center;display:flex}.user-profile{border-radius:8px;cursor:pointer;gap:12px;padding:8px 12px;transition:background-color .3s ease}.user-profile:hover{background-color:#f5f5f5}.user-avatar{align-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-info{display:flex;flex-direction:column}.user-name{color:#333;font-size:.95rem;font-weight:600}.user-role{color:#666;font-size:.8rem}.dropdown-arrow{background:none;border:none;cursor:pointer;font-size:.7rem;transition:transform .3s ease}.user-profile-container{position:relative}.user-profile-container .user-profile:hover .dropdown-arrow{color:#2563eb}.user-profile-container .dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:10px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item.logout-item{color:#dc2626}.dropdown-item.logout-item:hover{background-color:#fee2e2;color:#b91c1c}.dropdown-icon{font-size:1.1rem}.mobile-overlay{background-color:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:999}.mobile-overlay.active{opacity:1}.sidebar{background-color:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 5px #0000000d;display:flex;flex-direction:column;height:calc(100vh - 70px);overflow-y:auto;position:fixed;top:70px;transition:width .3s ease,transform .3s ease;width:280px;z-index:1000}.sidebar.collapsed{width:80px}.sidebar-header{background-color:#fff;border-bottom:1px solid #e0e0e0;gap:12px;padding:20px;position:relative}.logo,.sidebar-header{align-items:center;display:flex}.logo{background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:8px;flex-shrink:0;height:40px;justify-content:center;width:40px}.logo-icon{font-size:24px}.logo-text{color:#333;font-size:1.2rem;font-weight:600;margin:0;white-space:nowrap}.collapse-btn{align-items:center;background:#f5f5f5;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;position:absolute;right:10px;transition:background-color .3s ease;width:24px}.collapse-btn:hover{background:#e0e0e0}.sidebar.collapsed .logo-text{display:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.nav-section{margin-bottom:30px}.nav-section-title{color:#999;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:12px;padding:0 20px;text-transform:uppercase}.sidebar.collapsed .nav-section-title{display:none}.nav-list{list-style:none;padding:0}.nav-list li{margin:0}.nav-item{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;gap:12px;padding:12px 20px;position:relative;text-align:left;transition:all .3s ease;width:100%}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.nav-item:hover{background-color:#f5f5f5;color:#333}.nav-item.active{background-color:#e3f2fd;border-left:3px solid #2563eb;color:#2563eb;font-weight:500}.sidebar.collapsed .nav-item.active{border-left:none;border-right:3px solid #2563eb}.nav-icon{flex-shrink:0;font-size:1.2rem;text-align:center;width:24px}.nav-label{flex:1 1;white-space:nowrap}.sidebar.collapsed .nav-label{display:none}.sidebar-footer{background-color:#fff;border-top:1px solid #e0e0e0;padding:20px}.user-profile-sidebar{align-items:center;display:flex;gap:12px}.user-avatar-sidebar{align-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-details-sidebar{display:flex;flex-direction:column}.user-name-sidebar{color:#333;font-size:.9rem;font-weight:600}.user-role-sidebar{color:#666;font-size:.75rem}.sidebar.collapsed .user-details-sidebar{display:none}.main-content{background-color:#f5f7fa;margin-left:280px;margin-top:70px;min-height:calc(100vh - 70px);padding:20px 15px;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:80px}.content-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 130px);padding:60px 40px}.coming-soon-title{color:#333;font-size:3rem;font-weight:700;margin-bottom:20px;text-align:center}.coming-soon-message{color:#666;font-size:1.5rem;text-align:center}@media (max-width:768px){.mobile-menu-btn,.mobile-overlay{display:block}.top-header{height:65px;padding:0 12px}.header-left{gap:12px}.page-title{font-size:1.1rem}.user-profile{gap:8px;padding:6px 8px}.user-avatar{font-size:1rem;height:35px;width:35px}.user-info{display:none}.sidebar{border-right:1px solid #e0e0e0;box-shadow:2px 0 10px #0000001a;height:calc(100vh - 65px);left:0;top:65px;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1000}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{width:280px}.collapse-btn{display:none}.main-content{margin-left:0;margin-top:65px;padding:12px 8px}.main-content.sidebar-collapsed{margin-left:0}.welcome-banner{padding:16px}.welcome-banner h2{font-size:1.3rem}.welcome-banner p{font-size:.9rem}.metrics-grid{gap:12px;grid-template-columns:1fr}.metric-card{padding:16px}.additional-sections{gap:12px;grid-template-columns:1fr}.chart-card{padding:16px}.chart-placeholder{height:250px}}@media (max-width:576px){.top-header{height:60px;padding:0 8px}.header-left{gap:10px}.mobile-menu-btn{padding:6px}.hamburger{height:16px;width:22px}.page-title{font-size:.95rem}.sidebar{height:calc(100vh - 60px);top:60px;width:260px}.user-profile{gap:6px;padding:4px 6px}.user-avatar{font-size:.9rem;height:32px;width:32px}.dropdown-arrow{font-size:.6rem}.sidebar-header{padding:12px}.logo{height:32px;width:32px}.logo-icon{font-size:18px}.logo-text{font-size:.95rem}.nav-item{font-size:.9rem;padding:10px 12px}.nav-icon{font-size:1rem}.main-content{margin-top:60px;padding:10px 6px}.welcome-banner{margin-bottom:16px;padding:12px}.welcome-banner h2{font-size:1.1rem;margin-bottom:6px}.welcome-banner p{font-size:.85rem}.metrics-grid{gap:10px;margin-bottom:16px}.metric-card{gap:12px;padding:14px}.metric-icon{font-size:1.8rem;height:45px;width:45px}.metric-value{font-size:1.4rem}.metric-label{font-size:.85rem}.metric-change{font-size:.8rem}.charts-grid{gap:12px;margin-bottom:16px}.chart-card{padding:14px}.chart-header h3{font-size:1rem}.chart-placeholder{height:200px;padding:20px}.chart-placeholder p{font-size:1rem}.chart-placeholder span{font-size:.85rem}.section-card{padding:14px}.section-card h3{font-size:1rem;margin-bottom:12px}.additional-sections{gap:10px}.content-wrapper{min-height:calc(100vh - 150px);padding:30px 16px}.coming-soon-title{font-size:1.6rem;margin-bottom:12px}.coming-soon-message{font-size:1rem}.modal-content{max-width:350px;width:95%}.modal-header{padding:16px 20px}.modal-header h3{font-size:1.1rem}.modal-body{padding:20px}.modal-body p{font-size:.9rem}.modal-footer{gap:10px;padding:12px 20px}.modal-button{font-size:.9rem;padding:8px 20px}.profile-dropdown{min-width:160px;right:-10px}.dropdown-item{font-size:.9rem;padding:10px 14px}}@media (max-width:400px){.top-header{height:55px;padding:0 6px}.header-left{gap:8px}.mobile-menu-btn{padding:4px}.hamburger{height:15px;width:20px}.page-title,.user-avatar{font-size:.85rem}.user-avatar{height:28px;width:28px}.sidebar{height:calc(100vh - 55px);top:55px;width:240px}.main-content{padding:8px 4px}.welcome-banner{padding:10px}.welcome-banner h2{font-size:1rem}.metric-card{padding:12px}.metric-value{font-size:1.2rem}.content-wrapper{padding:20px 12px}.coming-soon-title{font-size:1.4rem}}.dashboard-content{margin-top:70px;padding:20px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{gap:15px;padding:20px}.metric-card.blue{border-left:4px solid #2563eb}.metric-card.green{border-left:4px solid #10b981}.metric-card.purple{border-left:4px solid #6366f1}.metric-card.orange{border-left:4px solid #f59e0b}.metric-card.red{border-left:4px solid #ef4444}.metric-icon{flex-shrink:0}.metric-value{color:#1f2937;font-size:1.8rem}.metric-label{color:#6b7280;font-size:.85rem}.metric-change{align-items:center;display:flex;font-size:.8rem;gap:4px}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.dashboard-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px}.section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.section-header h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.create-new-link,.mark-read-link,.view-all-link,.view-map-link{color:#2563eb;font-size:.85rem;font-weight:500;text-decoration:none}.create-new-link:hover,.mark-read-link:hover,.view-all-link:hover,.view-map-link:hover{text-decoration:underline}.section-content{display:flex;flex-direction:column;gap:20px}.trip-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.stat-item{background:#f9fafb;border-radius:8px;padding:15px;text-align:center}.stat-label{color:#6b7280;font-size:.8rem;margin-bottom:8px}.stat-value{color:#1f2937;font-size:1.5rem;font-weight:700}.stat-value.red-text{color:#ef4444}.chart-container{margin-top:10px}.chart-title{color:#6b7280;font-size:.9rem;margin-bottom:15px;text-align:center}.bar-chart{align-items:flex-end;display:flex;gap:10px;height:200px;justify-content:space-around}.bar-chart-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.bar{background:linear-gradient(180deg,#2563eb,#60a5fa);border-radius:4px 4px 0 0;min-height:20px;transition:all .3s ease;width:100%}.bar:hover{opacity:.8}.bar-label{color:#6b7280;font-size:.75rem}.utilization-breakdown{display:flex;flex-direction:column;gap:12px}.util-item{align-items:center;display:flex;gap:15px}.util-label{color:#374151;font-size:.9rem;font-weight:500;min-width:80px}.util-bar-wrapper{background:#f3f4f6;border-radius:6px;flex:1 1;height:30px;overflow:hidden;position:relative}.util-bar{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:100%;justify-content:center;padding:0 8px}.blue-bar{background:#2563eb}.green-bar{background:#10b981}.orange-bar{background:#f59e0b}.top-drivers,.top-vehicles{margin-top:15px}.list-title{color:#374151;font-size:.9rem;font-weight:600;margin-bottom:12px}.driver-list,.lr-list,.route-list,.vehicle-list{display:flex;flex-direction:column;gap:10px}.list-item{align-items:center;background:#f9fafb;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.item-name{color:#374151;font-size:.9rem;font-weight:500}.item-value{color:#6b7280;font-size:.85rem;font-weight:600}.item-time{color:#9ca3af;font-size:.8rem}.item-status{font-size:.85rem;font-weight:600}.green-text{color:#10b981}.red-text{color:#ef4444}.driver-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.lr-stats{margin-bottom:10px}.lr-status{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:15px}.status-item{align-items:center;display:flex;justify-content:space-between}.status-label{color:#374151;font-size:.9rem}.status-value{color:#1f2937;font-size:.9rem;font-weight:600}.recent-lr{margin-top:15px}.revenue-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.period-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.85rem;padding:6px 12px}.payment-chart{margin-top:15px}.donut-chart-container{gap:30px;padding:20px}.donut-chart,.donut-chart-container{align-items:center;display:flex;justify-content:center}.donut-chart{background:conic-gradient(#2563eb 0 55%,#10b981 55% 85%,#f59e0b 85% 100%);border-radius:50%;height:150px;position:relative;width:150px}.donut-chart:before{background:#fff;border-radius:50%;content:"";height:100px;position:absolute;width:100px}.donut-legend{display:flex;flex-direction:column;gap:10px}.legend-item{color:#374151;font-size:.85rem}.legend-color{border-radius:3px;display:inline-block;height:12px;width:12px}.route-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:15px}.map-placeholder{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;height:200px;justify-content:center;margin-bottom:15px}.map-content{text-align:center}.map-content p{color:#6b7280;font-size:.9rem;margin-bottom:10px}.open-map-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px}.open-map-btn:hover{background:#1d4ed8}.document-bars{gap:15px;margin-bottom:20px}.doc-bar-item,.document-bars{display:flex;flex-direction:column}.doc-bar-item{gap:8px}.doc-label{color:#374151;font-size:.85rem;font-weight:600;min-width:80px}.doc-bar{background:#f3f4f6;border-radius:4px;display:flex;height:24px;overflow:hidden}.doc-bar-segment{height:100%}.doc-bar-segment.expired{background:#ef4444}.doc-bar-segment.expiring{background:#f59e0b}.doc-bar-segment.valid{background:#10b981}.doc-counts{color:#6b7280;font-size:.75rem}.urgent-alerts{margin-top:15px}.alert-list{display:flex;flex-direction:column;gap:10px}.alert-item{align-items:flex-start;background:#fef2f2;border-left:3px solid #ef4444;border-radius:6px;display:flex;gap:10px;padding:12px}.alert-icon{font-size:1.2rem}.alert-content{flex:1 1}.alert-text{color:#1f2937;font-size:.85rem;font-weight:500}.notifications-list{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.notification-item{align-items:flex-start;background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:24px;justify-content:center;width:24px}.notification-icon.warning{background:#fef2f2}.notification-icon.clock{background:#fffbeb}.notification-icon.success{background:#f0fdf4;color:#10b981}.notification-icon.info{background:#eff6ff}.notification-icon.payment{background:#f5f3ff}.notification-content{flex:1 1}.notification-text{color:#1f2937;font-size:.9rem;margin-bottom:4px}.notification-time{color:#9ca3af;font-size:.75rem}.view-all-notifications{border-top:1px solid #e5e7eb;color:#2563eb;display:block;font-size:.85rem;font-weight:500;margin-top:10px;padding:10px;text-align:center;text-decoration:none}.view-all-notifications:hover{text-decoration:underline}@media (max-width:1400px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.dashboard-content{padding:15px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.driver-stats,.revenue-stats,.route-stats,.trip-stats{grid-template-columns:1fr}.donut-chart-container{flex-direction:column;gap:20px}}@media (max-width:576px){.metrics-grid{grid-template-columns:1fr}.metric-card{padding:15px}.metric-icon{font-size:2rem;height:50px;width:50px}.metric-value{font-size:1.5rem}.dashboard-section{padding:15px}}.agency-map-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-top:30px;padding:20px}.agency-map-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.agency-map-title{color:#333;font-size:1.5rem;font-weight:600;margin:0}.agency-map-legend{display:flex;gap:20px}.legend-item{align-items:center;color:#666;display:flex;font-size:.9rem;gap:8px}.legend-icon{border:2px solid #fff;border-radius:50% 50% 50% 0;box-shadow:0 1px 3px #0003;height:20px;transform:rotate(-45deg);width:20px}.legend-icon.active{background-color:#10b981}.legend-icon.inactive{background-color:#ef4444}.agency-map{border-radius:8px;height:500px;overflow:hidden;width:100%;z-index:0}.custom-marker{background:#0000!important;border:none!important}@media (max-width:768px){.agency-map-header{align-items:flex-start;flex-direction:column;gap:12px}.agency-map{height:400px}}.schedule-type-badge{background-color:#e3f2fd;color:#1e3a8a}.no-data{padding:40px 20px}.tracking-container{margin:0 auto;max-width:1200px;padding:24px;width:100%}.tracking-header{margin-bottom:32px}.tracking-title{color:#1f2937;font-size:2rem;font-weight:700;margin:0}.tracking-search-section{margin-bottom:32px}.tracking-search-box{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;padding:12px 16px}.search-icon{font-size:1.5rem}.tracking-input{border:none;color:#1f2937;flex:1 1;font-size:1rem;outline:none;padding:8px 0}.tracking-input::placeholder{color:#9ca3af}.track-now-btn{background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 24px;transition:all .2s ease;white-space:nowrap}.track-now-btn:hover{box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.track-now-btn:active{transform:translateY(0)}.tracking-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin-top:12px;padding:12px 16px}.tracking-summary-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.summary-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{display:flex;flex-direction:column;gap:8px}.summary-label{color:#6b7280;font-size:.875rem;font-weight:500}.summary-value{color:#1f2937;font-size:1rem;font-weight:600}.status-banner{align-items:center;background:#6366f1;border-radius:12px;color:#fff;display:flex;gap:16px;margin-bottom:32px;padding:20px 24px}.status-text{font-size:1.25rem;font-weight:700;white-space:nowrap}.status-message{flex:1 1;font-size:1rem;font-weight:400}.tracking-details-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:32px}.tracking-details-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 32px}.timeline-container,.timeline-item{position:relative}.timeline-item{margin-bottom:0}.timeline-content{align-items:flex-start;display:flex;gap:20px}.timeline-icon-wrapper{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;position:relative;width:48px;z-index:1}.icon-clock,.icon-package{font-size:1.5rem}.icon-checkmark{font-size:1.25rem;font-weight:700}.timeline-details{flex:1 1;padding-top:4px}.timeline-stage-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.timeline-stage{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:4px}.expand-toggle-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-top:4px;padding:4px;transition:color .2s ease}.expand-toggle-btn:hover{color:#2563eb}.intermediate-stops-container{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:8px;margin-top:20px;padding:16px}.intermediate-stops-label{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.intermediate-stop-item{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.intermediate-stop-item:last-child{margin-bottom:0}.intermediate-stop-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.intermediate-stop-details{flex:1 1}.intermediate-stop-location{color:#1f2937;font-size:.95rem;font-weight:600;margin-bottom:4px}.intermediate-stop-description{color:#6b7280;font-size:.875rem;margin-bottom:4px}.intermediate-stop-datetime{color:#9ca3af;font-size:.8rem;font-weight:500}.timeline-location{color:#374151;font-size:1rem;font-weight:500;margin-bottom:4px}.timeline-description{color:#6b7280;font-size:.9rem;margin-bottom:8px}.timeline-datetime,.timeline-pending{color:#9ca3af;font-size:.875rem;font-weight:500}.timeline-pending{font-style:italic}.timeline-line{height:60px;margin-bottom:8px;margin-left:24px;margin-top:8px;width:2px}@media (max-width:768px){.tracking-container{padding:16px}.tracking-title{font-size:1.5rem}.tracking-search-box{align-items:stretch;flex-direction:column}.track-now-btn{width:100%}.summary-row{gap:16px;grid-template-columns:1fr}.status-banner{align-items:flex-start;flex-direction:column;gap:8px}.tracking-details-section{padding:20px}.timeline-content{gap:16px}.timeline-icon-wrapper{font-size:1.25rem;height:40px;width:40px}.timeline-line{height:50px;margin-left:20px}}.agency-management-container{background-color:#f5f7fa;min-height:calc(100vh - 70px);padding:30px;width:100%}.agency-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.agency-title{color:#333;font-size:1.8rem;font-weight:600;margin:0}.agency-actions{display:flex;gap:12px}.agency-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.show-entries{color:#666}.entries-dropdown-header{min-width:60px}.entries-dropdown-content{box-shadow:0 4px 6px #0000001a;margin-top:4px;min-width:60px;top:100%;z-index:1000}.table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;overflow-x:auto;overflow-y:visible}.agency-table{border-collapse:collapse;min-width:1200px;width:100%}.agency-table thead{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0}.agency-table th{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase;white-space:nowrap}.agency-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:16px;white-space:nowrap}.agency-table tbody tr:hover{background-color:#f9fafb}.status-badge.inactive{background-color:#f3f4f6;color:#6b7280}.action-btn{font-size:1rem}.pagination-container{align-items:center;display:flex;justify-content:space-between;padding:16px 0}.pagination{align-items:center;display:flex;gap:8px}@media (max-width:1200px){.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.agency-table{min-width:1200px}}@media (max-width:768px){.agency-management-container{padding:12px}.agency-header{align-items:flex-start;flex-direction:column;gap:16px}.agency-filters{align-items:stretch}.agency-filters,.filter-group{flex-direction:column}.search-input{width:100%}.pagination-container{align-items:stretch;flex-direction:column;gap:16px}.pagination{justify-content:center}.agency-table td,.agency-table th{font-size:.85rem;padding:12px 8px}.agency-table{min-width:1000px}}.input-suffix[style*="cursor: pointer"]{pointer-events:auto}.delete-vehicle-modal-content{max-width:450px}.delete-vehicle-header{background:#fef3c7;border-bottom:1px solid #e0e0e0}.delete-warning-icon{background:#f59e0b;border-radius:50%;flex-shrink:0;height:40px;width:40px}.delete-vehicle-title{color:#333}.delete-vehicle-message{color:#666}.delete-vehicle-details{background:#f9fafb;margin-top:16px}.requests-title{margin:0}.btn-share{align-items:center;background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.btn-share:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-share:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.share-modal{max-height:80vh;max-width:600px}.share-request-info{background:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.share-request-info p{color:#333;font-size:.9rem;margin:8px 0}.share-request-info strong{color:#1f2937;font-weight:600}.agency-selection-section{margin-top:24px}.agency-search-wrapper{margin-bottom:16px;position:relative}.agency-search-input{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;outline:none;padding:10px 40px 10px 16px;transition:border-color .2s ease;width:100%}.agency-search-input:focus{border-color:#2563eb}.agency-search-wrapper .search-icon{color:#6b7280;font-size:1rem;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.agencies-list{background:#fff;border:1px solid #e5e7eb;border-radius:6px;max-height:300px;overflow-y:auto}.agency-radio-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.agency-radio-item:last-child{border-bottom:none}.agency-radio-item:hover{background-color:#f9fafb}.agency-radio-item input[type=radio]{accent-color:#2563eb;cursor:pointer;height:18px;width:18px}.agency-radio-item:has(input[type=radio]:checked){background-color:#eff6ff;border-left:3px solid #2563eb}.agency-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.agency-name{color:#1f2937;font-size:.95rem;font-weight:500}.agency-location{color:#6b7280;font-size:.85rem}.agency-status{border-radius:12px;font-size:.8rem;font-weight:500;padding:4px 12px}.agency-status.active{background-color:#d1fae5;color:#065f46}.agency-status.inactive{background-color:#fee2e2;color:#991b1b}.selected-count{background:#eff6ff;border-radius:6px;color:#2563eb;font-size:.9rem;font-weight:500;margin-top:16px;padding:12px;text-align:center}.confirm-share-modal{max-width:500px}.confirm-share-details{background:#f9fafb;border-radius:8px;margin:16px 0;padding:16px}.confirm-detail-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.confirm-detail-row:last-child{border-bottom:none}.confirm-label{color:#6b7280;font-size:.9rem;font-weight:500}.confirm-value{color:#1f2937;font-size:.9rem;font-weight:600}.confirm-value.highlight{color:#2563eb;font-size:1rem}.confirm-warning{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;color:#92400e;margin-top:16px;padding:12px}.btn-confirm-share-final{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-confirm-share-final:hover{background:#1d4ed8;box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.no-agencies{color:#9ca3af;font-style:italic;padding:40px;text-align:center}.btn-confirm-share{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-confirm-share:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.btn-confirm-share:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.success-toast{animation:slideInRight .3s ease;background:#10b981;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;padding:16px 24px;position:fixed;right:30px;top:100px;z-index:10000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}*{box-sizing:border-box;margin:0;padding:0}.agency-dashboard-container{background-color:#f5f7fa;display:flex;flex-direction:column;min-height:100vh}.agency-top-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;height:70px;justify-content:space-between;left:0;padding:0 30px;position:fixed;right:0;top:0;z-index:1000}.agency-header-left{align-items:center;display:flex;flex:1 1;gap:16px}.agency-notifications-container{position:relative}.agency-notifications-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:background-color .3s ease}.agency-notifications-btn:hover{background-color:#f3f4f6}.agency-notification-icon{font-size:1.3rem}.agency-notification-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;line-height:1.4;min-width:18px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:4px}.agency-notification-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:1001}.agency-notification-dropdown-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.agency-notification-dropdown-header h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.mark-all-read-btn{background:none;border:none;border-radius:4px;color:#2563eb;cursor:pointer;font-size:.85rem;font-weight:500;padding:4px 8px;transition:background-color .2s ease}.mark-all-read-btn:hover{background-color:#eff6ff}.agency-notification-dropdown-list{max-height:400px;overflow-y:auto;padding:8px 0}.agency-notification-dropdown-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:background-color .2s ease}.agency-notification-dropdown-item:hover{background-color:#f9fafb}.agency-notification-dropdown-item:last-child{border-bottom:none}.agency-notification-dropdown-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;width:32px}.agency-notification-dropdown-icon.warning{background:#fef2f2}.agency-notification-dropdown-icon.delay{background:#fffbeb}.agency-notification-dropdown-icon.success{background:#f0fdf4;color:#10b981}.agency-notification-dropdown-icon.info{background:#eff6ff}.agency-notification-dropdown-icon.payment{background:#f5f3ff}.agency-notification-dropdown-content{flex:1 1;min-width:0}.agency-notification-dropdown-text{color:#1f2937;font-size:.9rem;line-height:1.4;margin-bottom:4px}.agency-notification-dropdown-time{color:#9ca3af;font-size:.75rem}.agency-notification-dropdown-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 20px;text-align:center}.view-all-notifications-link{color:#2563eb;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s ease}.view-all-notifications-link:hover{color:#1d4ed8;text-decoration:underline}.agency-mobile-menu-btn{background:none;border:none;border-radius:4px;cursor:pointer;display:none;padding:8px;transition:background-color .2s ease;z-index:1001}.agency-mobile-menu-btn:hover{background-color:#f5f5f5}.agency-mobile-menu-btn:active{background-color:#e0e0e0}.agency-hamburger{cursor:pointer;display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.agency-hamburger span{background-color:#333;border-radius:3px;display:block;height:3px;transition:all .3s ease;width:100%}.agency-hamburger.open span:first-child{transform:rotate(45deg) translate(8px,8px)}.agency-hamburger.open span:nth-child(2){opacity:0}.agency-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.agency-page-title{color:#333;font-size:1.5rem;font-weight:600;margin:0}.agency-header-right{align-items:center;display:flex;gap:20px}.agency-user-profile{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:background-color .3s ease}.agency-user-profile:hover{background-color:#f5f5f5}.agency-user-avatar{align-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;width:40px}.agency-user-info{display:flex;flex-direction:column}.agency-user-name{color:#333;font-size:.95rem;font-weight:600}.agency-user-role{color:#666;font-size:.8rem}.agency-dropdown-arrow{background:none;border:none;color:#666;cursor:pointer;font-size:.7rem;transition:transform .3s ease}.agency-user-profile-container{position:relative}.agency-user-profile-container .agency-user-profile:hover .agency-dropdown-arrow{color:#2563eb}.agency-user-profile-container .agency-dropdown-arrow.open{transform:rotate(180deg)}.agency-profile-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.agency-dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:10px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.agency-dropdown-item:hover{background-color:#f5f5f5}.agency-dropdown-item.agency-logout-item{color:#dc2626}.agency-dropdown-item.agency-logout-item:hover{background-color:#fee2e2;color:#b91c1c}.agency-dropdown-icon{font-size:1.1rem}.agency-modal-overlay{align-items:center;animation:overlayFadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.agency-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%}.agency-modal-header{border-bottom:1px solid #e0e0e0;padding:20px 24px}.agency-modal-header h3{color:#333;font-size:1.3rem;font-weight:600;margin:0}.agency-modal-body{padding:24px}.agency-modal-body p{color:#666;font-size:1rem;line-height:1.5;margin:0}.agency-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.agency-modal-button{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.agency-modal-button.cancel-button{background-color:#f5f5f5;color:#333}.agency-modal-button.cancel-button:hover{background-color:#e0e0e0}.agency-modal-button.confirm-button{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff}.agency-modal-button.confirm-button:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.agency-modal-button.confirm-button:active{transform:translateY(0)}.agency-mobile-overlay{background-color:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:999}.agency-mobile-overlay.active{opacity:1}.agency-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 5px #0000000d;display:flex;flex-direction:column;height:calc(100vh - 70px);overflow-y:auto;position:fixed;top:70px;transition:width .3s ease,transform .3s ease;width:280px;z-index:1000}.agency-sidebar.collapsed{width:80px}.agency-sidebar-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:20px;position:relative}.agency-logo{align-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.agency-logo-icon{font-size:24px}.agency-logo-text{color:#333;font-size:1.2rem;font-weight:600;margin:0;white-space:nowrap}.agency-collapse-btn{align-items:center;background:#f5f5f5;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;position:absolute;right:10px;transition:background-color .3s ease;width:24px}.agency-collapse-btn:hover{background:#e0e0e0}.agency-sidebar.collapsed .agency-logo-text{display:none}.agency-sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.agency-nav-section{margin-bottom:30px}.agency-nav-section-title{color:#999;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:12px;padding:0 20px;text-transform:uppercase}.agency-sidebar.collapsed .agency-nav-section-title{display:none}.agency-nav-list{list-style:none;padding:0}.agency-nav-list li{margin:0}.agency-nav-item{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;gap:12px;padding:12px 20px;position:relative;text-align:left;transition:all .3s ease;width:100%}.agency-sidebar.collapsed .agency-nav-item{justify-content:center;padding:12px}.agency-nav-item:hover{background-color:#f5f5f5;color:#333}.agency-nav-item.active{background-color:#e3f2fd;border-left:3px solid #2563eb;color:#2563eb;font-weight:500}.agency-sidebar.collapsed .agency-nav-item.active{border-left:none;border-right:3px solid #2563eb}.agency-nav-icon{flex-shrink:0;font-size:1.2rem;text-align:center;width:24px}.agency-nav-label{flex:1 1;white-space:nowrap}.agency-sidebar.collapsed .agency-nav-label{display:none}.agency-sidebar-footer{background-color:#fff;border-top:1px solid #e0e0e0;padding:20px}.agency-user-profile-sidebar{align-items:center;display:flex;gap:12px}.agency-user-avatar-sidebar{align-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;width:40px}.agency-user-details-sidebar{display:flex;flex-direction:column}.agency-user-name-sidebar{color:#333;font-size:.9rem;font-weight:600}.agency-user-role-sidebar{color:#666;font-size:.75rem}.agency-sidebar.collapsed .agency-user-details-sidebar{display:none}.agency-main-content{background-color:#f5f7fa;margin-left:280px;margin-top:70px;min-height:calc(100vh - 70px);padding:20px 15px;transition:margin-left .3s ease}.agency-main-content.agency-sidebar-collapsed{margin-left:80px}.dashboard-content{width:100%}.welcome-banner{background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:30px;padding:30px}.welcome-banner h2{font-size:1.8rem;font-weight:600;margin-bottom:8px}.welcome-banner p{font-size:1rem;opacity:.9}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.metric-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.metric-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.metric-card.blue{border-left:4px solid #2196f3}.metric-card.green{border-left:4px solid #4caf50}.metric-card.purple{border-left:4px solid #2563eb}.metric-card.orange{border-left:4px solid #ff9800}.metric-icon{align-items:center;background:#f5f5f5;border-radius:10px;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.metric-content{flex:1 1}.metric-value{color:#333;font-size:2rem;font-weight:700;margin-bottom:5px}.metric-label{color:#666;font-size:.9rem;margin-bottom:8px}.metric-change{font-size:.85rem;font-weight:600}.metric-change.positive{color:#4caf50}.metric-change.negative{color:#f44336}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:25px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:#333;font-size:1.2rem;font-weight:600}.chart-subtitle{color:#666;font-size:.85rem}.chart-placeholder{align-items:center;background:#f9f9f9;border:2px dashed #e0e0e0;border-radius:8px;display:flex;flex-direction:column;height:300px;justify-content:center}.chart-placeholder p{color:#666;font-size:1.1rem;margin-bottom:8px}.chart-placeholder span{color:#999;font-size:.9rem}.additional-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.section-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:25px}.section-card h3{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:15px}.agency-content-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 130px);padding:60px 40px}.agency-coming-soon-title{color:#333;font-size:3rem;font-weight:700;margin-bottom:20px;text-align:center}.agency-coming-soon-message{color:#666;font-size:1.5rem;text-align:center}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.agency-mobile-menu-btn,.agency-mobile-overlay{display:block}.agency-top-header{height:65px;padding:0 12px}.agency-header-left{gap:12px}.agency-page-title{font-size:1.1rem}.agency-user-profile{gap:8px;padding:6px 8px}.agency-user-avatar{font-size:1rem;height:35px;width:35px}.agency-user-info{display:none}.agency-sidebar{border-right:1px solid #e0e0e0;box-shadow:2px 0 10px #0000001a;height:calc(100vh - 65px);left:0;top:65px;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1000}.agency-sidebar.mobile-open{transform:translateX(0)}.agency-sidebar.collapsed{width:280px}.agency-collapse-btn{display:none}.agency-main-content{margin-left:0;margin-top:65px;padding:12px 8px}.agency-main-content.agency-sidebar-collapsed{margin-left:0}.welcome-banner{padding:16px}.welcome-banner h2{font-size:1.3rem}.welcome-banner p{font-size:.9rem}.metrics-grid{gap:12px;grid-template-columns:1fr}.metric-card{padding:16px}.additional-sections{gap:12px;grid-template-columns:1fr}.chart-card{padding:16px}.chart-placeholder{height:250px}}@media (max-width:576px){.agency-top-header{height:60px;padding:0 8px}.agency-header-left{gap:10px}.agency-mobile-menu-btn{padding:6px}.agency-hamburger{height:16px;width:22px}.agency-page-title{font-size:.95rem}.agency-sidebar{height:calc(100vh - 60px);top:60px;width:260px}.agency-user-profile{gap:6px;padding:4px 6px}.agency-user-avatar{font-size:.9rem;height:32px;width:32px}.agency-dropdown-arrow{font-size:.6rem}.agency-sidebar-header{padding:12px}.agency-logo{height:32px;width:32px}.agency-logo-icon{font-size:18px}.agency-logo-text{font-size:.95rem}.agency-nav-item{font-size:.9rem;padding:10px 12px}.agency-nav-icon{font-size:1rem}.agency-main-content{margin-top:60px;padding:10px 6px}.welcome-banner{margin-bottom:16px;padding:12px}.welcome-banner h2{font-size:1.1rem;margin-bottom:6px}.welcome-banner p{font-size:.85rem}.metrics-grid{gap:10px;margin-bottom:16px}.metric-card{gap:12px;padding:14px}.metric-icon{font-size:1.8rem;height:45px;width:45px}.metric-value{font-size:1.4rem}.metric-label{font-size:.85rem}.metric-change{font-size:.8rem}.charts-grid{gap:12px;margin-bottom:16px}.chart-card{padding:14px}.chart-header h3{font-size:1rem}.chart-placeholder{height:200px;padding:20px}.chart-placeholder p{font-size:1rem}.chart-placeholder span{font-size:.85rem}.section-card{padding:14px}.section-card h3{font-size:1rem;margin-bottom:12px}.additional-sections{gap:10px}.agency-content-wrapper{min-height:calc(100vh - 150px);padding:30px 16px}.agency-coming-soon-title{font-size:1.6rem;margin-bottom:12px}.agency-coming-soon-message{font-size:1rem}.agency-modal-content{max-width:350px;width:95%}.agency-modal-header{padding:16px 20px}.agency-modal-header h3{font-size:1.1rem}.agency-modal-body{padding:20px}.agency-modal-body p{font-size:.9rem}.agency-modal-footer{gap:10px;padding:12px 20px}.agency-modal-button{font-size:.9rem;padding:8px 20px}.agency-profile-dropdown{min-width:160px;right:-10px}.agency-dropdown-item{font-size:.9rem;padding:10px 14px}}@media (max-width:400px){.agency-top-header{height:55px;padding:0 6px}.agency-header-left{gap:8px}.agency-mobile-menu-btn{padding:4px}.agency-hamburger{height:15px;width:20px}.agency-page-title{font-size:.85rem}.agency-user-avatar{font-size:.85rem;height:28px;width:28px}.agency-sidebar{height:calc(100vh - 55px);top:55px;width:240px}.agency-main-content{padding:8px 4px}.welcome-banner{padding:10px}.welcome-banner h2{font-size:1rem}.metric-card{padding:12px}.metric-value{font-size:1.2rem}.agency-content-wrapper{padding:20px 12px}.agency-coming-soon-title{font-size:1.4rem}}.agency-dashboard-content{padding:20px;width:100%}.agency-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.agency-metric-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.agency-metric-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.agency-metric-card.blue{border-left:4px solid #2563eb}.agency-metric-card.green{border-left:4px solid #10b981}.agency-metric-card.purple{border-left:4px solid #6366f1}.agency-metric-card.red{border-left:4px solid #ef4444}.agency-metric-icon{align-items:center;background:#f5f5f5;border-radius:10px;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.agency-metric-content{flex:1 1}.agency-metric-value{color:#1f2937;font-size:1.8rem;font-weight:700;margin-bottom:5px}.agency-metric-label{color:#6b7280;font-size:.85rem;margin-bottom:8px}.agency-metric-change{align-items:center;display:flex;font-size:.8rem;font-weight:600;gap:4px}.agency-metric-change.positive{color:#10b981}.agency-metric-change.negative{color:#ef4444}.agency-recent-activity{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px}.agency-section-title{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:20px}.agency-activity-list{display:flex;flex-direction:column;gap:15px}.agency-activity-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:15px;padding:15px}.agency-activity-icon{align-items:center;background:#eff6ff;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.agency-activity-content{flex:1 1}.agency-activity-content p{color:#1f2937;font-size:.9rem;font-weight:500;margin:0 0 4px}.agency-activity-time{color:#9ca3af;font-size:.75rem}@media (max-width:768px){.agency-metrics-grid{grid-template-columns:1fr}}.vehicle-management-container{background-color:#f5f7fa;min-height:calc(100vh - 70px);padding:30px;width:100%}.vehicle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.vehicle-title{color:#333;font-size:1.8rem;font-weight:600;margin:0}.vehicle-actions{display:flex;gap:12px}.vehicle-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.vehicle-table-container{-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;overflow-x:auto;overflow-y:visible}.vehicle-table{border-collapse:collapse;min-width:1200px;width:100%}.vehicle-table thead{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0}.vehicle-table th{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.vehicle-table th span{cursor:pointer;font-size:.7rem;margin-left:4px;opacity:.5}.vehicle-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.vehicle-table tbody tr:hover{background-color:#f8f9fa}.vehicle-table td{color:#333;font-size:.9rem;padding:16px}.vehicle-pagination{align-items:center;display:flex;justify-content:space-between;padding:16px 0}@media (max-width:1200px){.vehicle-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.vehicle-table{min-width:1000px}}@media (max-width:968px){.vehicle-management-container{padding:16px}.vehicle-title{font-size:1.5rem}.vehicle-actions{flex-wrap:wrap;gap:8px}.btn-primary,.btn-secondary{flex:1 1;font-size:.85rem;min-width:120px;padding:8px 16px}.filter-btn{font-size:.85rem;padding:8px 12px}}@media (max-width:768px){.vehicle-management-container{padding:12px}.vehicle-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.vehicle-title{font-size:1.4rem}.vehicle-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{font-size:.9rem;justify-content:center;padding:12px 16px;width:100%}.vehicle-filters{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}.filter-group{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%}.filter-wrapper{position:relative}.filter-btn{font-size:.85rem;justify-content:center;padding:10px 12px;width:100%}.filter-dropdown{left:0;max-width:100%;min-width:100%;right:0}.search-group{width:100%}.search-input{font-size:.9rem;padding:12px 40px 12px 16px;width:100%}.vehicle-table-container{border-radius:6px;margin-bottom:16px}.vehicle-table{font-size:.85rem}.vehicle-table th{font-size:.75rem;padding:12px 8px}.vehicle-table td{font-size:.85rem;padding:12px 8px}.status-badge{font-size:.75rem;padding:3px 10px}.doc-expiry-info{flex-wrap:wrap;font-size:.75rem;gap:8px}.action-btn{font-size:1rem;padding:6px}.vehicle-pagination{align-items:center;flex-direction:column;gap:12px;padding:12px 0}.pagination-info{font-size:.85rem;text-align:center}.pagination-controls{flex-wrap:wrap;gap:6px;justify-content:center}.pagination-btn{font-size:.85rem;min-width:32px;padding:8px 10px}}@media (max-width:576px){.vehicle-management-container{padding:10px}.vehicle-title{font-size:1.2rem}.vehicle-table-container{-webkit-overflow-scrolling:touch;border-radius:4px;overflow-x:auto}.vehicle-table{font-size:.8rem;min-width:800px}.vehicle-table th{font-size:.7rem;padding:10px 6px}.vehicle-table td{font-size:.8rem;padding:10px 6px}.btn-primary,.btn-secondary{font-size:.85rem;padding:10px 14px}.filter-group{grid-template-columns:1fr}.filter-btn{padding:10px}.search-input{font-size:.85rem;padding:10px 36px 10px 14px}.status-badge{font-size:.7rem;padding:2px 8px}.doc-expiry-cell{gap:6px}.doc-progress{height:6px}.doc-expiry-info{font-size:.7rem;gap:6px}.action-buttons{gap:4px}.action-btn{font-size:.9rem;padding:4px}.pagination-btn{font-size:.8rem;min-width:28px;padding:6px 8px}}@media (max-width:400px){.vehicle-management-container{padding:8px}.vehicle-title{font-size:1.1rem}.btn-primary,.btn-secondary{font-size:.8rem;padding:10px 12px}.vehicle-table{min-width:700px}}.documents-section{border-top:1px solid #e0e0e0;margin-top:32px;padding-top:24px}.documents-section-title{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:20px}.documents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.document-item{display:flex;flex-direction:column;gap:10px}.document-label{color:#333;font-size:.9rem;font-weight:500}.required-badge{color:#dc2626;font-size:.75rem;font-weight:500}.document-upload-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:6px;justify-content:center;max-width:100%;overflow:hidden;padding:10px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:100%}.document-upload-btn:hover{background-color:#f5f5f5;border-color:#2563eb;color:#2563eb}.document-upload-btn.uploaded{background-color:#e0f2fe;border-color:#2563eb;color:#2563eb;font-weight:500}.document-upload-btn.uploaded:hover{background-color:#bae6fd}.document-upload-wrapper{align-items:center;display:flex;gap:8px}.document-remove-btn{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.document-remove-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.document-hint{color:#999;font-size:.8rem;margin:0}.document-number-input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-size:.9rem;margin-top:8px;padding:10px 14px;transition:border-color .2s ease;width:100%}.document-number-input:focus{border-color:#2563eb;outline:none}.document-number-input::placeholder{color:#999}.document-preview{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;margin-top:10px;overflow:hidden}.document-preview-image{background:#fff;display:block;max-height:200px;object-fit:contain;width:100%}.document-view-placeholder{align-items:center;background:#fff;display:flex;flex-direction:column;gap:10px;padding:20px}.document-view-placeholder span:first-child{font-size:2rem}.document-view-text{color:#666;font-size:.9rem}.document-view-btn{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 16px;transition:background-color .2s ease}.document-view-btn:hover{background:#1d4ed8}.document-date-input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-size:.9rem;padding:10px 35px 10px 14px;transition:border-color .2s ease;width:100%}.document-date-input:focus{border-color:#2563eb;outline:none}.calendar-icon{color:#999;font-size:1rem}@media (max-width:968px){.form-content{grid-template-columns:1fr}.photo-upload-column{justify-content:center}.photo-upload-box{max-width:100%}.documents-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.add-vehicle-modal-content{max-height:95vh;max-width:95%}.modal-header-bar{padding:16px 20px}.modal-title{font-size:1.3rem}.modal-body-content{padding:20px}.documents-grid{grid-template-columns:1fr}.modal-footer-bar{flex-direction:column-reverse;padding:12px 20px}.modal-btn-cancel,.modal-btn-save{width:100%}.vehicle-documents-body{grid-template-columns:1fr}.vehicle-documents-tabs{overflow-x:auto}}.driver-management-container{background-color:#f5f7fa;min-height:calc(100vh - 70px);padding:30px;width:100%}.driver-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.driver-title{color:#333;font-size:1.8rem;font-weight:600;margin:0}.driver-actions{display:flex;gap:12px}.driver-filters{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.driver-filters,.filter-wrapper{align-items:center;display:flex}.driver-table-container{-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;overflow-x:auto;overflow-y:visible}.driver-table{border-collapse:collapse;min-width:1200px;width:100%}.show-entries-container{align-items:center;display:flex;margin-bottom:16px}.show-entries-label{font-weight:500}.show-entries-btn{min-width:60px}.show-entries-btn span:first-child{font-weight:500}.show-entries-dropdown{box-shadow:0 4px 12px #0000001a;overflow:hidden}.show-entries-option{background:#fff;padding:10px 16px}.show-entries-option:hover{background:#f8f9fa}.show-entries-option.selected{background:#2563eb;color:#fff}.driver-table thead{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0}.driver-table th{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.driver-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.driver-table tbody tr:hover{background-color:#f8f9fa}.driver-table td{color:#333;font-size:.9rem;padding:16px}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#fed7aa;color:#9a3412}.doc-expiry-cell{display:flex;flex-direction:column;gap:8px}.doc-progress{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.doc-progress.valid{background-color:#d1fae5}.doc-progress.expired{background-color:#fee2e2}.doc-progress.neutral{background-color:#f3f4f6}.doc-progress-bar{border-radius:4px;height:100%;transition:width .3s ease}.doc-progress.valid .doc-progress-bar{background-color:#10b981}.doc-progress.expired .doc-progress-bar{background-color:#ef4444}.doc-progress.neutral .doc-progress-bar{background-color:#9ca3af}.doc-expiry-info{color:#666;display:flex;font-size:.8rem;gap:12px}.doc-expiry-info span{white-space:nowrap}.action-btn{font-size:1.1rem}.action-btn.delete-btn svg,.action-btn.edit-btn svg{display:block}.action-btn.import-btn:hover{background-color:#f0f9ff}.driver-pagination{align-items:center;display:flex;justify-content:space-between;padding:16px 0}@media (max-width:1200px){.driver-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.driver-table{min-width:1000px}}@media (max-width:968px){.driver-management-container{padding:16px}.driver-title{font-size:1.5rem}.driver-actions{flex-wrap:wrap;gap:8px}.btn-primary,.btn-secondary{flex:1 1;font-size:.85rem;min-width:120px;padding:8px 16px}.filter-btn{font-size:.85rem;padding:8px 12px}}@media (max-width:768px){.driver-management-container{padding:12px}.driver-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.driver-title{font-size:1.4rem}.driver-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{font-size:.9rem;justify-content:center;padding:12px 16px;width:100%}.driver-filters{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}.filter-group{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%}.filter-wrapper{position:relative}.filter-btn{font-size:.85rem;justify-content:center;padding:10px 12px;width:100%}.search-input{padding:10px 36px 10px 14px;width:100%}.driver-table-container{-webkit-overflow-scrolling:touch;border-radius:4px;overflow-x:auto}.driver-table{font-size:.85rem;min-width:900px}.driver-table th{font-size:.75rem;padding:12px 8px}.driver-table td{font-size:.85rem;padding:12px 8px}.pagination-info{font-size:.85rem}.pagination-controls{flex-wrap:wrap;gap:6px}.pagination-btn{font-size:.85rem;min-width:32px;padding:6px 10px}}@media (max-width:576px){.driver-management-container{padding:10px}.driver-title{font-size:1.2rem}.driver-table-container{-webkit-overflow-scrolling:touch;border-radius:4px;overflow-x:auto}.driver-table{font-size:.8rem;min-width:800px}.driver-table th{font-size:.7rem;padding:10px 6px}.driver-table td{font-size:.8rem;padding:10px 6px}.btn-primary,.btn-secondary{font-size:.85rem;padding:10px 14px}.filter-group{grid-template-columns:1fr}.filter-btn{padding:10px}.search-input{font-size:.85rem;padding:10px 36px 10px 14px}.status-badge{font-size:.7rem;padding:2px 8px}.doc-expiry-cell{gap:6px}.doc-progress{height:6px}.doc-expiry-info{font-size:.7rem;gap:6px}.action-buttons{gap:4px}.action-btn{font-size:.9rem;padding:4px}.pagination-btn{font-size:.8rem;min-width:28px;padding:6px 8px}}@media (max-width:400px){.driver-management-container{padding:8px}.driver-title{font-size:1.1rem}.btn-primary,.btn-secondary{font-size:.8rem;padding:10px 12px}.driver-table{min-width:700px}}.form-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 300px;margin-bottom:32px}.license-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.license-details-grid .form-field{grid-column:span 1}.input-with-suffix .form-input-field{padding-right:50px}.input-suffix{cursor:pointer;font-size:.9rem;pointer-events:auto;right:14px}.validation-summary{display:flex;flex-wrap:wrap;gap:12px}.document-hint{color:#6b7280;font-size:.875rem;margin-bottom:0;margin-top:6px}.photo-upload-column{align-items:flex-start;display:flex;justify-content:center}.photo-upload-box{gap:12px;height:280px;max-width:280px}.photo-upload-icon{font-size:3rem}.photo-upload-text{font-size:1rem}.photo-upload-hint{font-size:.85rem}@media (max-width:968px){.form-content{grid-template-columns:1fr}.photo-upload-column{justify-content:center}.photo-upload-box{max-width:100%}.license-details-grid{grid-template-columns:1fr}}@media (max-width:768px){.add-vehicle-modal-content{max-height:95vh;max-width:95%}.modal-header-bar{padding:16px 20px}.modal-title{font-size:1.3rem}.modal-body-content{padding:20px}.modal-footer-bar{flex-direction:column-reverse;padding:12px 20px}.modal-btn-cancel,.modal-btn-save{width:100%}}.vehicle-documents-modal-overlay{align-items:center;animation:overlayFadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.vehicle-documents-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:100%;z-index:10001}.vehicle-documents-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.vehicle-documents-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 4px}.vehicle-documents-subtitle{color:#666;font-size:.9rem;margin:0}.vehicle-documents-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:4px;transition:all .2s ease;width:32px}.vehicle-documents-close:hover{background-color:#f5f5f5;color:#333}.vehicle-documents-tabs{border-bottom:1px solid #e0e0e0;display:flex;gap:0;overflow-x:auto;padding:0 24px}.vehicle-doc-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.vehicle-doc-tab:hover{background-color:#f5f5f5;color:#2563eb}.vehicle-doc-tab.active{border-bottom-color:#2563eb;color:#2563eb;font-weight:500}.doc-warning-icon{font-size:.85rem}.vehicle-documents-body{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:1fr 1fr;overflow-y:auto;padding:24px}.document-details-section,.document-preview-section{display:flex;flex-direction:column}.section-title{margin:0 0 16px}.document-preview-box{align-items:center;background:#f9f9f9;border:2px dashed #d0d0d0;border-radius:8px;display:flex;justify-content:center;min-height:300px;overflow:hidden}.doc-preview-placeholder{align-items:center;color:#999;display:flex;flex-direction:column;gap:12px}.doc-preview-icon{font-size:3rem}.doc-preview-image{height:100%;max-height:400px;object-fit:contain;width:100%}.document-detail-field{margin-bottom:20px}.document-detail-field label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.date-input-group{align-items:center;display:flex;position:relative}.document-expiry-input{border:1px solid #d0d0d0;border-radius:6px;font-size:.9rem;padding:10px 40px 10px 12px;width:100%}.calendar-icon{pointer-events:none;position:absolute;right:12px}.doc-status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 12px}.doc-status-badge.valid{background:#dcfce7;color:#166534}.doc-status-badge.missing{background:#fee2e2;color:#991b1b}.document-history-input{background:#f9f9f9;border:1px solid #d0d0d0;border-radius:6px;color:#666;font-size:.9rem;padding:10px 12px;width:100%}.document-actions{margin-top:20px}.download-file-btn,.replace-file-btn{align-items:center;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.replace-file-btn{background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;color:#fff}.replace-file-btn:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.download-file-btn{background:#fff;color:#333}.download-file-btn:hover{background-color:#f5f5f5;border-color:#b0b0b0}.vehicle-documents-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.close-docs-btn,.save-docs-btn{border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.close-docs-btn{background:#fff;border:1px solid #d0d0d0;color:#333}.close-docs-btn:hover{background-color:#f5f5f5}.save-docs-btn{background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;color:#fff}.save-docs-btn:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}@media (max-width:768px){.vehicle-documents-body{grid-template-columns:1fr}}.modal-overlay{z-index:10001}.modal-content{animation:modalSlideIn .3s ease;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%}.modal-header h3{color:#333;font-size:1.3rem;font-weight:600;margin:0}.modal-body p{color:#666;font-size:1rem;line-height:1.5;margin:0}.modal-button{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.modal-button.cancel-button{background-color:#f5f5f5;color:#333}.modal-button.cancel-button:hover{background-color:#e0e0e0}.modal-button.confirm-button{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff}.modal-button.confirm-button:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.modal-button.confirm-button:active{transform:translateY(0)}.document-save-confirm-overlay{align-items:center;animation:overlayFadeIn .2s ease;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10002}.uploaded-docs-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.uploaded-doc-badge{background:#e0f2fe;border-radius:16px;color:#1e40af;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 12px}.uploaded-docs-success-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0}.uploaded-doc-success-badge{background:#e0f2fe;border-radius:16px;color:#1e40af;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 12px}.delete-success-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:1.25rem;height:28px;justify-content:center;line-height:1;padding:4px;transition:all .2s ease;width:28px}.delete-success-close:hover{background-color:#f5f5f5;color:#333}.delete-success-message{font-weight:500;margin:0 0 20px}.delete-success-details{display:flex;flex-direction:column;gap:12px;padding:16px}.trip-management-container{background-color:#f5f7fa;min-height:calc(100vh - 70px);padding:30px;width:100%}.trip-sub-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:24px}.trip-sub-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s ease}.trip-sub-tab:hover{background-color:#f0f7ff;color:#2563eb}.trip-sub-tab.active{border-bottom-color:#2563eb;color:#2563eb;font-weight:600}.schedule-type-badge{background:#f0f7ff;border-radius:12px;color:#2563eb;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 12px}.trip-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.trip-title{color:#333;font-size:1.8rem;font-weight:600;margin:0}.trip-actions{display:flex;gap:12px}.trip-filters{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.filter-group,.trip-filters{align-items:center}.filter-btn{color:#666}.filter-btn:hover{background-color:#f5f5f5}.filter-dropdown{max-width:250px;min-width:160px}.trip-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.trip-tab{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.trip-tab:hover{background-color:#f5f5f5;border-color:#2563eb;color:#2563eb}.trip-tab.active{background:linear-gradient(135deg,#60a5fa,#2563eb);border-color:#2563eb;box-shadow:0 2px 4px #2563eb33;color:#fff}.show-entries-label{font-weight:400}.show-entries-btn{box-shadow:0 1px 2px #0000000d;justify-content:space-between}.show-entries-btn:hover{background:#f8f9fa}.show-entries-btn span:first-child{font-weight:400}.show-entries-btn span:last-child{color:#999;font-size:.7rem}.trip-table-container{-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;overflow-x:auto;overflow-y:visible}.trip-table{border-collapse:collapse;min-width:1200px;width:100%}.trip-table thead{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0}.trip-table th{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.trip-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.trip-table tbody tr:hover{background-color:#f8f9fa}.trip-table td{color:#333;font-size:.9rem;padding:16px}.stops-link{color:#2563eb;cursor:pointer;font-weight:500;text-decoration:none;transition:color .2s ease}.stops-link:hover{color:#1d4ed8;text-decoration:underline}.status-badge{font-size:.8rem}.status-badge.status-in-progress{background-color:#dbeafe;color:#1e40af}.status-badge.status-scheduled{background-color:#fed7aa;color:#9a3412}.status-badge.status-completed{background-color:#d1fae5;color:#065f46}.status-badge.status-cancelled{background-color:#fee2e2;color:#991b1b}.status-badge.status-delayed{background-color:#fef3c7;color:#92400e}.action-btn.edit-btn{color:#10b981}.action-btn.edit-btn:hover{background-color:#d1fae5}.action-btn.cancel-btn{color:#f59e0b}.action-btn.cancel-btn:hover{background-color:#fef3c7;color:#d97706}.action-btn svg{display:block}.trip-pagination{align-items:center;display:flex;justify-content:space-between;padding:16px 0}@media (max-width:1200px){.trip-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.trip-table{min-width:1000px}}@media (max-width:968px){.trip-management-container{padding:16px}.trip-title{font-size:1.5rem}.trip-actions{flex-wrap:wrap;gap:8px}.btn-primary,.btn-secondary{flex:1 1;font-size:.85rem;min-width:120px;padding:8px 16px}.filter-btn{font-size:.85rem;padding:8px 12px}.trip-tabs{gap:6px}.trip-tab{font-size:.85rem;padding:8px 16px}}@media (max-width:768px){.trip-management-container{padding:12px}.trip-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.trip-title{font-size:1.4rem}.trip-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{font-size:.9rem;justify-content:center;padding:12px 16px;width:100%}.trip-filters{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}.filter-group{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%}.filter-wrapper{position:relative}.filter-btn{font-size:.85rem;justify-content:center;padding:10px 12px;width:100%}.filter-dropdown{left:0;max-width:100%;min-width:100%;right:0}.search-wrapper{width:100%}.search-input{font-size:.9rem;padding:12px 40px 12px 16px;width:100%}.trip-tabs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));width:100%}.trip-tab{padding:10px 12px;text-align:center;width:100%}.trip-table-container{border-radius:6px;margin-bottom:16px}.trip-table{font-size:.85rem}.trip-table th{font-size:.75rem;padding:12px 8px}.trip-table td{font-size:.85rem;padding:12px 8px}.status-badge{font-size:.75rem;padding:3px 10px}.action-btn{font-size:1rem;padding:6px}.trip-pagination{align-items:center;flex-direction:column;gap:12px;padding:12px 0}.pagination-info{font-size:.85rem;text-align:center}.pagination-controls{flex-wrap:wrap;gap:6px;justify-content:center}.pagination-btn{font-size:.85rem;min-width:32px;padding:8px 10px}}@media (max-width:576px){.trip-management-container{padding:10px}.trip-title{font-size:1.2rem}.trip-table-container{-webkit-overflow-scrolling:touch;border-radius:4px;overflow-x:auto}.trip-table{font-size:.8rem;min-width:900px}.trip-table th{font-size:.7rem;padding:10px 6px}.trip-table td{font-size:.8rem;padding:10px 6px}.btn-primary,.btn-secondary{font-size:.85rem;padding:10px 14px}.filter-group{grid-template-columns:1fr}.filter-btn{padding:10px}.search-input{font-size:.85rem;padding:10px 36px 10px 14px}.trip-tabs{grid-template-columns:1fr}.status-badge{font-size:.7rem;padding:2px 8px}.action-buttons{gap:4px}.action-btn{font-size:.9rem;padding:4px}.pagination-btn{font-size:.8rem;min-width:28px;padding:6px 8px}}.add-vehicle-modal-overlay{align-items:center;animation:overlayFadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.add-vehicle-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.modal-header-bar{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.modal-close-btn{border-radius:4px;color:#666;font-size:1.5rem;height:32px;line-height:1;padding:4px 8px;transition:background-color .2s ease;width:32px}.modal-close-btn:hover{background-color:#f5f5f5;color:#333}.modal-body-content{flex:1 1;overflow-y:auto;padding:24px}.form-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:24px}.form-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:-2px;padding:12px 20px;transition:all .2s ease}.form-tab.active{border-bottom-color:#2563eb;color:#2563eb}.form-content-trip{display:flex;flex-direction:column;gap:24px}.form-fields-column{display:flex;flex-direction:column;gap:20px}.form-field-label{align-items:center;color:#333;display:flex;font-size:.9rem;font-weight:500;gap:8px}.form-field-label span{font-size:1.1rem}.form-input-field{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-family:inherit;font-size:.95rem;padding:10px 14px;transition:border-color .2s ease;width:100%}.form-input-field:focus{border-color:#2563eb;outline:none}.form-input-field.error,.form-input-field.error:focus{border-color:#dc2626}.form-input-field::placeholder{color:#999}.route-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.stop-item{align-items:flex-start;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:12px;padding:16px}.stop-drag-handle{color:#999;cursor:grab;font-size:1.2rem;padding:4px;-webkit-user-select:none;user-select:none}.stop-drag-handle:active{cursor:grabbing}.stop-fields{display:flex;flex:1 1;flex-direction:column;gap:12px}.stop-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.stop-delete-btn{align-self:flex-start;background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;margin-top:8px;padding:4px 8px;transition:background-color .2s ease}.stop-delete-btn:hover{background-color:#fee2e2}.add-stop-btn{align-self:flex-start;background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:6px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;margin-top:8px;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.add-stop-btn:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.unit-toggle-group{display:flex;gap:8px;margin-top:8px}.unit-toggle-btn{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:6px 16px;transition:all .2s ease}.unit-toggle-btn:hover{border-color:#2563eb;color:#2563eb}.unit-toggle-btn.active{background:linear-gradient(135deg,#60a5fa,#2563eb);border-color:#2563eb;color:#fff}.modal-footer-bar{background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-btn-cancel{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.modal-btn-cancel:hover{background-color:#f5f5f5;border-color:#d0d0d0}.modal-btn-save{background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:6px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.modal-btn-save:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.modal-btn-save:active{transform:translateY(0)}@media (max-width:768px){.add-vehicle-modal-content{max-height:95vh;max-width:95%}.modal-header-bar{padding:16px 20px}.modal-title{font-size:1.3rem}.modal-body-content{padding:20px}.route-details-grid,.stop-grid{grid-template-columns:1fr}.modal-footer-bar{flex-direction:column-reverse;padding:12px 20px}.modal-btn-cancel,.modal-btn-save{width:100%}}.view-trip-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.view-trip-header{align-items:flex-start;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.view-trip-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 12px}.view-trip-header-info{align-items:center;display:flex;gap:12px}.view-trip-id{color:#333;font-size:1.1rem;font-weight:600}.view-trip-header-right{align-items:center;display:flex;gap:16px}.view-trip-remaining{color:#666;font-size:.95rem}.view-trip-body{flex:1 1;overflow-y:auto;padding:24px}.view-trip-progress-section{margin-bottom:32px}.view-trip-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.view-trip-section-title{color:#333;font-size:1.1rem;font-weight:600;margin:0}.view-trip-progress-percent{color:#2563eb;font-size:1rem;font-weight:600}.view-trip-progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.view-trip-progress-fill{background:linear-gradient(135deg,#60a5fa,#2563eb);height:100%;transition:width .3s ease}.view-trip-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.view-trip-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:16px;padding:20px}.view-trip-card-icon{align-items:center;background:#f5f7fa;border-radius:8px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.view-trip-card-content{flex:1 1}.view-trip-card-title{color:#333;font-size:1rem;font-weight:600;margin:0 0 16px}.view-trip-card-item{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.view-trip-card-item:last-child{margin-bottom:0}.view-trip-card-label{color:#666;font-size:.85rem}.view-trip-card-value{color:#333;font-size:.95rem;font-weight:500}.status-badge-small{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 12px}.view-trip-route-section{margin-bottom:32px}.view-trip-route-header{align-items:center;display:flex;gap:8px;margin-bottom:20px}.view-trip-route-icon{font-size:1.2rem}.view-trip-route-content{align-items:center;background:#f5f7fa;border-radius:8px;display:flex;gap:24px;margin-bottom:16px;padding:20px}.view-trip-route-destination,.view-trip-route-origin{align-items:flex-start;display:flex;flex:1 1;gap:12px}.view-trip-route-dot{border-radius:50%;flex-shrink:0;height:12px;margin-top:4px;width:12px}.origin-dot{background-color:#10b981}.destination-dot{background-color:#ef4444}.view-trip-route-location{color:#333;font-size:1rem;font-weight:600;margin-bottom:4px}.view-trip-route-address{color:#666;font-size:.9rem}.view-trip-route-distance{min-width:100px;text-align:center}.view-trip-route-distance-value{color:#2563eb;font-size:1.5rem;font-weight:600}.view-trip-map{align-items:center;background:#f5f7fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;height:300px;justify-content:center;width:100%}.view-trip-map-placeholder{color:#999;font-size:.9rem}.view-trip-timeline-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.view-trip-timeline-column{display:flex;flex-direction:column}.view-trip-timeline-header{align-items:center;display:flex;gap:8px;margin-bottom:20px}.view-trip-timeline-icon{font-size:1.2rem}.view-trip-timeline-list{display:flex;flex-direction:column;padding-left:24px;position:relative}.view-trip-timeline-item{display:flex;gap:16px;margin-bottom:20px;position:relative}.view-trip-timeline-item:before{background-color:#e0e0e0;content:"";height:calc(100% + 20px);left:-16px;position:absolute;top:20px;width:2px}.view-trip-timeline-item:last-child:before{display:none}.view-trip-timeline-dot{background-color:#2563eb;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #2563eb;flex-shrink:0;height:12px;margin-top:4px;position:relative;width:12px;z-index:1}.view-trip-timeline-content{flex:1 1}.view-trip-timeline-date{color:#333;font-size:.9rem;font-weight:600;margin-bottom:4px}.view-trip-timeline-description{color:#666;font-size:.9rem}.view-trip-footer{border-top:1px solid #e0e0e0;justify-content:space-between;padding:16px 24px}.view-trip-download-btn,.view-trip-footer{align-items:center;background:#fff;display:flex}.view-trip-download-btn{border:1px solid #2563eb;border-radius:6px;color:#2563eb;cursor:pointer;font-size:.95rem;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s ease}.view-trip-download-btn:hover{background-color:#f0f4ff;border-color:#1d4ed8}.view-trip-close-btn{background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.view-trip-close-btn:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}@media (max-width:1024px){.view-trip-cards-grid,.view-trip-timeline-grid{grid-template-columns:1fr}}@media (max-width:768px){.view-trip-modal-content{max-height:95vh;max-width:100%}.view-trip-header{flex-direction:column;gap:12px;padding:16px 20px}.view-trip-header-right{justify-content:space-between;width:100%}.view-trip-body{padding:20px}.view-trip-route-content{align-items:flex-start;flex-direction:column}.view-trip-route-distance{text-align:left;width:100%}.view-trip-footer{flex-direction:column-reverse;gap:12px;padding:12px 20px}.view-trip-close-btn,.view-trip-download-btn{width:100%}}.cancel-trip-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}.cancel-trip-header{align-items:center;background:#fef3c7;border-bottom:1px solid #fde68a;display:flex;gap:12px;padding:20px 24px}.cancel-warning-icon{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.cancel-trip-title{color:#92400e;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.cancel-trip-body{padding:24px}.cancel-trip-message{color:#333;font-size:.95rem;line-height:1.5;margin:0 0 20px}.cancel-trip-details{background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.cancel-detail-row{align-items:center;display:flex;justify-content:space-between}.cancel-detail-label{color:#666;font-size:.9rem;font-weight:500}.cancel-detail-value{color:#333;font-size:.9rem;font-weight:600}.cancel-trip-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cancel-trip-cancel-btn{background:#fff;border:1px solid #d0d0d0;border-radius:6px;color:#333;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.cancel-trip-cancel-btn:hover{background-color:#f5f5f5;border-color:#b0b0b0}.cancel-trip-confirm-btn{align-items:center;background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s ease}.cancel-trip-confirm-btn:hover{background:#b91c1c}.cancel-trip-confirm-btn svg{height:16px;width:16px}.success-id-badge{border-radius:8px}.bill-generation-container{background-color:#f5f7fa;min-height:calc(100vh - 70px);padding:30px;width:100%}.modal-overlay{overflow-y:auto}.bill-generation-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.modal-title{color:#333}.modal-close-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.modal-close-btn:hover{color:#374151}.bill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.bill-title{color:#333;font-size:1.8rem;font-weight:600;margin:0}.bill-generation-btn{background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:6px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.bill-generation-btn:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.bill-form-section{background:#0000;box-shadow:none;margin-bottom:0;padding:0}.form-section:last-of-type{margin-bottom:0}.section-title{font-size:1.2rem;margin:0 0 20px}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(3,1fr)}.form-input{background:#fff}.form-input.readonly{background-color:#f5f5f5;color:#666;cursor:not-allowed}.dropdown-wrapper{position:relative}.dropdown-toggle{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:10px 12px;transition:all .2s ease;width:100%}.dropdown-toggle:hover{border-color:#2563eb}.dropdown-toggle span{flex:1 1;text-align:left}.dropdown-arrow{color:#666;transition:transform .2s ease}.dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.dropdown-option{color:#333;cursor:pointer;font-size:.9rem;padding:10px 16px;transition:background-color .2s ease}.dropdown-option:hover{background-color:#f5f5f5}.dropdown-option.selected{background-color:#e3f2fd;color:#2563eb;font-weight:500}.other-charges-inputs{align-items:flex-end;display:flex;gap:16px;margin-bottom:20px}.charge-input-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.charge-input-group label{color:#333;font-size:.9rem;font-weight:500}.charge-actions{align-items:flex-end;display:flex;gap:12px}.btn-add{align-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:6px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.btn-add:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.btn-reset{align-items:center;border:1px solid #e0e0e0;color:#333;display:flex;gap:8px}.btn-reset:hover{background-color:#f5f5f5;border-color:#2563eb;color:#2563eb}.other-charges-table{border:1px solid #e0e0e0;border-radius:6px;margin-top:20px;overflow:hidden}.other-charges-table table{border-collapse:collapse;width:100%}.other-charges-table thead{background-color:#f8f9fa}.other-charges-table th{border-bottom:2px solid #e0e0e0;color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.other-charges-table th:nth-child(2){text-align:center}.other-charges-table th:nth-child(3),.other-charges-table th:nth-child(4){text-align:right}.other-charges-table td:nth-child(2){text-align:center}.other-charges-table td:nth-child(3),.other-charges-table td:nth-child(4){text-align:right}.other-charges-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:12px 16px}.other-charges-table td.amount-cell{font-weight:500;text-align:right}.other-charges-table tbody tr:last-child td{border-bottom:none}.other-charges-table tbody tr:hover{background-color:#f9fafb}.other-charges-table .action-buttons{align-items:center;display:flex;gap:8px;justify-content:flex-end}.action-btn{border:1px solid #e0e0e0;color:#333;font-size:.85rem;font-weight:500;padding:6px 12px}.action-btn:hover,.edit-btn{border-color:#2563eb;color:#2563eb}.edit-btn:hover{background-color:#2563eb;color:#fff}.remove-btn{border-color:#dc2626;color:#dc2626}.remove-btn:hover{background-color:#dc2626;color:#fff}.total-charge-section{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px}.total-charge-field{display:flex;flex-direction:column;gap:8px;max-width:300px}.total-charge-field label{color:#333;font-size:1rem;font-weight:600}.total-charge-input{color:#2563eb;font-size:1.1rem;font-weight:600;padding:12px 16px}.places-suggestions{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;max-height:260px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:2000}.places-suggestion-item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background-color .15s ease}.places-suggestion-item:hover{background-color:#f5f5f5}.places-suggestion-icon{color:#6b7280}.form-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.bills-filters{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.filter-input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;font-weight:500;min-width:150px;padding:10px 16px;transition:all .2s ease}.filter-input:hover{background-color:#f0f7ff;border-color:#2563eb}.filter-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.search-group{border:none;border-radius:0;box-shadow:none;padding:0}.search-group,.search-input{background:#0000}.search-group:before{color:#666;content:"🔍";font-size:1rem;left:12px;pointer-events:none;position:absolute}.bills-table-section{-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;overflow-x:auto;overflow-y:visible}.table-container{margin-bottom:0;overflow-x:auto}.bills-table{border-collapse:collapse;min-width:1000px;width:100%}.bills-table thead{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0}.bills-table th{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase;white-space:nowrap}.bills-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:16px;white-space:nowrap}.bills-table tbody tr:hover{background-color:#f9fafb}.no-data{color:#9ca3af}.status-badge.paid{background:#d1fae5;color:#059669}.status-badge.pending{background:#fef3c7;color:#d97706}.action-btn{color:#666}.action-btn:hover{background-color:#f3f4f6}.action-btn.print-btn:hover{color:#2563eb}.table-footer{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 0}@media (max-width:1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.bill-generation-container{padding:16px}.bill-header{align-items:flex-start;flex-direction:column;gap:16px}.form-grid{grid-template-columns:1fr}.other-charges-inputs{align-items:stretch;flex-direction:column}.charge-actions{justify-content:stretch;width:100%}.btn-add,.btn-reset{flex:1 1}.table-header{align-items:stretch}.filter-group,.table-header{flex-direction:column}.filter-input{width:100%}.table-footer{align-items:flex-start;flex-direction:column}.pagination-controls{justify-content:center;width:100%}}.customer-management-container{background-color:#f5f7fa;min-height:calc(100vh - 70px);padding:30px;width:100%}.customer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.customer-title{color:#333;font-size:1.8rem;font-weight:600;margin:0}.customer-actions{display:flex;gap:12px}.customer-filters{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.filter-group{flex-wrap:nowrap}.show-entries-wrapper{margin-bottom:16px}.customer-table-container{-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;overflow-x:auto;overflow-y:visible}.customer-table{border-collapse:collapse;min-width:1200px;width:100%}.customer-table thead{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0}.customer-table th{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase;white-space:nowrap}.customer-table th input[type=checkbox]{cursor:pointer;height:18px;width:18px}.customer-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:16px;white-space:nowrap}.customer-table td input[type=checkbox]{cursor:pointer;height:18px;width:18px}.customer-table tbody tr:hover{background-color:#f9fafb}.action-btn{padding:4px 8px;transition:background-color .2s ease}.action-btn:hover{background-color:#f0f0f0}.action-btn.view-btn{color:#2563eb}.action-btn.view-btn:hover{background-color:#e0f2fe}.action-btn.edit-btn{color:#2563eb}.action-btn.edit-btn:hover{background-color:#e0f2fe}.action-btn.delete-btn{color:#dc2626}.action-btn.delete-btn:hover{background-color:#fee2e2;color:#b91c1c}.customer-pagination{align-items:center;display:flex;justify-content:space-between;padding:16px 0}@media (max-width:1200px){.customer-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.customer-table{min-width:1200px}}@media (max-width:768px){.customer-management-container{padding:12px}.customer-header{align-items:flex-start;flex-direction:column;gap:16px}.customer-filters{align-items:stretch;flex-direction:column}.filter-group{flex-direction:row;flex-wrap:wrap}.search-input{width:100%}.customer-pagination{align-items:stretch;flex-direction:column;gap:16px}.pagination-controls{justify-content:center}.customer-table td,.customer-table th{font-size:.85rem;padding:12px 8px}.customer-table{min-width:1000px}}.modal-content{max-width:900px}.modal-header{color:#333;font-size:1.25rem;font-weight:600}.form-field{gap:8px}.form-field label{color:#333}.required-asterisk{color:#dc2626;margin-left:4px}.input-with-suffix{align-items:center;display:flex;position:relative}.input-with-suffix .form-input{padding-right:40px;width:100%}.input-suffix{color:#666;font-size:1rem;pointer-events:none;position:absolute;right:12px}.photo-upload-box{align-items:center;background:#fafafa;border:2px dashed #d0d0d0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:150px;justify-content:center;max-width:150px;position:relative;transition:all .2s ease;width:100%}.photo-upload-box:hover{background:#f0f9ff;border-color:#2563eb}.photo-upload-icon{font-size:2rem}.photo-upload-text{color:#333;font-size:.85rem;font-weight:500;margin:0}.photo-upload-hint{color:#999;font-size:.75rem;margin:0}.photo-upload-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.photo-preview{border-radius:6px;height:100%;object-fit:cover;width:100%}.photo-remove-btn{background:#dc2626e6;border:none;border-radius:6px;bottom:12px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%);transition:background-color .2s ease;z-index:10}.photo-remove-btn:hover{background:#dc2626}.success-modal-overlay{align-items:center;animation:overlayFadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.success-modal-content{align-items:center;animation:successModalSlideIn .3s ease;display:flex;flex-direction:column;max-width:420px;padding:32px 24px}.success-icon{margin-bottom:16px}.success-title{color:#333;font-size:1.75rem;font-weight:700;margin:0 0 12px;text-align:center}.success-message{color:#666;font-size:.95rem;line-height:1.5;margin:0 0 20px;text-align:center}.success-id-badge{background:#e0f2fe;border-radius:20px;color:#1e40af;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin-bottom:24px;padding:8px 16px}.success-ok-btn{background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease;width:100%}.success-ok-btn:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.success-ok-btn:active{transform:translateY(0)}@keyframes successModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-vehicle-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}.delete-vehicle-header{align-items:center;background:#dc2626;display:flex;gap:12px;padding:20px 24px}.delete-warning-icon{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.delete-vehicle-title{color:#fff;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.delete-vehicle-body{padding:24px}.delete-vehicle-message{color:#333;font-size:.95rem;line-height:1.5;margin:0 0 20px}.delete-vehicle-details{background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.delete-detail-row{align-items:center;display:flex;justify-content:space-between}.delete-detail-label{color:#666;font-size:.9rem;font-weight:500}.delete-detail-value{color:#333;font-size:.9rem;font-weight:600}.delete-vehicle-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.delete-vehicle-cancel-btn{background:#fff;border:1px solid #d0d0d0;border-radius:6px;color:#333;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.delete-vehicle-cancel-btn:hover{background-color:#f5f5f5;border-color:#b0b0b0}.delete-vehicle-delete-btn{align-items:center;background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:center;padding:10px 24px;transition:all .2s ease}.delete-vehicle-delete-btn:hover{background:#b91c1c}.delete-success-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-left:4px solid #10b981;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:450px;overflow:hidden;width:100%}.delete-success-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:20px 24px}.delete-success-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.delete-success-title{color:#10b981;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.delete-success-body{padding:24px}.delete-success-message{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 16px}.delete-success-details{background:#f5f5f5;border-radius:8px;padding:12px 16px}.delete-success-detail-row{align-items:center;display:flex;justify-content:space-between}.delete-success-detail-label{color:#666;font-size:.9rem}.delete-success-detail-value{color:#333;font-size:.9rem;font-weight:600}.user-management-container{background-color:#f5f7fa;min-height:calc(100vh - 70px);padding:30px;width:100%}.user-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.user-title{color:#333;font-size:1.8rem;font-weight:600;margin:0}.user-actions{display:flex;gap:12px}.user-filters{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.search-input{width:350px}.user-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;overflow-x:auto}.user-table{border-collapse:collapse;min-width:1000px;width:100%}.user-table thead{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0}.user-table th{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.user-table td,.user-table th{padding:16px;white-space:nowrap}.user-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.9rem}.user-table tbody tr:hover{background-color:#f9fafb}.role-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 12px}.role-supervisor{background-color:#dbeafe;color:#1e40af}.role-bill-manager,.role-billmanager{background-color:#fce7f3;color:#9f1239}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#fee2e2;color:#991b1b}.btn-delete,.btn-edit,.btn-view{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;padding:4px 8px;transition:background-color .2s ease;width:32px}.btn-edit:hover{background-color:#e0f2fe}.btn-delete:hover{background-color:#fee2e2}.modal-content.modal-small{max-width:450px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-group label{color:#333;font-size:.9rem;font-weight:500}.required{color:#dc2626;margin-left:4px}.form-input{border:1px solid #e0e0e0;color:#333}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.form-input.error{border-color:#dc2626}.form-input.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.error-message{color:#dc2626}.photo-upload-wrapper{align-items:center;display:flex;gap:16px}.photo-preview{border:2px solid #e0e0e0;border-radius:8px;height:120px;overflow:hidden;position:relative;width:120px}.photo-preview img{height:100%;object-fit:cover;width:100%}.remove-photo{align-items:center;background:#dc2626e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:background-color .2s ease;width:24px}.remove-photo:hover{background:#dc2626}.photo-upload-label{background:#fafafa;border:2px dashed #d0d0d0;border-radius:8px;cursor:pointer;display:inline-block;padding:12px 20px;transition:all .2s ease}.photo-upload-label:hover{background:#f0f9ff;border-color:#2563eb}.photo-upload-label span{color:#333;font-size:.9rem}.btn-save{background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:6px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-save:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.btn-delete-confirm{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-delete-confirm:hover{background:#b91c1c}.warning-text{color:#dc2626;font-size:.85rem;margin-top:8px}@media (max-width:1200px){.user-table-wrapper{overflow-x:auto}.user-table{min-width:1000px}}@media (max-width:768px){.user-management-container{padding:12px}.user-header{align-items:flex-start;flex-direction:column;gap:16px}.user-filters{align-items:stretch}.filter-group,.user-filters{flex-direction:column}.search-input{width:100%}.pagination-wrapper{align-items:stretch;flex-direction:column}.pagination-controls{justify-content:center}.user-table td,.user-table th{font-size:.85rem;padding:12px 8px}.modal-content{margin:10px;max-width:100%}}.booking-requests-container{background-color:#f5f7fa;min-height:calc(100vh - 70px);padding:30px;width:100%}.requests-header{margin-bottom:24px}.requests-title{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 8px}.requests-subtitle{color:#666;font-size:.95rem;margin:0}.requests-filters{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.filter-group{align-items:flex-start;flex-direction:row}.filter-btn{justify-content:space-between}.filter-btn:hover{background-color:#f0f7ff}.filter-btn.active{background-color:#eff6ff}.filter-dropdown{max-height:200px;right:0}.filter-search-input{border:none;border-bottom:1px solid #e0e0e0;border-radius:6px 6px 0 0;font-size:.9rem;outline:none;padding:8px 12px;width:100%}.filter-option.selected{background-color:#eff6ff}.search-wrapper{align-items:center;display:flex;position:relative}.search-input{padding:10px 16px 10px 40px;transition:all .2s ease;width:400px}.search-input:focus{box-shadow:0 0 0 3px #2563eb1a}.search-icon{color:#666;font-size:1rem;left:12px}.btn-reset{background:#fff;border:1px solid #dc2626;border-radius:6px;color:#dc2626;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-reset:hover{background-color:#fee2e2;border-color:#b91c1c}.requests-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;overflow-x:auto}.requests-table{border-collapse:collapse;min-width:1200px;width:100%}.requests-table thead{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0}.requests-table th{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase;white-space:nowrap}.requests-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:16px}.requests-table tbody tr:hover{background-color:#f9fafb}.no-data{color:#999;font-style:italic;padding:40px!important;text-align:center}.contact-info{display:flex;flex-direction:column;gap:4px}.phone-number{color:#666;font-size:.85rem}.status-pending{background-color:#fef3c7;color:#92400e}.status-contacted{background-color:#dbeafe;color:#1e40af}.status-confirmed{background-color:#d1fae5;color:#065f46}.status-cancelled{background-color:#fee2e2;color:#991b1b}.status-accepted{background-color:#d1fae5;color:#065f46}.status-rejected{background-color:#fee2e2;color:#991b1b}.btn-view{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;padding:4px 8px;transition:background-color .2s ease;width:32px}.btn-view:hover{background-color:#e0f2fe}.btn-accept{align-items:center;background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.btn-accept:hover{background:#059669;transform:translateY(-1px)}.btn-reject{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.btn-reject:hover{background:#dc2626;transform:translateY(-1px)}.btn-tracking{align-items:center;background:#8b5cf6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.btn-tracking:hover{background:#7c3aed;transform:translateY(-1px)}.pagination-wrapper{justify-content:space-between;padding:16px 0}.pagination-info,.pagination-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.show-entries-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;min-width:80px;padding:8px 12px;transition:all .2s ease}.show-entries-btn:hover{background-color:#f0f7ff;border-color:#2563eb}.show-entries-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:4px;min-width:80px;position:absolute;top:100%;z-index:1000}.show-entries-option{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:.9rem;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.show-entries-option:hover{background-color:#f5f5f5}.pagination-count{color:#666;font-size:.9rem}.pagination-btn{color:#333;font-weight:500}.pagination-btn:hover:not(:disabled){background-color:#f0f7ff}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px 24px}.modal-header h2{color:#333;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close:hover{background-color:#f5f5f5;color:#333}.modal-body{padding:24px}.modal-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;padding:16px 24px}.view-details{display:flex;flex-direction:column;gap:16px}.detail-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#666;font-size:.9rem}.detail-value{color:#333;font-size:.9rem;font-weight:500}.status-update-section{border-top:1px solid #e0e0e0;margin-top:32px;padding-top:24px}.status-update-title{color:#333;font-size:1rem;font-weight:600;margin-bottom:16px}.status-buttons{display:flex;flex-wrap:wrap;gap:12px}.status-update-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.status-update-btn:hover{background-color:#f0f7ff;border-color:#2563eb;color:#2563eb}.status-update-btn.active{background:linear-gradient(135deg,#60a5fa,#2563eb);border-color:#2563eb;color:#fff}.action-section,.product-details-section,.shared-info-section{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px}.section-title{color:#333}.action-buttons-modal{display:flex;flex-wrap:wrap;gap:12px}.btn-accept-modal{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-accept-modal:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.btn-reject-modal{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-reject-modal:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.confirm-modal{max-width:450px}.confirm-warning{color:#ef4444;font-size:.9rem;font-weight:500;margin-top:8px}.btn-confirm-accept{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-confirm-accept:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.btn-confirm-reject{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-confirm-reject:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.btn-cancel{background:#fff;border:1px solid #d0d0d0;border-radius:6px;color:#333;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-cancel:hover{background-color:#f5f5f5;border-color:#b0b0b0}@media (max-width:1200px){.requests-table-wrapper{overflow-x:auto}.requests-table{min-width:1200px}}@media (max-width:768px){.booking-requests-container{padding:12px}.requests-filters{align-items:stretch}.filter-group,.requests-filters{flex-direction:column}.search-input{width:100%}.pagination-wrapper{align-items:stretch;flex-direction:column}.pagination-controls{justify-content:center}.requests-table td,.requests-table th{font-size:.85rem;padding:12px 8px}.modal-content{margin:10px;max-width:100%}}.reports-analytics-container{background-color:#f5f7fa;min-height:100vh;padding:24px;width:100%}.ra-header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.ra-main-title{color:#111827;font-size:1.75rem;font-weight:600;margin:0}.ra-header-actions{display:flex;gap:12px}.ra-action-btn{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.ra-action-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.ra-action-btn span{font-size:1rem}.ra-sub-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin-bottom:24px}.ra-sub-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.ra-sub-tab:hover{color:#111827}.ra-sub-tab.active{border-bottom-color:#2563eb;color:#2563eb}.ra-filters-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:20px}.ra-filter-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.ra-filter-group{display:flex;flex-direction:column;gap:6px}.ra-filter-label{color:#6b7280;font-size:.75rem;font-weight:500}.ra-date-input-wrapper{align-items:center;display:flex;position:relative}.ra-date-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:.875rem;padding:8px 32px 8px 12px;width:100%}.ra-date-icon{color:#6b7280;font-size:.875rem;pointer-events:none;position:absolute;right:10px}.ra-select-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;font-size:.875rem;padding:8px 12px;width:100%}.ra-search-group{grid-column:span 2}.ra-search-input-wrapper{align-items:center;display:flex;position:relative}.ra-search-icon{color:#6b7280;font-size:.875rem;left:12px;pointer-events:none;position:absolute}.ra-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:.875rem;padding:8px 12px 8px 36px;width:100%}.ra-filter-actions{display:flex;gap:12px;justify-content:flex-end}.ra-generate-btn{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 20px;transition:background-color .2s}.ra-generate-btn:hover{background-color:#1d4ed8}.ra-reset-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s}.ra-reset-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.ra-show-entries{margin-bottom:16px;position:relative}.ra-entries-btn,.ra-show-entries{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:8px}.ra-entries-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:6px 12px}.ra-entries-btn:hover{border-color:#9ca3af}.ra-entries-dropdown{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;left:50px;margin-top:4px;min-width:120px;position:absolute;top:100%;z-index:100}.ra-entries-option{color:#374151;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:background-color .2s}.ra-entries-option:hover{background-color:#f3f4f6}.ra-entries-option:first-child{border-radius:6px 6px 0 0}.ra-entries-option:last-child{border-radius:0 0 6px 6px}.ra-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.ra-data-table{border-collapse:collapse;width:100%}.ra-data-table thead{background-color:#f9fafb}.ra-data-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:12px 16px;position:relative;text-align:left;text-transform:uppercase}.ra-sort-icon{color:#9ca3af;cursor:pointer;font-size:.625rem;margin-left:6px}.ra-data-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.ra-data-table tbody tr:hover{background-color:#f9fafb}.ra-data-table tbody tr:last-child{border-bottom:none}.ra-data-table td{color:#111827;font-size:.875rem;padding:12px 16px}.ra-link{color:#2563eb;font-weight:500;text-decoration:none}.ra-link:hover{text-decoration:underline}.ra-status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 12px}.ra-status-badge-success{background-color:#d1fae5;color:#065f46}.ra-status-badge-pending{background-color:#e5e7eb;color:#374151}.ra-status-badge-progress{background-color:#dbeafe;color:#1e40af}.ra-status-badge-warning{background-color:#fef3c7;color:#92400e}.ra-status-badge-danger{background-color:#fee2e2;color:#991b1b}.ra-status-badge-default{background-color:#f3f4f6;color:#374151}.ra-action-icons{align-items:center;display:flex;gap:8px}.ra-action-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:4px;transition:background-color .2s}.ra-action-icon:hover{background-color:#f3f4f6}.ra-no-data{color:#6b7280;padding:40px!important;text-align:center}.ra-table-footer{align-items:center;display:flex;justify-content:space-between;padding:16px 0}.ra-pagination-info{color:#6b7280;font-size:.875rem}.ra-pagination-controls{align-items:center;display:flex;gap:8px}.ra-pagination-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;height:36px;justify-content:center;min-width:36px;padding:0 12px;transition:all .2s}.ra-pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.ra-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.ra-pagination-btn.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.ra-pagination-btn.active:hover{background-color:#1d4ed8;border-color:#1d4ed8}@media (max-width:1200px){.ra-filter-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ra-search-group{grid-column:span 1}}@media (max-width:768px){.reports-analytics-container{padding:16px}.ra-header-section{align-items:flex-start;flex-direction:column;gap:16px}.ra-sub-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.ra-filter-row{grid-template-columns:1fr}.ra-table-container{overflow-x:auto}.ra-table-footer{align-items:flex-start;flex-direction:column;gap:12px}}.document-management-container{background:#f9fafb;min-height:100vh;padding:24px;width:100%}.document-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.document-title{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0}.document-actions{display:flex;gap:12px}.btn-secondary{border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.9rem;gap:8px}.btn-secondary:hover{background:#f3f4f6;border-color:#d1d5db}.expiry-alert{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.alert-icon{flex-shrink:0;font-size:1.5rem}.alert-message{color:#92400e;font-size:.95rem;font-weight:500}.document-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.filter-btn{border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-weight:500;gap:8px;min-width:150px}.filter-btn:hover{background:#f9fafb;border-color:#d1d5db}.filter-btn.active{background:#eff6ff}.filter-dropdown{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:4px;top:100%;z-index:1000}.filter-option{color:#374151;transition:background .2s ease}.filter-option:hover{background:#f3f4f6}.filter-option:first-child{border-bottom:1px solid #e5e7eb;font-weight:600}.search-group{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;gap:12px;max-width:400px;padding:10px 16px}.search-icon{color:#6b7280;flex-shrink:0}.search-input{border:none;color:#1f2937;flex:1 1;outline:none}.search-input::placeholder{color:#9ca3af}.table-controls{justify-content:space-between}.show-entries{gap:8px;position:relative}.entries-btn,.show-entries{align-items:center;color:#374151;display:flex;font-size:.9rem}.entries-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:6px 12px;transition:all .2s ease}.entries-btn:hover{background:#f9fafb;border-color:#d1d5db}.entries-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:4px;min-width:120px;position:absolute;top:100%;z-index:1000}.entries-option{color:#374151;padding:8px 12px;transition:background .2s ease}.entries-option:hover{background:#f3f4f6}.document-table-container{-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow-x:auto;overflow-y:visible}.document-table{border-collapse:collapse;min-width:1200px;width:100%}.document-table thead{background:#f9fafb}.document-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.document-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:.9rem;padding:16px}.document-table tbody tr:hover{background:#f9fafb}.status-badge{border-radius:20px;display:inline-block;font-weight:600;padding:6px 12px}.status-badge.valid{background:#d1fae5;color:#065f46}.status-badge.expired{background:#fee2e2;color:#991b1b}.status-badge.expiring-soon{background:#fef3c7;color:#92400e}.action-btn{background:#0000;border-radius:6px;height:32px;padding:0;width:32px}.action-btn:hover{background:#f3f4f6}.view-btn:hover{background:#eff6ff}.download-btn:hover{background:#d1fae5}.upload-btn:hover{background:#e9e7ff}.document-pagination{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.pagination-info{color:#6b7280}.pagination-btn{border:1px solid #e5e7eb;border-radius:6px;color:#374151;min-width:40px}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-btn.active{background:#2563eb}@media (max-width:1200px){.document-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.document-table{min-width:1000px}}.view-document-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:100%}.view-document-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.view-document-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.view-document-body{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 1.5fr;overflow:hidden}.view-document-details{border-right:1px solid #e0e0e0;overflow-y:auto;padding:24px}.details-section-title{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 24px}.detail-item{align-items:flex-start;display:flex;gap:12px;margin-bottom:24px}.detail-icon{flex-shrink:0;font-size:1.25rem;margin-top:2px}.detail-content{flex:1 1}.detail-label{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:4px}.detail-value{color:#1f2937;font-size:1rem;font-weight:600}.view-document-preview{background:#f9fafb;display:flex;flex-direction:column;overflow:hidden}.preview-controls{border-bottom:1px solid #e0e0e0;gap:12px;justify-content:flex-end;padding:12px 16px}.preview-controls,.zoom-btn{align-items:center;background:#fff;display:flex}.zoom-btn{border:1px solid #e0e0e0;border-radius:6px;color:#374151;cursor:pointer;height:32px;justify-content:center;transition:all .2s ease;width:32px}.zoom-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.zoom-btn:disabled{cursor:not-allowed;opacity:.5}.zoom-level{color:#374151;font-size:.9rem;font-weight:500;min-width:50px;text-align:center}.fullscreen-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#374151;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.fullscreen-btn:hover{background:#f3f4f6;border-color:#d1d5db}.preview-container{align-items:center;background:#f9fafb;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:24px}.preview-image-wrapper{transform-origin:center center;transition:transform .3s ease}.preview-image{border-radius:8px;box-shadow:0 4px 12px #00000026;height:auto;max-width:100%}.preview-footer{background:#fff;border-top:1px solid #e0e0e0;justify-content:space-between;padding:16px 24px}.file-info,.preview-footer{align-items:center;display:flex}.file-info{color:#374151;font-size:.9rem;gap:8px}.file-icon{font-size:1.2rem}.file-name{font-weight:500}.upload-date{color:#6b7280;font-size:.875rem}.view-document-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.view-document-footer .btn-primary,.view-document-footer .btn-secondary{align-items:center;display:flex;gap:8px}.view-document-footer .btn-primary{background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.view-document-footer .btn-primary:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}@media (max-width:1200px){.view-document-body{grid-template-columns:1fr}.view-document-details{border-bottom:1px solid #e0e0e0;border-right:none;max-height:300px}}@media (max-width:768px){.document-management-container{padding:16px}.document-header{align-items:flex-start;flex-direction:column;gap:16px}.document-actions{flex-wrap:wrap;width:100%}.document-filters{align-items:stretch;flex-direction:column}.filter-btn,.filter-group{width:100%}.search-group{max-width:100%}.document-pagination{align-items:stretch;flex-direction:column;gap:16px}.pagination-controls{flex-wrap:wrap;justify-content:center}.view-document-modal-content{max-height:95vh;max-width:100%}.view-document-footer{flex-direction:column}.view-document-footer .btn-primary,.view-document-footer .btn-secondary{justify-content:center;width:100%}}.replace-document-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:100%;z-index:10000}.replace-document-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.replace-document-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.replace-document-body{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 1fr;overflow:hidden}.current-document-info{border-right:1px solid #e0e0e0;overflow-y:auto;padding:24px}.current-document-preview{margin-top:24px}.preview-thumbnail{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;max-width:200px;overflow:hidden;width:100%}.thumbnail-image{display:block;height:auto;width:100%}.current-file-info{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:8px}.upload-new-document{background:#f9fafb;overflow-y:auto;padding:24px}.upload-area{background:#fff;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;margin-bottom:20px;padding:40px 20px;position:relative;text-align:center;transition:all .2s ease}.upload-area:hover{background:#f0f7ff;border-color:#2563eb}.upload-area.dragging{background:#eff6ff;border-color:#2563eb}.upload-text{margin-bottom:16px}.upload-file-types{display:flex;gap:12px;justify-content:center;margin-bottom:12px}.file-type-badge{background:#f3f4f6;border-radius:6px;color:#374151;font-size:.875rem;font-weight:500;padding:6px 12px}.upload-size-limit{color:#6b7280;font-size:.875rem}.uploaded-preview{display:inline-block;position:relative}.uploaded-preview-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:300px;max-width:100%}.uploaded-file-name{color:#374151;font-size:.9rem;font-weight:500;margin-top:12px}.remove-file-btn{align-items:center;background:#dc2626;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:28px}.remove-file-btn:hover{background:#b91c1c;transform:scale(1.1)}.replace-warning{align-items:flex-start;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.warning-icon{flex-shrink:0;font-size:1.5rem}.warning-message{color:#92400e;font-size:.9rem;font-weight:500;line-height:1.5}.date-field{margin-bottom:24px}.date-label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:8px}.date-icon{font-size:1.1rem}.date-input-wrapper{align-items:center;display:flex;position:relative}.date-input{border:1px solid #e0e0e0;border-radius:6px;color:#1f2937;cursor:pointer;font-size:.9rem;padding:10px 40px 10px 12px;transition:border-color .2s ease;width:100%}.date-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;height:100%;opacity:0;position:absolute;right:0;width:100%}.date-icon-input{color:#6b7280;font-size:1.1rem;pointer-events:none;position:absolute;right:12px}.replace-save-btn{align-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease;width:100%}.replace-save-btn:hover:not(:disabled){box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.replace-save-btn:disabled{cursor:not-allowed;opacity:.5}.replace-document-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-start;padding:16px 24px}.replace-document-footer .btn-secondary{align-items:center;display:flex;gap:8px}@media (max-width:1200px){.replace-document-body{grid-template-columns:1fr}.current-document-info{border-bottom:1px solid #e0e0e0;border-right:none;max-height:400px}}.replace-confirm-overlay{position:fixed!important;z-index:10001!important}.delete-vehicle-modal-content,.replace-confirm-modal-content{z-index:10002}.delete-vehicle-modal-content,.replace-confirm-modal-content,.replace-success-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;position:relative;width:100%}.replace-success-modal-content{overflow:hidden}.replace-success-modal-content:before{background:#10b981;bottom:0;content:"";left:0;position:absolute;top:0;width:6px}.replace-success-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:20px 24px}.replace-success-icon-wrapper{align-items:center;background:#10b981;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.replace-success-icon{color:#fff;height:24px;width:24px}.replace-success-title{color:#10b981;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.replace-success-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.replace-success-close:hover{color:#374151}.replace-success-body{padding:24px;text-align:center}.replace-success-message{color:#1f2937;font-size:1rem;font-weight:500;margin-bottom:20px}.replace-success-details{background:#f3f4f6;border-radius:8px;padding:16px;text-align:left}.replace-success-detail-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.replace-success-detail-label{color:#6b7280;font-size:.875rem;font-weight:500}.replace-success-detail-value{color:#1f2937;font-size:.875rem;font-weight:600}.support-issue-logs-container{background-color:#f5f7fa;min-height:calc(100vh - 70px);padding:30px;width:100%}.support-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.support-title{color:#333;font-size:1.8rem;font-weight:600;margin:0}.support-actions{display:flex;gap:12px}.btn-primary{align-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:6px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:6px;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.btn-primary span{font-size:1.2rem}.btn-secondary{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{background-color:#f5f5f5;border-color:#2563eb;color:#2563eb}.support-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.filter-group{display:flex;flex-wrap:wrap;gap:12px}.filter-wrapper{position:relative}.filter-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.filter-btn.active,.filter-btn:hover{border-color:#2563eb;color:#2563eb}.filter-btn.active{background-color:#e3f2fd;font-weight:500}.filter-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;top:calc(100% + 4px);z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.filter-option{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:.9rem;padding:10px 16px;text-align:left;transition:background-color .2s ease;width:100%}.filter-option:hover{background-color:#f5f5f5}.filter-option.selected{background-color:#e3f2fd;color:#2563eb;font-weight:500}.filter-option:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.filter-option:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.search-group{align-items:center;display:flex;position:relative}.search-input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;padding:10px 40px 10px 16px;transition:border-color .2s ease;width:300px}.search-input:focus{border-color:#2563eb;outline:none}.search-icon{color:#999;font-size:1.2rem;line-height:1;pointer-events:none;position:absolute;right:12px}.add-issue-section{margin-bottom:20px}.table-controls{align-items:center;display:flex;margin-bottom:16px}.show-entries-wrapper{align-items:center;display:flex;gap:8px;position:relative}.show-entries-label{color:#666;font-size:.9rem}.entries-dropdown{position:relative}.entries-dropdown-header{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;min-width:100px;padding:8px 12px;transition:all .2s ease}.entries-dropdown-header:hover{background-color:#f0f7ff;border-color:#2563eb}.entries-dropdown-content{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;min-width:100px;position:absolute;top:calc(100% + 4px);z-index:100}.entries-option{color:#333;cursor:pointer;font-size:.9rem;padding:10px 16px;transition:background-color .2s ease}.entries-option:hover{background-color:#f5f5f5}.entries-option:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.entries-option:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.support-table-container{-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;overflow-x:auto;overflow-y:visible}.support-table{border-collapse:collapse;min-width:1400px;width:100%}.support-table thead{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0}.support-table th{color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.support-table th input[type=checkbox]{cursor:pointer}.sort-icon{color:#999;font-size:.8rem;margin-left:8px}.support-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.support-table tbody tr:hover{background-color:#f9f9f9}.support-table td{color:#666;font-size:.9rem;padding:12px 16px}.support-table td input[type=checkbox]{cursor:pointer}.priority-badge{border-radius:12px;font-size:.85rem;font-weight:500;padding:4px 12px;white-space:nowrap}.priority-badge.high{background:#fee2e2;color:#dc2626}.priority-badge.medium{background:#fef3c7;color:#d97706}.priority-badge.low{background:#dbeafe;color:#2563eb}.status-badge{border-radius:12px;font-size:.85rem;font-weight:500;padding:4px 12px;white-space:nowrap}.status-badge.open{background:#dbeafe;color:#2563eb}.status-badge.in-progress{background:#fef3c7;color:#d97706}.status-badge.resolved{background:#d1fae5;color:#059669}.action-buttons{gap:8px}.action-btn,.action-buttons{align-items:center;display:flex}.action-btn{background:none;border:none;border-radius:4px;cursor:pointer;justify-content:center;padding:6px;transition:all .2s ease}.action-btn:hover{background-color:#f5f5f5}.view-btn:hover{background-color:#eff6ff}.edit-btn:hover{background-color:#f5f3ff}.support-pagination{align-items:center;display:flex;justify-content:space-between;padding:16px 0}.pagination-info{color:#666;font-size:.9rem}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;font-size:.9rem;min-width:36px;padding:8px 12px;text-align:center;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#2563eb;color:#2563eb}.pagination-btn.active{background:linear-gradient(135deg,#60a5fa,#2563eb);border-color:#2563eb;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1200px){.support-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.support-table{min-width:1200px}}@media (max-width:968px){.support-issue-logs-container{padding:16px}.support-title{font-size:1.5rem}.support-filters{align-items:stretch;flex-direction:column}.filter-group,.search-group,.search-input{width:100%}}@media (max-width:768px){.support-header{align-items:flex-start;flex-direction:column;gap:16px}.support-actions{width:100%}.btn-primary,.btn-secondary{flex:1 1}.support-pagination{align-items:stretch;flex-direction:column;gap:16px}.pagination-controls{justify-content:center}}@media (max-width:576px){.support-issue-logs-container{padding:10px}.support-title{font-size:1.2rem}.support-table{font-size:.85rem;min-width:1000px}.support-table td,.support-table th{font-size:.8rem;padding:10px 8px}}.modal-overlay{align-items:center;animation:overlayFadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.add-issue-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 8px}.modal-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.modal-subtitle{color:#6b7280;font-size:.9rem;padding:0 24px 20px}.modal-body{flex:1 1;overflow-y:auto;padding:0 24px}.modal-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px;padding:20px 24px}.form-section{margin-bottom:24px}.section-title{color:#374151;font-size:1rem;font-weight:600;margin-bottom:16px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.form-field{display:flex;flex-direction:column}.form-field.full-width{grid-column:1/-1}.form-field label{color:#374151;font-size:.9rem;font-weight:500;margin-bottom:8px}.required-asterisk{color:#ef4444}.form-input{border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-family:inherit;font-size:.9rem;padding:10px 12px;transition:border-color .2s ease}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-input:read-only{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-input.error{border-color:#ef4444}.form-input textarea{min-height:100px;resize:vertical}.error-message{color:#ef4444;font-size:.8rem;margin-top:4px}.priority-radio-group{display:flex;gap:12px;margin-top:8px}.priority-radio{align-items:center;border:2px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;text-align:center;transition:all .2s ease}.priority-radio input[type=radio]{cursor:pointer;margin:0}.priority-radio.selected{background-color:#eff6ff;border-color:#2563eb;color:#2563eb}.file-upload-area{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;padding:40px 20px;position:relative;text-align:center;transition:all .2s ease}.file-upload-area:hover{background:#f0f7ff;border-color:#2563eb}.file-upload-area.dragging{background:#eff6ff;border-color:#2563eb}.upload-icon{font-size:3rem;margin-bottom:12px}.upload-text{color:#374151;font-size:1rem;font-weight:500;margin-bottom:8px}.upload-hint{color:#6b7280;font-size:.85rem;margin-bottom:16px}.browse-files-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.browse-files-btn:hover{background:#f0f7ff;border-color:#2563eb;color:#2563eb}.attachments-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.attachments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:16px}.attachment-image-wrapper,.attachment-preview-item{border-radius:8px;overflow:hidden;position:relative}.attachment-image-wrapper{border:1px solid #e5e7eb;height:150px;width:100%}.attachment-preview-image{display:block;height:100%;object-fit:cover;width:100%}.attachment-pdf-wrapper{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;height:150px;overflow:hidden;position:relative;width:100%}.attachment-preview-pdf{border:none;height:100%;width:100%}.attachment-remove-overlay-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:24px;z-index:10}.attachment-remove-overlay-btn:hover{background:#dc2626;transform:scale(1.1)}.attachment-file-wrapper{border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:8px;padding:16px}.attachment-file-wrapper,.attachment-item{align-items:center;background:#f9fafb;display:flex;font-size:.9rem}.attachment-item{border:1px solid #e5e7eb;border-radius:6px;gap:12px;padding:10px 12px}.attachment-icon{font-size:1.2rem}.attachment-name{color:#374151;flex:1 1;font-size:.85rem;font-weight:500;text-align:center;word-break:break-word}.attachment-size{color:#6b7280;font-size:.8rem}.attachment-remove-btn{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:1rem;padding:4px;transition:background-color .2s ease}.attachment-remove-btn:hover{background-color:#fee2e2}.cancel-link{color:#6b7280;font-size:.9rem;text-decoration:none;transition:color .2s ease}.cancel-link:hover{color:#374151;text-decoration:underline}.confirm-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}.confirm-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:20px 24px}.confirm-icon-wrapper{align-items:center;background:#fef3c7;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.confirm-warning-icon{font-size:1.5rem}.confirm-modal-title{color:#1f2937;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.confirm-close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.2rem;line-height:1;padding:4px;transition:color .2s ease}.confirm-close-btn:hover{color:#374151}.confirm-modal-body{padding:24px}.confirm-message{color:#374151;font-size:1rem;margin:0}.confirm-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.confirm-cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.confirm-cancel-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.confirm-submit-btn{background:linear-gradient(135deg,#60a5fa,#2563eb);border:none;border-radius:6px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.confirm-submit-btn:hover{box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.success-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;position:relative;width:100%}.success-modal-content:before{background:#10b981;bottom:0;content:"";left:0;position:absolute;top:0;width:6px}.success-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:20px 24px}.success-icon-wrapper{align-items:center;background:#10b981;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.success-icon-wrapper svg{color:#fff;height:24px;width:24px}.success-title{color:#10b981;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.success-close-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.success-close-btn:hover{color:#374151}.success-modal-body{padding:24px;text-align:center}.success-message{color:#1f2937;font-size:1rem;font-weight:500;margin-bottom:20px}.success-log-id-badge{background:#f3f4f6;border-radius:8px;display:inline-block;padding:16px;text-align:left}.success-log-id-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.success-log-id-label{color:#6b7280;font-size:.875rem;font-weight:500}.success-log-id-value{color:#1f2937;font-family:monospace;font-size:.875rem;font-weight:600}.view-issue-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.view-issue-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.view-issue-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.view-issue-close-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.view-issue-close-btn:hover{color:#374151}.view-issue-tabs{border-bottom:1px solid #e5e7eb;display:flex;padding:0 24px}.view-issue-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 16px;transition:all .2s ease}.view-issue-tab.active{border-bottom-color:#2563eb;color:#2563eb}.view-issue-body{flex:1 1;overflow-y:auto;padding:24px}.view-issue-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.view-issue-left-column,.view-issue-right-column{display:flex;flex-direction:column;gap:16px}.view-issue-field{display:flex;flex-direction:column;gap:4px}.view-issue-field.full-width{grid-column:1/-1}.view-issue-field-label{color:#6b7280;font-size:.875rem;font-weight:500}.view-issue-field-value{color:#1f2937;font-size:.95rem;font-weight:500}.view-issue-description-text{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:.95rem;line-height:1.5;padding:12px;white-space:pre-wrap;word-break:break-word}.view-issue-status-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 12px}.view-issue-status-badge.pending{background:#fef3c7;color:#d97706}.view-issue-status-badge.open{background:#dbeafe;color:#2563eb}.view-issue-status-badge.in-progress{background:#fef3c7;color:#d97706}.view-issue-status-badge.resolved{background:#d1fae5;color:#059669}.view-issue-screenshots-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.view-issue-screenshots-title{color:#374151;font-size:1rem;font-weight:600;margin:0 0 16px}.view-issue-screenshots-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.view-issue-screenshot-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.view-issue-screenshot-image{background:#fff;display:block;height:auto;max-height:300px;object-fit:contain;width:100%}.view-issue-screenshot-pdf{background:#fff;border:none;height:300px;width:100%}.view-issue-screenshot-placeholder{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:24px}.view-issue-screenshot-icon{font-size:2rem}.view-issue-screenshot-name{color:#6b7280;font-size:.875rem;text-align:center;word-break:break-word}.view-issue-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.view-issue-edit-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.view-issue-edit-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.view-issue-resolve-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.view-issue-resolve-btn:hover{background:#059669}.view-issue-close-footer-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.view-issue-close-footer-btn:hover{background-color:#f9fafb;border-color:#9ca3af}
/*# sourceMappingURL=main.90b6d8bc.css.map*/