.header{background-color:var(--light);position:fixed;width:100%;z-index:1;padding:.75rem;box-shadow:0 4px 20px #0000001a;transition:var(--transition)}.header-container{margin:0 10px;display:flex;justify-content:space-between;align-items:center;padding:0}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--primary);font-weight:700;font-size:1.5rem;transition:var(--transition)}.logo:hover{transform:translateY(-2px)}.logo img{width:32px;height:32px;transition:var(--transition)}.logo:hover img{transform:rotate(0) translate(2px) scale(1.1)}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{text-decoration:none;color:var(--dark);font-weight:500;transition:var(--transition)}.profile-link{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;color:var(--dark);overflow:hidden;border-radius:50%}.profile-photo{width:40px;height:40px}.mobile-menu-btn{display:none;cursor:pointer;padding:.5rem}.mobile-menu-btn span{display:block;width:25px;height:2px;background-color:var(--primary);margin:6px 0;transition:var(--transition);border-radius:1px}@media(max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:block;cursor:pointer}.mobile-menu-open .nav-links{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:#fffffffa;padding:2rem;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.mobile-menu-open .mobile-menu-btn span:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-open .mobile-menu-btn span:nth-child(2){opacity:0}.mobile-menu-open .mobile-menu-btn span:last-child{transform:rotate(-45deg) translate(6px,-6px)}}.modal-overlay{display:none;position:fixed;inset:0;background:#0f172acc;z-index:1100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:var(--transition)}.modal-overlay.active{display:block;opacity:1}.modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background:var(--white);border-radius:24px;padding:2.5rem;z-index:1200;width:90%;max-width:1000px;box-shadow:0 25px 50px -12px #00000040;opacity:0}.modal.active{display:block;opacity:1;transform:translate(-50%,-50%) scale(1)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:var(--gray);transition:var(--transition);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--primary);background:var(--light);transform:rotate(90deg)}.login-options{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:1rem}.login-card{background:var(--light);padding:2rem 1.5rem;border-radius:20px;text-align:center;transition:var(--transition);cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden;text-decoration:none}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));transform:scaleX(0);transition:var(--transition)}.login-card:hover:before{transform:scaleX(1)}.login-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px #6366f126;border-color:#6366f11a}.login-card h3{color:var(--primary);margin-bottom:1rem;font-size:1.75rem;font-weight:700}.login-card p{color:var(--gray);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}@media(max-width:768px){.modal{width:max-content}.login-options{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.login-card p{display:none}.login-card h3{font-size:1.25rem;margin:auto}.login-card{padding:.5rem}}.profile-dropdown{position:relative;display:inline-block}.profile-name{cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem}.profile-name:after{content:"▼";font-size:.7rem;margin-left:.3rem}.dropdown-content{display:none;position:absolute;right:0;top:100%;background-color:var(--white);min-width:160px;box-shadow:0 8px 16px #0000001a;z-index:1;border-radius:8px;padding:.5rem 0}.profile-dropdown:hover .dropdown-content{display:block}.dropdown-content a,.dropdown-content button{color:var(--dark);padding:12px 16px;text-decoration:none;display:block;text-align:left;transition:background-color .3s;background:none;border:none;width:100%;cursor:pointer;font-size:1rem}.dropdown-content a:hover,.dropdown-content button:hover{background-color:var(--light)}.logout-link{color:var(--primary)}.dropdown-link{color:var(--dark)!important;font-weight:500;border-bottom:1px solid #f3f4f6}.footer{background-color:var(--secondary);color:var(--white);padding:8rem 1.5rem 4rem;position:relative;overflow:hidden}.footer-container{max-width:1200px;margin:0 auto;position:relative}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4rem;margin-bottom:5rem;text-align:center}.footer-section h3{font-size:1.8rem;margin-bottom:2rem;color:var(--white);position:relative;padding-bottom:1rem}.footer-section h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:3px;background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));border-radius:2px}.footer-section h4{font-size:1.4rem;margin-bottom:1.5rem;color:var(--white)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:1rem}.footer-section a{color:var(--light);text-decoration:none;transition:var(--transition);opacity:.8;display:inline-block;font-size:1.1rem}.footer-section a:hover{color:var(--accent);opacity:1;transform:translateY(-3px)}.social-links{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.social-links a{color:var(--white);font-size:1.75rem;transition:var(--transition);opacity:.8}.social-links a:hover{color:var(--accent);opacity:1;transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:3rem;border-top:1px solid rgba(255,255,255,.1);font-size:1rem;opacity:.8}.hero{min-height:100vh;background:linear-gradient(#0009,#0009),url(/assets/landing-page-_NNH_xaO.jpg) center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--white);padding:1rem 1.5rem}.hero-content{max-width:900px;opacity:0;transform:translateY(20px);animation:fadeInUp 1s forwards;padding:2rem}.hero h1{font-size:clamp(2.5rem,5vw,4.5rem);margin-bottom:1.75rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero p{font-size:clamp(1.1rem,2vw,1.35rem);margin-bottom:3rem;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7;text-shadow:0 1px 2px rgba(0,0,0,.2)}.button-group{display:flex;gap:1.5rem;justify-content:center;align-items:center}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.features{width:100%;padding:10rem 1.5rem;background-color:var(--white);position:relative}.home-section-title{text-align:center;font-size:clamp(2.25rem,4vw,3.25rem);margin-bottom:5rem;color:var(--primary);position:relative;letter-spacing:-.01em}.home-section-title:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));border-radius:2px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin:0 auto;padding:0;width:clamp(300px,90%,1600px)}.feature-card{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:var(--transition);opacity:0;transform:translateY(20px);animation:fadeInUp 1s forwards;border:1px solid rgba(0,0,0,.05)}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 30px #0000001f;border-color:var(--primary)}.feature-image{height:240px;overflow:hidden;position:relative}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.feature-card:hover .feature-image img{transform:scale(1.1)}.feature-content{padding:2.5rem}.feature-content h3{font-size:clamp(1.33rem,5vw,1.75rem);color:var(--primary);margin-bottom:1.25rem;position:relative;padding-bottom:1rem;text-align:center}.feature-content h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:3px;background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));border-radius:2px}.feature-content p{color:var(--gray);line-height:1.8;text-align:center;font-size:clamp(.8rem,3.5vw,1.1rem)}.testimonials{width:100%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);padding:10rem 1.5rem;position:relative;overflow:hidden}.testimonials .home-section-title{color:var(--white);margin-bottom:6rem}.testimonials .home-section-title:after{background:var(--white)}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;max-width:1200px;margin:0 auto;padding:0 1.5rem}.testimonial-card{background:#ffffff1a;border-radius:20px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);opacity:0;transform:translateY(20px);animation:fadeInUp 1s forwards;border:1px solid rgba(255,255,255,.2);text-align:center}.testimonial-card:hover{transform:translateY(-8px);background:#ffffff26;border-color:#ffffff4d}.testimonial-header{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2.5rem}.testimonial-image{width:90px;height:90px;border-radius:50%;overflow:hidden;border:3px solid var(--white);box-shadow:0 0 20px #fff3}.testimonial-image img{width:100%;height:100%;object-fit:cover}.testimonial-header h4{font-size:1.5rem;margin-bottom:.25rem;color:var(--white)}.testimonial-header p{color:var(--accent);font-size:1.1rem;opacity:.9}blockquote{font-style:italic;line-height:1.8;position:relative;padding:0 1rem;font-size:1.1rem}blockquote:before{content:'"';font-size:6rem;position:absolute;left:50%;top:-3rem;transform:translate(-50%);color:var(--white);opacity:.2;font-family:Georgia,serif}@media(max-width:480px){.hero h1{font-size:2.25rem}.hero p{font-size:1.1rem}.home-section-title{font-size:2rem}.feature-card,.testimonial-card{margin:0 1rem}.button-group{flex-direction:column;width:100%}.button-group .btn{width:100%;text-align:center}}.login-content{background-image:url(../images/login-left.avif);background-size:cover;background-position:center;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:0;margin:0}.login-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-container{display:flex;max-width:900px;width:90%;height:550px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;position:relative;z-index:10}.overlay{position:absolute;inset:0;background:linear-gradient(135deg,#4f46e5b3,#7c3aedb3);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;color:#fff;text-align:center}.logo{height:40px;width:40px;transition:var(--transition);filter:brightness(0) saturate(100%) invert(25%) sepia(100%) saturate(500%) hue-rotate(180deg)}.logo:hover{transform:rotate(0) translate(2px) scale(1.1)}.brand{font-size:2rem;font-weight:700;margin-bottom:1rem}.tagline{font-size:1.125rem;opacity:.9}.right-side{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#fff}.login-form{width:100%;max-width:350px}h1{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem}.subtitle{color:#6b7280;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.input-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.input-field{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:all .3s ease}.toggle-password{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);cursor:pointer;color:#6b7280;font-size:1.25rem}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.remember-me{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.link{color:var(--primary);text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.register-text{text-align:center;font-size:.875rem;color:#6b7280}@media(max-width:768px){.card-container{width:90%;height:auto;flex-direction:column}.left-side{display:none}.right-side{padding:2rem 1.5rem}}.error-container{display:flex;align-items:center;justify-content:space-between;background-color:var(--error);color:#fff;padding:15px;border-radius:5px;width:300px;position:fixed;top:20px;right:20px;box-shadow:0 2px 8px #0003}.oauth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0}.oauth-divider:before,.oauth-divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.oauth-divider span{padding:0 1rem;color:#6b7280;font-size:.875rem;font-weight:500}.google-login-container{margin-bottom:1.5rem}.google-login-container>div{width:100%!important}.otp-verification{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:.5rem 0}.otp-icon{font-size:2.5rem;margin-bottom:.25rem}.otp-inputs{display:flex;gap:.6rem;justify-content:center}.otp-box{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:700;border:2px solid #e2e8f0;border-radius:12px;outline:none;transition:border-color .2s,box-shadow .2s;background:#f8fafc;color:#1e293b;caret-color:#6366f1}.otp-box:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;background:#fff}.otp-box.filled{border-color:#6366f1;background:#eef2ff}.otp-box:disabled{opacity:.5;cursor:not-allowed}.otp-hint{font-size:.82rem;color:#94a3b8;margin:0}.resend-text{font-size:.88rem;color:#64748b;margin:0}.resend-btn{background:none;border:none;color:#6366f1;font-weight:600;cursor:pointer;font-size:.88rem;padding:0;text-decoration:underline;transition:color .2s}.resend-btn:hover{color:#4f46e5}.resend-btn:disabled{color:#94a3b8;cursor:not-allowed;text-decoration:none}@media(max-width:400px){.otp-box{width:40px;height:48px;font-size:1.25rem}.otp-inputs{gap:.4rem}}.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem}.not-found h1{font-size:clamp(4rem,10vw,8rem);margin:0;color:var(--primary, #6366f1)}.not-found p{font-size:1.25rem;color:var(--gray, #64748b);max-width:420px}.not-found .btn{margin-top:.5rem}.form-group{margin-bottom:1.25rem}.input-label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.875rem}.required-indicator{color:var(--error)}.input-field{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:all .3s ease;font-family:inherit}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.input-field:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.input-field.input-error{border-color:var(--error)}.input-field.input-error:focus{box-shadow:0 0 0 3px #ef44441a}textarea.input-field{resize:vertical;min-height:100px}select.input-field{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.error-message{display:block;color:var(--error);font-size:.875rem;margin-top:.25rem}.input-help{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem}.text-right{text-align:right}.checkbox-label{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:#6b7280;cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:.25rem;cursor:pointer;width:1rem;height:1rem;accent-color:var(--primary)}.checkbox-text{flex:1}.checkbox-label.checkbox-error{color:var(--error)}.password-container{position:relative}.password-container input{padding-right:3rem}.toggle-password{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center}.toggle-password:hover{color:var(--primary)}.btn{padding:.75rem 1.75rem;border-radius:12px;font-weight:600;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden;text-align:center;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:var(--white);border:2px solid transparent}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-gradient:hover:not(:disabled){transform:translateY(-4px) scale(1.01);box-shadow:0 8px 20px #6366f14d}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:transparent}.btn-outline:hover:not(:disabled){background:var(--primary-dark);color:var(--white);border:2px solid transparent;box-shadow:0 8px 20px #6366f14d}.btn-gradient-outline{border:2px solid var(--primary);color:var(--primary);background:transparent}.btn-gradient-outline:hover:not(:disabled){background:linear-gradient(135deg,var(--gradient-end),var(--gradient-start));color:var(--white);border:2px solid transparent;transform:translateY(-2px) scale(1.01);box-shadow:0 8px 20px #6366f14d}.btn-ghost{background:transparent;color:var(--primary);border:none;padding:.5rem 1rem}.btn-ghost:hover:not(:disabled){background:#6366f11a}.btn-icon{background:transparent;border:none;padding:.5rem;border-radius:50%;width:2.5rem;height:2.5rem}.btn-icon:hover:not(:disabled){background:#6366f11a}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-full-width{width:100%}.btn-icon-left,.btn-icon-right{display:flex;align-items:center}.btn-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-in-out}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;position:relative}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:600px}.modal-lg{width:100%;max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.modal-close{background:transparent;border:none;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f3f4f6;color:var(--primary)}.modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.empty-state-icon{color:#9ca3af;margin-bottom:1.5rem;opacity:.5}.empty-state-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-state-message{font-size:1rem;color:#6b7280;margin-bottom:1.5rem;max-width:400px}.empty-state-action{margin-top:1rem}@media(max-width:768px){.modal-content{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:1rem}.btn{padding:.625rem 1.25rem}}.login-main-content{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:transparent}.login-content{width:100%;max-width:1200px}.card-container{display:flex;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 20px #0000001a;height:90vh}.left-side{flex:1;position:relative;overflow:hidden}.left-side img{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.overlay .logo{width:80px;height:80px;margin-bottom:20px}.brand{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px}.tagline{color:#fff;font-size:1.2rem;text-align:center}.right-side{flex:1;padding:40px;overflow-y:auto}.login-form{max-width:500px;margin:0 auto;padding:20px}.login-form h1{font-size:2rem;color:var(--text-primary);margin-bottom:10px;text-align:center}.subtitle{text-align:center;color:var(--text-secondary);margin-bottom:30px}.vehicle-form{background-color:var(--light-gray);padding:20px;border-radius:10px;margin-bottom:20px}.vehicle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vehicle-header h3{margin:0;color:var(--primary)}.add-vehicle-section{margin:20px 0;text-align:center}.progress-container{display:flex;justify-content:center;align-items:center;margin:40px 0;position:relative;padding:0 40px;gap:0}.progress-step{width:40px;height:40px;border-radius:50%;background-color:#fff;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary);position:relative;z-index:2;flex-shrink:0}.progress-line{flex:1;height:2px;background-color:var(--border-color);position:relative;z-index:1}.progress-step.active,.progress-step.completed{background-color:var(--primary);border-color:var(--primary);color:var(--white)}.progress-line.active{background-color:var(--primary)}.form-group{margin-bottom:20px}.input-label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500}.input-field{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;transition:border-color .3s ease}.input-field:focus{border-color:var(--primary);outline:none}.buttons{display:flex;justify-content:space-between;margin-top:30px}@media(max-width:992px){.card-container{flex-direction:column;height:auto}.left-side{display:none}.right-side{padding:30px 20px}.login-form{padding:0}}@media(max-width:576px){.login-main-content{padding:10px}.progress-container{padding:0 20px}.buttons{flex-direction:column;gap:10px}.buttons button{width:100%}}.vehicles-section{margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.vehicle-section{background-color:#f9fafb;padding:1rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid #e5e7eb}.vehicle-section h4{margin-bottom:1rem;color:#374151}.vehicle-section .form-group{margin-bottom:1rem}.remove-vehicle{color:var(--error);border-color:var(--error)}.remove-vehicle:hover{background-color:var(--error);color:#fff}.input-help{display:block;font-size:.85rem;color:var(--text-secondary);margin-top:5px}.oauth-divider-small{display:flex;align-items:center;text-align:center;margin:1rem 0 .5rem}.oauth-divider-small:before,.oauth-divider-small:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.oauth-divider-small span{padding:0 .75rem;color:#6b7280;font-size:.75rem;font-weight:500}.google-signup-container{margin-top:.75rem;margin-bottom:1rem}.google-signup-container>div{width:100%!important}.google-help-text{text-align:center;font-size:.75rem;color:#6b7280;margin-top:.5rem;margin-bottom:0}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.kpi-card-value{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin-bottom:4px}.dashboard-panel h2{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}.pie-chart-container{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.pie-chart{width:180px;height:180px;flex-shrink:0}.pie-slice{transition:opacity .2s ease;cursor:pointer}.pie-slice:hover{opacity:.8}.pie-chart-legend{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.875rem}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-label{color:#374151;min-width:70px}.legend-value{color:#6b7280;font-weight:600}.status-breakdown-list{display:flex;flex-direction:column;gap:12px}.status-breakdown-item{display:flex;align-items:center;gap:12px}.status-breakdown-label{min-width:90px;font-size:.875rem;color:#374151;font-weight:500}.status-breakdown-bar-container{flex:1;height:24px;background:#f3f4f6;border-radius:6px;overflow:hidden}.status-breakdown-bar{height:100%;border-radius:6px;transition:width .3s ease;min-width:2px}.status-breakdown-bar.placed{background:#3b82f6}.status-breakdown-bar.assigned{background:#f59e0b}.status-breakdown-bar.in-transit{background:#8b5cf6}.status-breakdown-bar.started{background:#06b6d4}.status-breakdown-bar.completed{background:#10b981}.status-breakdown-bar.cancelled{background:#ef4444}.status-breakdown-bar.other{background:#6b7280}.status-breakdown-count{min-width:40px;text-align:right;font-size:.875rem;font-weight:600;color:#1a1a1a}.upcoming-pickups-list{display:flex;flex-direction:column;gap:12px}.upcoming-pickup-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:border-color .2s ease}.upcoming-pickup-item:hover{border-color:#d1d5db}.pickup-route{flex:1}.pickup-route-text{font-size:.875rem;font-weight:600;color:#1a1a1a;margin-bottom:4px}.pickup-date{font-size:.75rem;color:#6b7280}.pickup-status-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.pickup-status-badge.placed{background:#dbeafe;color:#1d4ed8}.pickup-status-badge.assigned{background:#fef3c7;color:#b45309}.pickup-status-badge.in-transit{background:#ede9fe;color:#6d28d9}.pickup-status-badge.started{background:#cffafe;color:#0e7490}.pickup-action-link{margin-left:12px;padding:6px 12px;font-size:.75rem;font-weight:600;color:#fff;background:#1976d2;border-radius:6px;text-decoration:none;transition:background .2s ease}.pickup-action-link:hover{background:#1565c0}.recent-orders-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.recent-orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.recent-orders-header h2{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin:0}.recent-orders-filters{display:flex;gap:12px;align-items:center}.recent-orders-table{width:100%;border-collapse:collapse}.recent-orders-table th,.recent-orders-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f3f4f6}.recent-orders-table th{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb}.recent-orders-table td{font-size:.875rem;color:#374151}.recent-orders-table tbody tr:hover{background:#f9fafb}.order-status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.order-status-badge.placed{background:#dbeafe;color:#1d4ed8}.order-status-badge.assigned{background:#fef3c7;color:#b45309}.order-status-badge.in-transit{background:#ede9fe;color:#6d28d9}.order-status-badge.started{background:#cffafe;color:#0e7490}.order-status-badge.completed{background:#d1fae5;color:#047857}.order-status-badge.cancelled{background:#fee2e2;color:#b91c1c}.order-action-btn{padding:6px 10px;font-size:.75rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;text-decoration:none;margin-right:6px;transition:opacity .2s ease}.order-action-btn:hover{opacity:.85}.order-action-btn.view{background:#e0e7ff;color:#3730a3}.order-action-btn.track{background:#d1fae5;color:#047857}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.dashboard-error .error-icon{font-size:3rem;margin-bottom:16px}.dashboard-error p{color:#dc2626;font-size:1rem;margin-bottom:16px}.dashboard-error button{padding:10px 20px;background:#1976d2;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease}.dashboard-error button:hover{background:#1565c0}@media(max-width:768px){.dashboard-container{padding:16px}.dashboard-header h1{font-size:1.5rem}.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-card{padding:16px}.kpi-card-value{font-size:1.5rem}.recent-orders-header{flex-direction:column;align-items:flex-start}.recent-orders-filters{width:100%}.filter-select{flex:1}.recent-orders-table{display:block;overflow-x:auto}.upcoming-pickup-item{flex-direction:column;align-items:flex-start;gap:8px}.pickup-action-link{margin-left:0;margin-top:8px}}.profile-container{max-width:1400px;margin:0 auto;padding:24px;background:#f8f9fa;min-height:100vh}.profile-header-card{background:#fff;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.profile-header-content{display:flex;justify-content:space-between;align-items:center;gap:32px}.profile-header-left{display:flex;gap:24px;align-items:center;flex:1}.profile-avatar-large{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--dark);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600;color:#fff}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-avatar-wrapper{position:relative;width:120px;height:120px;flex-shrink:0}.profile-picture-upload-btn{position:absolute;bottom:0;right:0;width:40px;height:40px;border-radius:50%;background:var(--primary);border:3px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.profile-picture-upload-btn:hover{background:var(--primary-dark);transform:scale(1.1)}.profile-picture-upload-btn svg{color:#fff}.profile-header-info{flex:1}.profile-name-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.profile-display-name{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.status-badge{padding:4px 12px;margin-top:5px;margin-left:20px;border-radius:20px;font-size:13px;font-weight:600}.status-badge.active{background:#10b981;color:#fff}.profile-header-email{font-size:15px;color:#6b7280;margin:0 0 4px}.profile-member-since{font-size:14px;color:#9ca3af;margin:0}.profile-header-right{flex-shrink:0}.profile-stats-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;min-width:180px;display:flex;align-items:center;gap:16px}.profile-stats-card svg{width:40px;height:40px;color:#6366f1;flex-shrink:0}.stat-info{flex:1}.stat-value{font-size:32px;font-weight:700;color:#1a1a1a;line-height:1;margin-bottom:4px}.stat-label{font-size:13px;color:#6b7280;font-weight:500}.profile-tabs{background:#fff;border-radius:8px;padding:4px;margin-bottom:24px;display:flex;gap:4px;box-shadow:0 1px 3px #0000001a}.profile-tab{flex:1;padding:12px 24px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.profile-tab:hover{background:#f3f4f6;color:#374151}.profile-tab.active{background:#fff;color:#222;box-shadow:0 -2px 8px #0000000a}.profile-content{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.card-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.btn-edit-all{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-edit-all:hover{background:#4f46e5}.btn-edit-all svg{width:16px;height:16px}.profile-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.profile-field{display:flex;flex-direction:column;gap:8px}.field-label-with-icon{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.field-icon{display:flex;align-items:center;color:#6366f1}.field-input-wrapper{position:relative}.field-input-row{display:flex;align-items:center;gap:8px}.field-action-buttons{display:flex;align-items:center;gap:4px}.field-input{flex:1;width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:15px;color:#1a1a1a;background:#f9fafb;transition:all .2s ease}.field-input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.field-input.error{border-color:#ef4444;background:#fef2f2}.field-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.field-input:disabled{cursor:not-allowed;opacity:.7}.field-input::placeholder{color:#9ca3af}.addresses-container{width:100%}.address-form-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:24px}.form-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;color:#374151}.form-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;color:#1a1a1a;background:#fff;transition:all .2s ease}.form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-input.error{border-color:#ef4444;background:#fef2f2}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input::placeholder{color:#9ca3af}.field-error-message{margin-top:4px;font-size:.875rem;color:#ef4444;display:flex;align-items:center;gap:4px}.form-actions{display:flex;gap:12px;justify-content:flex-end}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:#6366f1;color:#fff;-webkit-user-select:none;user-select:none}.profile-page-header{width:100%;background:#fff;border-bottom:1px solid #e5e7eb;padding:24px 0 0;margin-bottom:0}.profile-main-title{font-size:2.2rem;font-weight:700;color:#222;margin:0 0 0 32px}.btn-icon-edit,.btn-icon-save,.btn-icon-cancel{background:none;border:none;padding:4px 8px;margin-left:8px;cursor:pointer;color:#667eea;border-radius:4px;transition:background .2s;vertical-align:middle}.btn-icon-edit:hover,.btn-icon-save:hover,.btn-icon-cancel:hover{background:#f3f3f3}.btn-icon-eye{background:none;border:none;padding:4px;margin-left:8px;cursor:pointer;color:#667eea;border-radius:4px;transition:background .2s;vertical-align:middle}.btn-icon-eye:hover{background:#f3f3f3}.password-input-wrapper{display:flex;align-items:center}.btn-primary:hover{background:#4f46e5}.btn-outline{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.addresses-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.address-item-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.address-item-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000000d}.address-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.address-label-badge{padding:4px 12px;background:#6366f1;color:#fff;border-radius:6px;font-size:13px;font-weight:600}.btn-icon-delete{background:transparent;border:none;padding:6px;cursor:pointer;color:#ef4444;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.btn-icon-delete:hover{background:#fee2e2}.address-item-body p{margin:0 0 8px;font-size:14px;color:#374151;line-height:1.5}.address-item-body p:last-child{margin-bottom:0}.security-section{width:100%;max-width:600px}.security-form-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.password-form .form-group{margin-bottom:20px}.password-form .form-group:last-of-type{margin-bottom:24px}.no-data-message{text-align:center;padding:40px 20px;color:#6b7280}.no-data-message p{margin:0;font-size:15px}@media(max-width:1200px){.profile-fields-grid{grid-template-columns:1fr}}@media(max-width:768px){.profile-container{padding:16px}.profile-header-content{flex-direction:column}.profile-header-left{flex-direction:column;align-items:center;text-align:center}.profile-header-right,.profile-stats-card{width:100%}.profile-tabs{flex-direction:column}.profile-content{padding:20px}.form-grid-2col,.addresses-list{grid-template-columns:1fr}.card-header-row{flex-direction:column;align-items:flex-start;gap:16px}.btn-edit-all{width:100%;justify-content:center}}@media(max-width:480px){.profile-avatar-large{width:100px;height:100px;font-size:40px}.profile-display-name{font-size:24px}.stat-value{font-size:28px}}.ratings-tab-content{padding:20px 0}.rating-overview-card{display:flex;align-items:center;justify-content:space-around;padding:40px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:30px}.rating-circle-box{width:130px;height:130px;border:8px solid #fbbf24;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:15px}.rating-big-num{font-size:32px;font-weight:800;color:#111}.rating-sub-text{font-size:13px;color:#666}.rating-stars-large .star{font-size:24px;color:#e5e7eb;margin:0 2px}.rating-stars-large .star.filled{color:#fbbf24}.rating-count-footer{color:#6b7280;font-size:14px;margin-top:8px}.rating-bars-column{flex:1;max-width:450px}.breakdown-header{font-size:18px;font-weight:700;margin-bottom:15px}.breakdown-item{display:flex;align-items:center;gap:12px;margin-bottom:10px}.breakdown-label{min-width:55px;font-size:14px;color:#4b5563}.breakdown-progress-bg{flex:1;height:8px;background:#f3f4f6;border-radius:10px;overflow:hidden}.breakdown-progress-fill{height:100%;background:#fbbf24;border-radius:10px}.breakdown-val{font-size:14px;color:#9ca3af;min-width:15px;text-align:right}.reviews-divider{border:0;border-top:1px solid #eee;margin:30px 0}.reviews-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.reviews-list-title{font-size:20px;font-weight:700}.write-review-btn-alt{padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-weight:600}.review-item-row{padding:25px 0;border-bottom:1px solid #f3f4f6}.review-user-avatar{width:44px;height:44px;background:#eff6ff;color:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px}.review-user-header{display:flex;align-items:center;margin-bottom:10px}.review-top-line{display:flex;justify-content:space-between;width:100%;align-items:center}.review-user-name{font-weight:700;font-size:16px}.review-timestamp{font-size:14px;color:#9ca3af}.review-order-route{font-size:13px;color:#6b7280;margin:2px 0 0}.review-stars-small-row .star{color:#e5e7eb;font-size:16px}.review-stars-small-row .star.filled{color:#fbbf24}.review-comment-body{margin:12px 0;font-size:15px;color:#4b5563;line-height:1.5}.review-footer-actions{display:flex;gap:20px}.review-foot-btn{background:none;border:none;display:flex;align-items:center;gap:6px;color:#6b7280;font-size:14px;cursor:pointer}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.doc-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px}.doc-card.doc-approved{border-color:#a7f3d0;background:#f0fdf4}.doc-card.doc-rejected{border-color:#fecaca;background:#fef2f2}.doc-card.doc-pending{border-color:#fde68a;background:#fffbeb}.doc-card-header{display:flex;justify-content:space-between;align-items:center}.doc-label{font-weight:600;font-size:.95rem;color:#1f2937}.doc-status-chip{display:inline-block;padding:2px 10px;border-radius:10px;font-size:.75rem;font-weight:600}.doc-preview-link{color:#4f46e5;font-size:.85rem;text-decoration:none;font-weight:500}.doc-preview-link:hover{text-decoration:underline}.doc-upload-date{font-size:.78rem;color:#9ca3af}.doc-admin-note{font-size:.8rem;color:#991b1b;background:#fee2e2;padding:6px 10px;border-radius:6px;margin-top:4px}.doc-upload-form{border-top:1px solid #e5e7eb;padding-top:1rem;margin-top:1rem}.order-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.75rem;cursor:pointer;transition:box-shadow .3s ease,transform .2s ease}.order-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.order-header h3{margin:0;font-size:.95rem;color:#222}.order-id{font-weight:700;margin-top:6px;color:#111;font-size:.95rem}.order-header .date{font-size:.85rem;color:#6b6b6b}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500;white-space:nowrap}.status-badge.bidding{background:#fff3e0;color:#f57c00}.status-badge.scheduled{background:#dbeafe;color:#1976d2}.status-badge.unknown{background:#f5f5f5;color:#757575}.order-details{margin-bottom:1rem}.route-box{display:flex;justify-content:space-between;align-items:center;background:#fbfbfb;border-radius:8px;padding:12px 14px;margin-bottom:12px}.route-left{display:flex;align-items:flex-start;gap:12px}.route-left .icon{font-size:20px}.route-text .from,.route-text .to{font-size:.95rem;color:#333}.route-text .to{margin-top:6px}.route-right{text-align:right;color:#666}.route-right .distance{font-weight:600;color:#333}.order-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:12px}.order-list li{display:flex;gap:12px;align-items:center;color:#555}.li-icon{width:24px;text-align:center}.route-point strong{display:block;font-size:.75rem;color:#666;text-transform:uppercase;margin-bottom:.25rem}.route-point p{margin:0;font-size:.95rem;color:#333}.route-arrow{font-size:1.5rem;color:#999;flex-shrink:0}.order-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-item .label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.meta-item .value{font-weight:500;color:#333;font-size:.95rem}.order-actions{display:flex;gap:12px;margin-top:14px}.order-actions .btn{flex:1;padding:10px 14px;border-radius:10px;border:none;font-weight:700;cursor:pointer}.order-actions .btn-primary{background:linear-gradient(90deg,#6b5bff,#5f46ff);color:#fff}.order-actions .btn-outline{background:#fff;border:2px solid #6b5bff;color:#6b5bff}.order-actions .btn-outline:hover{background:#f7f3ff}.order-actions .btn-danger{background:#ef4444;color:#fff}.order-actions .btn-danger:hover{background:#dc2626}.order-actions .btn-success{background:#10b981;color:#fff}.order-actions .btn-success:hover{background:#059669}.order-actions .btn-info{background:#6366f1;color:#fff}.order-actions .btn-info:hover{background:#4f46e5}.order-actions .btn-view-bids{background:#fff;border:2px solid #8b5cf6;color:#8b5cf6}.order-actions .btn-view-bids:hover{background:#f5f3ff}.cargo-photo-thumbnail{margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.cargo-thumbnail-img{width:100%;max-width:200px;height:auto;max-height:150px;object-fit:cover;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.cargo-thumbnail-img:hover{transform:scale(1.05)}.co-page{max-width:1200px;margin:0 auto;padding:80px 2rem 3rem;min-height:calc(100vh - 200px)}.co-header{margin-bottom:1rem}.co-header h1{font-size:2rem;font-weight:700;color:#111827;margin:0}.co-controls{display:flex;gap:.75rem;align-items:center;width:100%;margin-bottom:2rem}.co-search-input{height:44px;flex:1;padding:0 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;color:#111827;background:#fff;transition:border-color .2s,box-shadow .2s}.co-search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.co-status-select{height:44px;min-width:160px;padding:0 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;color:#111827;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.co-status-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.co-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.co-card-wrap{position:relative}.co-loading{display:flex;flex-direction:column;align-items:center;padding:5rem 2rem;gap:1rem}.co-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:co-spin .8s linear infinite}@keyframes co-spin{to{transform:rotate(360deg)}}.co-loading p{color:#6b7280;font-size:1rem;margin:0}.co-empty{display:flex;flex-direction:column;align-items:center;padding:5rem 2rem;text-align:center;gap:.5rem}.co-empty h3{margin:.5rem 0 .25rem;font-size:1.4rem;color:#1f2937}.co-empty p{color:#6b7280;font-size:.95rem;margin:0}@media(max-width:768px){.co-page{padding:1.25rem 1rem 2.5rem}.co-header h1{font-size:1.5rem}.co-controls{flex-direction:column}.co-search-input,.co-status-select{width:100%}.co-grid{grid-template-columns:1fr}}.orders-container{padding-top:80px}.header-with-back{display:flex;align-items:center;gap:1rem}.btn-back-icon{background:#f5f5f5;border:none;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-back-icon:hover{background:#e0e0e0;transform:translate(-2px)}.order-id-subtitle{font-size:.9rem;color:#666;margin-top:.25rem;font-weight:400}.btn-back{padding:.75rem 1.5rem;background:#1976d2;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:1rem}.btn-back:hover{background:#1565c0;transform:translateY(-1px)}.bids-table-container{background:transparent;border-radius:8px;padding:0}.bids-count{font-size:1rem;color:#666;margin-bottom:1rem;font-weight:500}.bids-cards-list{display:flex;flex-direction:column;gap:1rem}.bid-card-item{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:box-shadow .2s ease;border:1px solid #f0f0f0}.bid-card-item:hover{box-shadow:0 4px 16px #0000001a}.bid-card-item--expanded{border-color:#f5a623}.bid-card-top{display:flex;align-items:center;padding:1.25rem 1.5rem;gap:1.25rem;flex-wrap:wrap}.bid-card-rank{font-size:1.1rem;font-weight:700;color:#bbb;min-width:36px}.bid-card-info{flex:1;min-width:180px}.bid-card-transporter{font-weight:600;color:#333;font-size:1.05rem}.bid-card-contact{font-size:.85rem;color:#888;margin-top:.15rem}.bid-card-email{color:#aaa}.bid-card-amount-section{text-align:right;min-width:120px}.bid-card-amount{font-weight:700;color:#1976d2;font-size:1.3rem}.bid-card-time{font-size:.78rem;color:#999;margin-top:.15rem}.bid-card-actions{display:flex;align-items:center;gap:.75rem}.btn-view-breakdown{background:#fff8e1;color:#e09600;border:1px solid #ffe082;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.4rem;transition:all .2s ease;white-space:nowrap}.btn-view-breakdown:hover{background:#fff3c4;border-color:#f5a623}.btn-accept{background:#4caf50;color:#fff;border:none;padding:.55rem 1.25rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease;white-space:nowrap}.btn-accept:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.btn-accept:disabled{background:#ccc;cursor:not-allowed;transform:none}.bid-card-notes{padding:.75rem 1.5rem;font-size:.88rem;color:#666;border-top:1px solid #f5f5f5;margin:0 1.5rem .75rem;border-top:1px dashed #eee;padding-bottom:0}.bid-card-breakdown{background:#fffdf5;border-top:1px solid #f0e8c8;padding:1rem 1.5rem;animation:slideDown .25s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.breakdown-table{width:100%;border-collapse:collapse;margin-bottom:0}.breakdown-table thead tr{background:linear-gradient(135deg,#f5a623,#e89b0e)}.breakdown-table th{padding:.6rem .75rem;color:#fff;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.4px;text-align:left}.bt-sno{width:50px;text-align:center!important}.bt-charges{width:150px;text-align:right!important}.breakdown-table td{padding:.5rem .75rem;font-size:.88rem;color:#555;border-bottom:1px solid #f0e8c8}.breakdown-table td:first-child{text-align:center;color:#999;font-weight:600}.breakdown-table td:last-child{text-align:right;font-weight:500}.bt-included{color:#2e7d32!important;font-weight:600!important;font-style:italic}.bt-row-gst td{color:#777;font-style:italic}.breakdown-total-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:linear-gradient(135deg,#fff8e1,#fff3c4);border-radius:0 0 6px 6px;font-weight:700;font-size:1rem;margin-top:.5rem}.breakdown-total-amount{color:#1976d2;font-size:1.15rem}.no-breakdown{color:#999;font-size:.85rem;font-style:italic;padding:.5rem 0}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(90deg,#6b5bff,#5f46ff);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #6b5bff4d}@media(max-width:768px){.orders-container{padding:1rem}.header-with-back{gap:.75rem}.orders-header h1{font-size:1.5rem}.bid-card-top{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.bid-card-amount-section{text-align:left}.bid-card-actions{width:100%;justify-content:flex-end}.bid-card-breakdown{padding:.75rem}.breakdown-table th,.breakdown-table td{padding:.4rem .5rem;font-size:.82rem}}.transporter-name-link{background:none;border:none;padding:0;margin:0;font-size:inherit;font-weight:600;color:#4f46e5;cursor:pointer;text-decoration:underline;text-underline-offset:2px;line-height:inherit}.transporter-name-link:hover{color:#3730a3}.bid-card-rating{display:inline-flex;align-items:center;gap:4px;margin-left:6px;vertical-align:middle}.bid-card-rating-text{font-size:.78rem;color:#6b7280;font-weight:400}.lp-container{margin-top:.75rem;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#f8fafc}.lp-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.lp-label{font-weight:600;font-size:.85rem;color:#334155}.lp-coords{font-size:.75rem;color:#64748b;font-family:monospace;background:#fff;padding:2px 8px;border-radius:4px;border:1px solid #e2e8f0}.lp-controls{display:flex;gap:.5rem;padding:.5rem .75rem;background:#fff;border-bottom:1px solid #e2e8f0}.lp-search-wrap{flex:1;position:relative}.lp-search-input{width:100%;padding:.45rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;outline:none;transition:border-color .2s}.lp-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.lp-suggestions{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;list-style:none;margin:0;padding:0;box-shadow:0 4px 12px #0000001a}.lp-suggestions li{padding:.5rem .75rem;font-size:.82rem;color:#334155;cursor:pointer;border-bottom:1px solid #f1f5f9}.lp-suggestions li:hover{background:#f1f5f9}.lp-suggestions li:last-child{border-bottom:none}.lp-find-btn{padding:.45rem .9rem;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:.82rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s}.lp-find-btn:hover{background:#4f46e5}.lp-find-btn:disabled{opacity:.6;cursor:not-allowed}.lp-map{height:220px;width:100%}.lp-hint{padding:.4rem .75rem;font-size:.75rem;color:#94a3b8;text-align:center;margin:0;background:#f8fafc}.lp-marker{font-size:24px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.place-order-page{max-width:1400px;width:95%;margin:0 auto;padding:0 1rem}.place-order-page .page-header{padding:1rem 0;margin-bottom:1.5rem}.place-order-page .page-title{color:var(--dark);font-size:2rem;position:relative;margin-bottom:.5rem}.place-order-page .page-title:after{content:"";position:absolute;bottom:-8px;left:0;width:100px;height:3px;background:linear-gradient(to right,var(--gradient-start),var(--gradient-end))}.place-order-page .order-form{width:100%}.place-order-page .form-section{background-color:var(--white);border-radius:12px;box-shadow:0 2px 8px #0f172a0f;padding:1.5rem;margin-bottom:1.5rem}.place-order-page .section-title{font-weight:700;font-size:1.25rem;color:var(--dark);margin-bottom:1rem;position:relative;padding-bottom:.5rem;padding-left:1rem;text-align:left}.place-order-page .section-title:after{content:"";position:absolute;bottom:0;left:1.2rem;width:80px;height:4px;background:linear-gradient(to right,var(--gradient-start),var(--gradient-end))}.place-order-page .form-row{display:flex;gap:1rem;margin-bottom:.75rem}.place-order-page .form-group{flex:1;min-width:200px;margin-bottom:.75rem}.place-order-page .address-wrapper,.place-order-page .city-state-wrapper{display:flex;gap:1rem;margin-top:.5rem}.place-order-page .address-wrapper .input-field,.place-order-page .city-state-wrapper .input-field{flex:1}.place-order-page .form-section-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.place-order-page .form-section--half{flex:1;min-width:300px}.place-order-page .form-label{display:block;font-weight:500;font-size:.9rem;margin-bottom:.4rem;color:var(--dark)}.place-order-page .input-field{background-color:var(--white);width:100%;padding:.6rem .875rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.95rem;transition:all .3s ease;margin-top:.4rem}.place-order-page .input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.place-order-page .input-field::placeholder{color:var(--gray);opacity:.7}.place-order-page textarea.input-field{min-height:100px;resize:vertical;font-family:inherit}.place-order-page select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748B' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.5rem}.place-order-page .error-message{display:block;margin-top:.3rem;font-size:.825rem;color:#dc2626}.place-order-page .input-field.error{border-color:#dc2626}.place-order-page .form-info{margin-top:.4rem;font-size:.85rem;color:var(--gray);line-height:1.4}.place-order-page .shipment-item{border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;margin-bottom:.75rem;position:relative}.place-order-page .shipment-item .form-row{gap:.75rem;margin-bottom:0}.place-order-page .btn-remove-item{background:#fee2e2;color:#dc2626;border:none;width:32px;height:32px;border-radius:6px;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;margin-top:1.5rem}.place-order-page .btn-remove-item:hover{background:#fecaca}.place-order-page .add-item-btn{width:100%;margin-top:.5rem}.place-order-page .countdown-container{background:linear-gradient(135deg,#6366f114,#22d3ee14);border-radius:8px;padding:1rem;margin-top:1rem;text-align:center}.place-order-page .countdown-label{font-size:.85rem;color:var(--gray);margin-bottom:.25rem}.place-order-page .countdown-timer{font-size:1rem;font-weight:600;color:var(--primary)}.place-order-page .file-upload{margin-top:.5rem}.place-order-page .file-info{width:100%;padding:.6rem;border:2px dashed #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.place-order-page .file-info:hover{border-color:var(--primary);background:#6366f105}.place-order-page .form-submit{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem}@media(max-width:992px){.place-order-page .form-section-row{flex-direction:column}.place-order-page .form-section--half{min-width:100%}}@media(max-width:768px){.place-order-page .form-row{flex-direction:column}.place-order-page .form-group{min-width:100%}.place-order-page .address-wrapper,.place-order-page .city-state-wrapper{flex-direction:column;gap:.5rem}}.place-order-page .file-upload-container{margin-top:.5rem}.place-order-page .file-upload-area{position:relative;border:2px dashed #cbd5e1;border-radius:8px;padding:2rem;text-align:center;transition:all .3s ease;background-color:#f8fafc;cursor:pointer}.place-order-page .file-upload-area:hover{border-color:var(--primary);background-color:#f1f5f9}.place-order-page .file-input{position:absolute;opacity:0;width:0;height:0}.place-order-page .file-upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer}.place-order-page .upload-icon{width:48px;height:48px;color:var(--primary)}.place-order-page .upload-text{font-size:1rem;font-weight:500;color:var(--dark)}.place-order-page .upload-hint{font-size:.875rem;color:#64748b}.place-order-page .file-preview-container{position:relative;display:inline-block;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.place-order-page .cargo-photo-preview{max-width:300px;max-height:300px;width:100%;height:auto;display:block;border-radius:8px}.place-order-page .remove-photo-btn{position:absolute;top:8px;right:8px;background-color:#ef4444e6;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1;transition:background-color .2s ease}.place-order-page .remove-photo-btn:hover{background-color:#dc2626}.place-order-page .form-hint{margin-top:.5rem;font-size:.875rem;color:#64748b}.place-order-page .form-label--optional{font-size:.75rem;font-weight:400;color:#94a3b8;margin-left:.4rem}.place-order-page .price-breakdown{background:linear-gradient(135deg,#6366f10d,#22d3ee0d);border:1px solid rgba(99,102,241,.18);border-radius:10px;padding:1rem 1.2rem;margin:1rem 0}.place-order-page .price-breakdown__title{font-size:.9rem;font-weight:600;color:var(--primary, #6366f1);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.04em}.place-order-page .price-breakdown__list{list-style:none;padding:0;margin:0 0 .75rem;display:flex;flex-direction:column;gap:.45rem}.place-order-page .price-breakdown__list li{display:flex;justify-content:space-between;align-items:baseline;font-size:.88rem;color:#374151}.place-order-page .price-breakdown__list li span:last-child{font-weight:500;white-space:nowrap;margin-left:.5rem}.place-order-page .price-breakdown__note{color:#94a3b8;font-size:.8rem!important;font-style:italic}.place-order-page .price-breakdown__risk{background:#f59e0b14;border-left:3px solid #f59e0b;border-radius:4px;padding:.3rem .5rem}.place-order-page .price-breakdown__badge{display:inline-block;background:#fef3c7;color:#92400e;font-size:.7rem;font-weight:600;border-radius:4px;padding:.1em .45em;margin-left:.4rem;text-transform:uppercase;letter-spacing:.04em}.place-order-page .price-breakdown__total{border-top:1px solid rgba(99,102,241,.2);padding-top:.5rem;margin-top:.2rem;font-weight:700!important;font-size:.95rem!important;color:var(--primary, #6366f1)!important}.place-order-page .price-breakdown__total span:last-child{font-size:1rem!important}.place-order-page .price-breakdown__hint{font-size:.78rem;color:#6b7280;margin:0;border-top:1px solid rgba(0,0,0,.06);padding-top:.6rem}.paynow-container{padding:2rem 1rem;display:flex;justify-content:center}.payment-card{width:100%;max-width:560px;background:#fff;border-radius:12px;box-shadow:0 2px 20px #00000014;padding:2rem;text-align:center}.payment-card .icon{width:64px;height:64px;border-radius:50%;background:#e8f5e9;color:#2e7d32;font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.payment-card h1{margin:0 0 1rem}.payment-card .details{margin:1rem 0 1.5rem;font-size:1.05rem}.payment-card .amount{font-weight:700}.payment-card .txid{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.payment-card .actions{display:flex;gap:12px;justify-content:center}.payment-card.error{border:1px solid #ffcdd2}.payment-card .card-form,.payment-card .netbanking-form,.payment-card .upi-form{display:grid;gap:12px;margin:12px 0 16px}.payment-card .card-form .row{display:flex;gap:12px;flex-wrap:wrap}.payment-card .card-form .row>input{flex:1 1 160px;min-width:0}.payment-card input[type=text],.payment-card input[type=password],.payment-card select{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#111827;font-size:.95rem;line-height:1.25rem;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.payment-card input::placeholder{color:#9ca3af}.payment-card input:focus,.payment-card select:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321f}.payment-card input:hover,.payment-card select:hover{border-color:#cbd5e1}.payment-card input:disabled,.payment-card select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.payment-card select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.5 7.5l4.5 4.5 4.5-4.5' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;padding-right:40px}.payment-card .field-error{color:#ef4444;font-size:.72rem;line-height:1rem;margin-top:4px;text-align:left;padding-left:4px}.payment-card .is-invalid{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset}@media(max-width:480px){.payment-card input[type=text],.payment-card input[type=password],.payment-card select{padding:11px 12px;font-size:.93rem}}.track-order-page{max-width:1400px;margin:0 auto;padding:2rem 1.5rem;padding-top:100px}.track-order-page .breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem;color:var(--gray-500)}.track-order-page .breadcrumb li:not(:last-child):after{content:"/";margin-left:.5rem}.track-order-page .breadcrumb a{color:var(--primary);text-decoration:none;transition:var(--transition)}.track-order-page .breadcrumb a:hover{text-decoration:underline}.track-order-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.track-order-page .page-header h1{font-size:2rem;color:var(--dark)}.track-order-page .order-id{color:var(--gray-600);font-weight:400}.track-order-page .status-update{display:flex;align-items:center;gap:.75rem}.track-order-page .status-label{color:var(--gray-600)}.track-order-page .status-badge{padding:.35rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.track-order-page .status-badge.pending{background-color:var(--warning);color:#fff}.track-order-page .status-badge.active{background-color:var(--inTransit);color:#fff}.track-order-page .status-badge.completed{background-color:var(--success);color:#fff}.track-order-page .order-grid{display:grid;grid-template-columns:1fr 350px;gap:2rem}.track-order-page .left-column,.track-order-page .right-column{display:flex;flex-direction:column;gap:2rem}.track-order-page .tracking-section{padding-top:20px}.track-order-page .combined-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:stretch}.track-order-page .tracking-card,.track-order-page .chat-card{display:flex;flex-direction:column}.track-order-page .card{background:var(--white);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.track-order-page .card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100)}.track-order-page .card-title{font-size:1.25rem;color:var(--dark);font-weight:600}.track-order-page .shipment-details{padding:1.5rem}.track-order-page .detail-group{margin-bottom:1.25rem}.track-order-page .detail-label{font-size:.85rem;color:var(--gray-500);margin-bottom:.25rem;font-weight:500}.track-order-page .detail-value{font-size:1rem;color:var(--dark);font-weight:500}.track-order-page .map-container{height:300px;position:relative}.track-order-page .map-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gray-100);color:var(--gray-500)}.track-order-page .loader{border:3px solid var(--gray-200);border-top:3px solid var(--primary);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:1rem}.track-order-page .chat-container{height:300px;display:flex;flex-direction:column}.track-order-page .chat-messages,.track-order-page .chat-window{flex:1;padding:1rem;overflow-y:auto;background:var(--gray-50);display:flex;flex-direction:column;gap:1rem}.track-order-page .message{max-width:80%;display:flex;flex-direction:column}.track-order-page .message.received{align-self:flex-start;text-align:left}.track-order-page .message.sent{align-self:flex-end;text-align:right}.track-order-page .message-sender{font-size:.75rem;color:var(--gray-500);margin-bottom:.25rem}.track-order-page .message-bubble{padding:.75rem 1rem;border-radius:12px;font-size:.9rem;line-height:1.4}.track-order-page .message.received .message-bubble{background:var(--white);border:1px solid var(--gray-200);color:var(--dark)}.track-order-page .message.sent .message-bubble{background:var(--primary);color:#fff}.track-order-page .message-time{font-size:.7rem;color:var(--gray-400);margin-top:.25rem}.track-order-page .chat-input{display:flex;padding:1rem;border-top:1px solid var(--gray-100);gap:.5rem}.track-order-page .chat-input input{flex:1;padding:.75rem 1rem;border:1px solid var(--gray-200);border-radius:8px;font-size:.9rem}.track-order-page .chat-input button{padding:0 1.5rem}.track-order-page .update-status-card .action-buttons{display:flex;gap:1rem;padding:1.5rem;justify-content:space-between}.track-order-page .update-status-card .btn{flex:1}.track-order-page .note-section{padding:0 1.5rem 1.5rem;border-top:1px solid var(--gray-100)}.track-order-page .note-section .detail-group{margin-bottom:1.5rem}.track-order-page .note-section .detail-label{margin-bottom:.75rem;font-weight:600;color:var(--gray-700);font-size:.95rem}.track-order-page .note-section textarea{width:100%;padding:12px;border:1px solid var(--gray-300);border-radius:8px;resize:vertical;min-height:100px;font-family:inherit;transition:var(--transition);background:var(--gray-50)}.track-order-page .note-section textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;background:var(--white)}.track-order-page .note-section .btn-primary{display:block;margin-left:auto;width:fit-content;padding:.75rem 2rem}.track-order-page .customer-info-card .detail-group{padding:0 1.5rem;margin-bottom:1.25rem}.track-order-page .customer-info-card .action-buttons{display:flex;padding:1rem 1.5rem;gap:1rem;border-top:1px solid var(--gray-100)}.track-order-page .customer-info-card .btn{flex:1}.track-order-page .notes-container{padding:1.5rem}.track-order-page .notes-container pre{white-space:pre-wrap;font-family:inherit;margin:0}.track-order-page .action-buttons{display:flex;gap:1rem;padding:1rem 1.5rem}.track-order-page .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);border:none}.track-order-page .btn-primary{background-color:var(--primary);color:#fff}.track-order-page .btn-outline{background-color:transparent;border:1px solid var(--gray-300);color:var(--dark)}.track-order-page .btn-warning{background-color:var(--warning);color:#fff}.track-order-page .btn-success{background-color:var(--success);color:#fff}@media(max-width:1024px){.track-order-page .order-grid{grid-template-columns:1fr}.track-order-page .right-column{order:1}.track-order-page .combined-section{grid-template-columns:1fr}}@media(max-width:768px){.track-order-page .page-header{flex-direction:column;align-items:flex-start;gap:1rem}.track-order-page .action-buttons{flex-direction:column}.track-order-page .btn,.track-order-page .note-section{width:100%}.track-order-page .customer-info-card .action-buttons,.track-order-page .update-status-card .action-buttons{flex-direction:column}}.track-order-page .shipment-items-card{padding-top:20px;margin:10px}.track-order-page .shipment-card{padding:20px}.track-order-page .shipment-items-table{margin-top:20px}.track-order-page .shipment-items-table table{width:100%;border-collapse:collapse}.track-order-page .shipment-items-table th,.track-order-page .shipment-items-table td{padding:8px;border:1px solid #ddd;text-align:left}.track-order-page .shipment-items-table th{background-color:#f4f4f4}.track-order-page .payment-section{margin-top:20px;display:flex;align-items:center;gap:15px}.track-order-page .total-amount{font-size:1.1em;font-weight:700}.track-order-page .cargo-photo-wrapper{margin-top:.5rem}.track-order-page .cargo-photo{max-width:300px;width:100%;height:auto;border-radius:8px;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease}.track-order-page .cargo-photo:hover{transform:scale(1.05)}.to-otp-card{margin-bottom:1rem}.to-otp-hint{font-size:.82rem;color:#6b7280;padding:0 1rem .5rem;margin:0}.to-otp-grid{display:flex;flex-direction:column;gap:.75rem;padding:0 1rem 1rem}.to-otp-block{background:color-mix(in srgb,var(--otp-color, #6366f1) 8%,white);border:1.5px solid color-mix(in srgb,var(--otp-color, #6366f1) 30%,white);border-radius:12px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.25rem}.to-otp-label{font-size:.78rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.3px}.to-otp-value{font-size:1.65rem;font-weight:800;letter-spacing:.18em;color:var(--otp-color, #6366f1);cursor:pointer;display:flex;align-items:center;gap:.4rem;-webkit-user-select:none;user-select:none;transition:opacity .15s}.to-otp-value:hover{opacity:.8}.to-otp-copy{font-size:.85rem;font-weight:400;opacity:.6}.to-otp-sub{font-size:.72rem;color:#9ca3af;line-height:1.3}@media(max-width:500px){.to-otp-grid{grid-template-columns:1fr}}.to-stops-card{margin-bottom:1rem}.to-stops-list{padding:.5rem 1rem 1rem;display:flex;flex-direction:column}.to-stop-row{display:flex;gap:.65rem;opacity:.55;transition:opacity .15s}.to-stop-row.done{opacity:.65}.to-stop-row.active{opacity:1}.to-stop-dot-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.to-stop-dot{width:26px;height:26px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.to-stop-dot.done{background:#dcfce7;color:#166534}.to-stop-dot.active{background:#6366f1;color:#fff;box-shadow:0 0 0 3px #6366f133}.to-stop-dot.delay{background:#fef3c7;color:#92400e}.to-stop-line{width:2px;flex:1;min-height:18px;background:#e5e7eb;margin:3px 0}.to-stop-body{flex:1;padding-bottom:.8rem;min-width:0}.to-stop-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.1rem}.to-stop-type{font-size:.72rem;font-weight:600;padding:.1rem .4rem;border-radius:4px}.to-stop-type.pickup{background:#dcfce7;color:#166534}.to-stop-type.dropoff{background:#fee2e2;color:#991b1b}.to-stop-type.delay{background:#fef3c7;color:#92400e}.to-stop-type.waypoint{background:#dbeafe;color:#1d4ed8}.to-stop-eta{font-size:.72rem;color:#9ca3af;font-weight:600}.to-stop-addr{font-size:.85rem;color:#1f2937}.to-stop-done-time{font-size:.72rem;color:#22c55e;margin-top:.15rem}.to-stop-delay-reason{font-size:.75rem;color:#92400e;background:#fef3c7;padding:.2rem .5rem;border-radius:4px;margin-top:.25rem}.review-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:9999!important;cursor:pointer}.review-modal-content{background:#fff!important;padding:2.5rem;border-radius:15px;width:450px;max-width:90%;box-shadow:0 10px 30px #0000004d;position:relative;z-index:10000;cursor:default}.review-modal-star-selection{margin:1.5rem 0;display:flex;justify-content:center;gap:10px}.review-modal-star{font-size:2.5rem;cursor:pointer;color:#e4e5e9;transition:color .2s}.review-modal-star.active{color:#ffc107}.review-modal-content textarea{width:100%;height:100px;padding:10px;border:1px solid #ddd;border-radius:8px;margin-bottom:1.5rem;font-family:inherit;resize:none;box-sizing:border-box}.review-modal-actions{display:flex;gap:10px;justify-content:flex-end}.container{padding-top:120px;padding-bottom:80px;min-height:calc(100vh - 200px)}.order-info-container{max-width:1000px;margin:0 auto;padding:0 1rem}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.order-header h2{font-size:1.8rem;font-weight:600;color:#333}.status-badge{padding:.5rem 1rem;border-radius:20px;font-weight:500;font-size:.9rem}.status-badge.placed{background:#e3f2fd;color:#1976d2}.status-badge.assigned{background:#f3e5f5;color:#7b1fa2}.status-badge.in-transit,.status-badge.started{background:#e8f5e9;color:#388e3c}.status-badge.completed{background:#e0f2f1;color:#00796b}.status-badge.cancelled{background:#ffebee;color:#c62828}.info-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.info-section h3{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e0e0e0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding-bottom:20px}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item .label{color:#666;font-size:.9rem;font-weight:500}.info-item .value{color:#333;font-size:1rem;font-weight:500}.info-item .earnings{color:#388e3c;font-weight:600}.shipment-table{width:100%;border-collapse:collapse;margin-top:1rem}.shipment-table th,.shipment-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e0e0e0}.shipment-table th{background-color:#f5f5f5;font-weight:600;color:#333}.shipment-table td{color:#333}.shipment-table tr:last-child td{border-bottom:none}.insurance-amount{margin-top:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border:1px solid #4dd0e1;border-radius:8px;text-align:right;font-size:1rem;color:#006064}.insurance-amount p{margin:0;font-weight:500}.insurance-amount span{font-weight:700;color:#d81b60;font-size:1.1rem}.action-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.transporter-name-link{background:none;border:none;padding:0;font:inherit;font-weight:600;color:#1976d2;cursor:pointer;text-decoration:none;transition:color .2s ease}.transporter-name-link:hover{color:#0d47a1;text-decoration:underline}.transporter-rating-inline{display:inline-flex;align-items:center;gap:.35rem;margin-left:.5rem;font-size:.82rem;font-weight:500;color:#555}.btn{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:linear-gradient(90deg,#6b5bff,#5f46ff);color:#fff}.btn-primary:hover{background:linear-gradient(90deg,#5f46ff,#5337e6)}.btn-secondary{background:#fff;color:#6b5bff;border:2px solid #6b5bff}.btn-secondary:hover{background:#f7f3ff}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #6b5bff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.order-header{flex-direction:column;align-items:flex-start;gap:1rem}.info-grid{grid-template-columns:1fr;gap:1rem}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.shipment-table th,.shipment-table td{padding:.5rem;font-size:.9rem}.insurance-amount{font-size:.9rem;text-align:left}.insurance-amount span{font-size:1rem}}@media(max-width:480px){.order-header h2{font-size:1.4rem}.info-section{padding:1.5rem}.info-section h3{font-size:1.1rem}}.cargo-photo-display{margin-top:.75rem}.cargo-photo-full{max-width:100%;max-height:400px;width:auto;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:transform .3s ease}.cargo-photo-full:hover{transform:scale(1.02)}.quote-breakdown-section .breakdown-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.quote-breakdown-section .breakdown-header-row h3{margin-bottom:0}.breakdown-header-actions{display:flex;gap:.5rem;align-items:center}.btn-toggle-breakdown{background:#fff8e1;color:#e09600;border:1px solid #ffe082;padding:.45rem .9rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.4rem;transition:all .2s ease}.btn-toggle-breakdown:hover{background:#fff3c4;border-color:#f5a623}.btn-download-quote-pdf{background:#e3f2fd;color:#1565c0;border:1px solid #90caf9;padding:.45rem .9rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.4rem;transition:all .2s ease}.btn-download-quote-pdf:hover{background:#bbdefb;border-color:#1976d2}.chevron-icon{transition:transform .2s ease}.chevron-up{transform:rotate(180deg)}.order-breakdown-view{margin-top:1rem}.order-breakdown-view .breakdown-table{width:100%;border-collapse:collapse;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.order-breakdown-view .breakdown-table thead tr{background:linear-gradient(135deg,#f5a623,#e09600)}.order-breakdown-view .breakdown-table th{color:#fff;padding:.75rem 1rem;font-size:.9rem;font-weight:600;text-align:left}.order-breakdown-view .breakdown-table th.bt-sno{width:60px;text-align:center}.order-breakdown-view .breakdown-table th.bt-charges{width:140px;text-align:right}.order-breakdown-view .breakdown-table td{padding:.65rem 1rem;border-bottom:1px solid #f0f0f0;font-size:.9rem}.order-breakdown-view .breakdown-table td:first-child{text-align:center;color:#999}.order-breakdown-view .breakdown-table td:last-child{text-align:right;font-weight:500}.order-breakdown-view .breakdown-table .bt-included{color:#2e7d32;font-style:italic;font-weight:400}.order-breakdown-view .breakdown-table .bt-row-gst{background:#fffde7}.order-breakdown-view .breakdown-total-row{display:flex;justify-content:space-between;padding:.85rem 1rem;background:#f5f5f5;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 8px 8px;font-weight:700;font-size:1rem}.order-breakdown-view .breakdown-total-amount{color:#2e7d32}@media(max-width:768px){.quote-breakdown-section .breakdown-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}.breakdown-header-actions{width:100%}.btn-toggle-breakdown,.btn-download-quote-pdf{flex:1;justify-content:center}}.dashboard-container{max-width:1400px;margin:0 auto;padding:80px 24px 24px;background:#f8f9fa;min-height:100vh}.dashboard-header{margin-bottom:24px}.dashboard-header h1{font-size:2.2rem;font-weight:700;color:#1a1a1a;margin:0 0 8px}.dashboard-header p{font-size:1rem;color:#6b7280;margin:0}.dashboard-error-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:24px;color:#dc2626;font-size:.875rem}.dashboard-error-card .error-icon{font-size:1.2rem}.dashboard-error-card button{margin-left:auto;padding:6px 12px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s ease}.dashboard-error-card button:hover{background:#b91c1c}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.kpi-card-value{font-size:1.6rem;font-weight:700;color:#1a1a1a;margin-bottom:4px}.kpi-card-label{font-size:.875rem;color:#6b7280;font-weight:500}.dashboard-panels-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:1024px){.dashboard-panels-grid{grid-template-columns:1fr}}.dashboard-panel{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.dashboard-panel.full-width{grid-column:1 / -1}.dashboard-panel h2{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin:0 0 16px;display:flex;align-items:center;gap:8px}.dashboard-panel h2 span{font-size:1rem}.section-title{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}.dashboard-work-section{margin-bottom:24px}.panel-header-with-filter{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-header-with-filter h2{margin:0}.filter-select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#374151;background:#fff;cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:#1976d2}.donut-container{display:flex;flex-direction:column;align-items:center;gap:16px}.donut-empty{width:160px;height:160px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%;color:#6b7280;font-size:.875rem}.donut-segment{transition:stroke-dashoffset .3s ease}.donut-total-value{font-size:1.5rem;font-weight:700;fill:#1a1a1a}.donut-total-label{font-size:.75rem;fill:#6b7280}.donut-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:300px}.donut-legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#374151}.donut-legend-color{width:10px;height:10px;border-radius:2px}.donut-legend-label{color:#6b7280}.donut-legend-value{font-weight:600;color:#1a1a1a}.work-list{display:flex;flex-direction:column;gap:12px}.work-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:border-color .2s ease;gap:12px;flex-wrap:wrap}.work-item:hover{border-color:#d1d5db}.work-item-info{flex:1;min-width:150px}.work-item-route{font-size:.875rem;font-weight:600;color:#1a1a1a;margin-bottom:4px}.work-item-date{font-size:.75rem;color:#6b7280}.work-item-actions{display:flex;gap:8px}.status-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.status-badge.placed{background:#dbeafe;color:#1d4ed8}.status-badge.assigned{background:#fef3c7;color:#b45309}.status-badge.in-transit{background:#ede9fe;color:#6d28d9}.status-badge.started{background:#cffafe;color:#0e7490}.status-badge.completed{background:#d1fae5;color:#047857}.status-badge.cancelled{background:#fee2e2;color:#b91c1c}.fleet-status-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.fleet-status-badge.available{background:#d1fae5;color:#047857}.fleet-status-badge.assigned{background:#fef3c7;color:#b45309}.fleet-status-badge.maintenance{background:#fee2e2;color:#dc2626}.fleet-status-badge.unavailable{background:#f3f4f6;color:#6b7280}.action-btn{padding:6px 12px;font-size:.75rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;text-decoration:none;transition:opacity .2s ease;display:inline-block}.action-btn:hover{opacity:.85}.action-btn.track{background:#d1fae5;color:#047857}.action-btn.assign{background:#fef3c7;color:#b45309}.action-btn.bid{background:#dbeafe;color:#1d4ed8}.action-btn.withdraw{background:#fee2e2;color:#dc2626}.panel-view-all{display:block;margin-top:16px;padding-top:12px;border-top:1px solid #e5e7eb;text-align:center;font-size:.875rem;font-weight:600;color:#1976d2;text-decoration:none;transition:color .2s ease}.panel-view-all:hover{color:#1565c0}.empty-state-message{text-align:center;padding:24px;color:#6b7280;font-size:.875rem}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.job-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px;transition:border-color .2s ease,box-shadow .2s ease}.job-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.job-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.job-card-price{font-size:1.125rem;font-weight:700;color:#059669}.job-card-distance{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px}.job-card-route{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.875rem}.job-from,.job-to{color:#374151;font-weight:500}.job-arrow{color:#9ca3af}.job-card-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:.75rem;color:#6b7280}.job-card-actions{display:flex;justify-content:flex-end}.bid-placed-badge{padding:6px 12px;font-size:.75rem;font-weight:600;background:#d1fae5;color:#047857;border-radius:6px}.bids-summary{font-size:.875rem;color:#6b7280;margin-bottom:16px;padding:8px 12px;background:#f9fafb;border-radius:6px}.fleet-summary{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.fleet-stat{flex:1;min-width:80px;text-align:center;padding:12px;background:#f9fafb;border-radius:8px}.fleet-stat.available{background:#d1fae5}.fleet-stat.assigned{background:#fef3c7}.fleet-stat-value{display:block;font-size:1.5rem;font-weight:700;color:#1a1a1a}.fleet-stat-label{display:block;font-size:.75rem;color:#6b7280;margin-top:4px}.fleet-issues-title{font-size:.875rem;font-weight:600;color:#dc2626;margin:16px 0 12px}.trips-panel{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.trips-summary{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.trips-stat{text-align:center;padding:12px 20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.trips-stat.delayed{background:#fee2e2}.trips-stat-value{display:block;font-size:1.5rem;font-weight:700;color:#1a1a1a}.trips-stat-label{display:block;font-size:.75rem;color:#6b7280;margin-top:4px}.next-stop-info{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;background:#fff;border-radius:8px}.next-stop-label{font-size:.75rem;color:#6b7280;font-weight:600}.next-stop-location{font-size:.875rem;font-weight:600;color:#1a1a1a}.next-stop-type{font-size:.75rem;color:#6b7280}.next-stop-eta{font-size:.75rem;color:#059669;margin-left:auto}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.dashboard-loading .spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#1976d2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.dashboard-loading p{color:#6b7280;font-size:1rem}@media(max-width:768px){.dashboard-container{padding:16px}.dashboard-header h1{font-size:1.5rem}.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-card{padding:16px}.kpi-card-value{font-size:1.3rem}.panel-header-with-filter{flex-direction:column;align-items:flex-start;gap:12px}.filter-select{width:100%}.jobs-grid{grid-template-columns:1fr}.work-item{flex-direction:column;align-items:flex-start}.work-item-actions{width:100%;justify-content:flex-end}.fleet-summary{flex-direction:column}.trips-summary{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.dashboard-kpi-grid{grid-template-columns:1fr}}.verification-banner{max-width:1400px;margin:0 auto 16px;padding:14px 24px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.95rem;font-weight:500}.verification-unsubmitted{background:#fff3cd;color:#856404;border:1px solid #ffc107}.verification-under-review{background:#cce5ff;color:#004085;border:1px solid #b8daff}.verification-rejected{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.banner-action{flex-shrink:0;padding:6px 16px;border-radius:6px;background:#fff;color:inherit;font-weight:600;text-decoration:none;border:1px solid currentColor;transition:opacity .2s}.banner-action:hover{opacity:.8}.assign-vehicle-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-in}.assign-vehicle-modal-content{background-color:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.assign-vehicle-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.assign-vehicle-modal-header h2{margin:0;font-size:24px;color:#333}.assign-vehicle-modal-close{background:none;border:none;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s}.assign-vehicle-modal-close:hover{color:#333}.assign-vehicle-modal-body{margin-bottom:24px}.assign-vehicle-order-info{margin-bottom:20px;padding:16px;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #007bff}.assign-vehicle-order-info p{margin:8px 0;color:#495057;font-size:14px}.assign-vehicle-order-info strong{color:#212529;font-weight:600}.assign-vehicle-form-group{margin-bottom:16px}.assign-vehicle-form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.assign-vehicle-select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#333;background-color:#fff;cursor:pointer;transition:border-color .2s}.assign-vehicle-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.assign-vehicle-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e5e5e5}.assign-vehicle-btn-cancel,.assign-vehicle-btn-confirm{padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.assign-vehicle-btn-cancel{background-color:#f8f9fa;color:#495057;border:1px solid #dee2e6}.assign-vehicle-btn-cancel:hover{background-color:#e9ecef}.assign-vehicle-btn-confirm{background-color:#007bff;color:#fff}.assign-vehicle-btn-confirm:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.assign-vehicle-btn-confirm:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.transporter-orders-page .orders-container{max-width:1200px;margin:0 auto;padding:80px 2rem 2rem;min-height:calc(100vh - 200px)}.transporter-orders-page .orders-header{margin-bottom:1.75rem}.transporter-orders-page .orders-header h1{margin:0 0 .75rem;font-size:2.2rem;color:#111}.transporter-orders-page .orders-filters{display:flex;gap:1rem;align-items:center}.transporter-orders-page .search-input,.transporter-orders-page .status-filter{padding:.75rem 1rem;border:1px solid #eee;border-radius:8px;font-size:1rem;transition:border-color .2s ease,box-shadow .15s ease}.transporter-orders-page .search-input:focus,.transporter-orders-page .status-filter:focus{outline:none;border-color:#1976d2}.transporter-orders-page .search-input{flex:1;min-width:250px;box-shadow:none}.transporter-orders-page .status-filter{min-width:160px}.transporter-orders-page .orders-header-row{display:flex;align-items:center;gap:16px}.transporter-orders-page .search-bar-wrap{flex:1;display:flex;align-items:center}.transporter-orders-page .search-input{height:48px;border-radius:8px;padding-left:18px}.transporter-orders-page .orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1.25rem}.transporter-orders-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.transporter-orders-page .spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#1976d2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.transporter-orders-page .loading-state p{color:#666;font-size:1.1rem}.transporter-orders-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.transporter-orders-page .empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;opacity:.5}.transporter-orders-page .empty-state h3{margin:0 0 .5rem;font-size:1.5rem;color:#333}.transporter-orders-page .empty-state p{color:#666;font-size:1rem}.transporter-orders-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.transporter-orders-page .error-state p{color:#d32f2f;font-size:1.1rem}.transporter-orders-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.transporter-orders-page .modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.transporter-orders-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.transporter-orders-page .modal-header h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.transporter-orders-page .close-btn{background:none;border:none;font-size:2rem;color:#9ca3af;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.transporter-orders-page .close-btn:hover{background:#f3f4f6;color:#1f2937}.transporter-orders-page .modal-body{padding:1.5rem}.transporter-orders-page .order-info{background:#f9fafb;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.transporter-orders-page .order-info p{margin:.5rem 0;color:#1f2937;font-size:.875rem}.transporter-orders-page .order-info strong{font-weight:600}.transporter-orders-page .form-group{margin-bottom:1rem}.transporter-orders-page .form-group label{display:block;font-weight:500;color:#1f2937;margin-bottom:.5rem;font-size:.875rem}.transporter-orders-page .vehicle-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:all .2s}.transporter-orders-page .vehicle-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.transporter-orders-page .modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.transporter-orders-page .modal-footer button{flex:1;padding:.75rem;border:none;border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s}.transporter-orders-page .btn-cancel{background:#f3f4f6;color:#1f2937}.transporter-orders-page .btn-cancel:hover{background:#e5e7eb}.transporter-orders-page .btn-confirm{background:#3b82f6;color:#fff}.transporter-orders-page .btn-confirm:hover{background:#2563eb}@media(max-width:768px){.transporter-orders-page .orders-container{padding:1rem}.transporter-orders-page .orders-header h1{font-size:1.5rem}.transporter-orders-page .orders-filters{flex-direction:column}.transporter-orders-page .search-input,.transporter-orders-page .status-filter{width:100%}.transporter-orders-page .orders-grid{grid-template-columns:1fr}.transporter-orders-page .modal-content{margin:1rem}}.main-content-bid .container{width:clamp(70%,1280px,90%);margin:0 auto}.main-content-bid .page-header{display:flex;justify-content:space-between;align-items:center;padding:20px}.main-content-bid .page-title{color:var(--dark);position:relative}.main-content-bid .page-title:after{content:"";position:absolute;bottom:-10px;left:0;width:120px;height:4px;background:linear-gradient(to right,var(--gradient-start),var(--gradient-end))}.filter-section{background-color:var(--white);padding:20px;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:1.5rem 0}.filter-section h2{font-size:22px;margin-bottom:15px;color:var(--primary)}.filter-controls{display:flex;gap:15px;flex-wrap:wrap}.filter-control{flex:1;min-width:200px}.filter-control label{display:block;margin-bottom:5px;font-weight:500;color:var(--dark)}.filter-control select,.filter-control input{width:100%;padding:10px;border:2px solid var(--light);border-radius:8px;font-size:14px;transition:border-color .3s}.filter-control select:focus,.filter-control input:focus{outline:none;border-color:var(--primary)}.main-content-bid{margin:0 auto;padding:80px 20px}.bid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;padding:20px 0}.bid-card{background-color:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:transform .3s;width:100%}.bid-card:hover{transform:translateY(-5px)}.bid-header{background-color:var(--primary);color:var(--white);padding:15px;position:relative}.bid-price{font-size:24px;font-weight:700}.bid-timer{position:absolute;top:15px;right:15px;background-color:var(--warning);color:var(--dark);padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700}.bid-body{padding:15px}.bid-details{margin-bottom:15px}.bid-detail{display:flex;margin-bottom:10px}.detail-label{min-width:120px;font-weight:500;color:var(--dark)}.bid-form{border-top:1px solid var(--light);padding-top:15px}.bid-form label{display:block;margin-bottom:5px;font-weight:500;color:var(--dark)}.bid-form input,.bid-form textarea{width:100%;padding:10px;border:2px solid var(--light);border-radius:8px;font-size:14px;transition:border-color .3s}.bid-form input:focus,.bid-form textarea:focus{outline:none;border-color:var(--primary)}.bid-actions{display:flex;justify-content:space-between;margin-top:15px}.bid-history{color:var(--primary);text-decoration:none;font-weight:500;transition:color .3s}.bid-history:hover{color:var(--primary-dark)}.pagination{display:flex;justify-content:center;margin-top:30px}.pagination button{margin:0 5px;padding:8px 15px;border:2px solid var(--light);background-color:var(--white);border-radius:8px;cursor:pointer;transition:all .3s ease}.pagination button.active,.pagination button:hover{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.bid-history-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.bid-history-modal-content{background-color:var(--white);padding:20px;border-radius:12px;box-shadow:0 4px 20px #0003;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.bid-history-modal h2{font-size:24px;color:var(--primary);margin-bottom:20px;text-align:center}.bid-history-modal table{width:100%;border-collapse:collapse;margin-bottom:20px}.bid-history-modal th,.bid-history-modal td{padding:12px;text-align:left;border-bottom:1px solid var(--light)}.bid-history-modal th{background-color:var(--primary);color:var(--white);font-weight:600}.bid-history-modal tr:hover{background-color:#0000000d}.bid-history-modal button{display:block;margin:20px auto 0;padding:10px 20px;background-color:var(--primary);color:var(--white);border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.bid-history-modal button:hover{background-color:var(--primary-dark)}.my-bids-table{width:100%;border-collapse:separate;margin-top:20px;border-radius:20px;border-spacing:0;overflow:hidden}.my-bids-table th,.my-bids-table td{padding:12px;text-align:left;border-bottom:1px solid var(--light)}.my-bids-table th{background-color:var(--primary);color:var(--white);font-weight:600}.my-bids-table tr:hover{background-color:#0000000d}.no-bids-message{text-align:center;padding:20px;color:var(--dark)}@media(max-width:768px){.bid-history-modal-content{max-width:90%;max-height:90vh}.bid-history-modal th,.bid-history-modal td{padding:10px}.bid-grid{grid-template-columns:1fr}}.mybids-list{display:flex;flex-direction:column;gap:1rem}.mybids-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow:hidden;border:1px solid #f0f0f0;transition:box-shadow .2s}.mybids-card:hover{box-shadow:0 4px 16px #0000001a}.mybids-card--expanded{border-color:#f5a623}.mybids-card-top{display:flex;align-items:center;padding:1.1rem 1.5rem;gap:1.5rem;flex-wrap:wrap}.mybids-card-route{flex:1;min-width:200px}.mybids-card-locations{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#333;font-size:1rem}.mybids-arrow{color:#bbb;font-size:1.1rem}.mybids-card-meta{display:flex;align-items:center;gap:.75rem;margin-top:.3rem}.mybids-order-id{font-size:.78rem;color:#999;font-family:monospace}.mybids-status{font-size:.72rem;font-weight:600;padding:.15rem .6rem;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.mybids-status--placed{background:#e3f2fd;color:#1565c0}.mybids-status--assigned{background:#fff3e0;color:#e65100}.mybids-status--in-transit{background:#fce4ec;color:#c62828}.mybids-status--completed{background:#e8f5e9;color:#2e7d32}.mybids-status--cancelled{background:#fafafa;color:#999}.mybids-card-amount-section{text-align:right;min-width:100px}.mybids-amount{font-weight:700;color:#1976d2;font-size:1.2rem}.mybids-time{font-size:.75rem;color:#999;margin-top:.1rem}.mybids-card-actions{display:flex;align-items:center}.mybids-btn-breakdown{background:#fff8e1;color:#e09600;border:1px solid #ffe082;padding:.4rem .9rem;border-radius:6px;cursor:pointer;font-size:.82rem;font-weight:500;display:flex;align-items:center;gap:.35rem;transition:all .2s;white-space:nowrap}.mybids-btn-breakdown:hover{background:#fff3c4;border-color:#f5a623}.mybids-chevron{transition:transform .2s}.mybids-chevron--up{transform:rotate(180deg)}.mybids-notes{padding:.6rem 1.5rem .75rem;font-size:.85rem;color:#666;margin:0 1.5rem;border-top:1px dashed #eee}.mybids-breakdown-wrapper{background:#fffdf5;border-top:1px solid #f0e8c8;padding:.75rem 1.25rem;animation:mybidsSlideDown .25s ease}@keyframes mybidsSlideDown{0%{opacity:0}to{opacity:1}}.mybids-breakdown-table{width:100%;border-collapse:collapse}.mybids-breakdown-table thead tr{background:linear-gradient(135deg,#f5a623,#e89b0e)}.mybids-breakdown-table th{padding:.5rem .65rem;color:#fff;font-weight:600;font-size:.78rem;text-transform:uppercase;text-align:left}.mybids-breakdown-table th:first-child{width:40px;text-align:center}.mybids-breakdown-table th:last-child{width:130px;text-align:right}.mybids-breakdown-table td{padding:.4rem .65rem;font-size:.85rem;color:#555;border-bottom:1px solid #f0e8c8}.mybids-breakdown-table td:first-child{text-align:center;color:#999;font-weight:600}.mybids-breakdown-table td:last-child{text-align:right;font-weight:500}.mybids-included{color:#2e7d32!important;font-weight:600!important;font-style:italic}.mybids-row-gst td{color:#777;font-style:italic}.mybids-breakdown-total{display:flex;justify-content:space-between;padding:.6rem .65rem;background:linear-gradient(135deg,#fff8e1,#fff3c4);border-radius:0 0 6px 6px;font-weight:700;font-size:.95rem;margin-top:.4rem}@media(max-width:768px){.mybids-card-top{flex-direction:column;align-items:flex-start;gap:.6rem;padding:.75rem 1rem}.mybids-card-amount-section{text-align:left}.mybids-card-locations{flex-wrap:wrap}}:root{--primary: #6366F1;--primary-dark: #4f47df;--secondary: #0F172A;--accent: #22D3EE;--light: #F8FAFC;--dark: #0F172A;--gray: #64748B;--white: #FFFFFF;--gradient-start: #6366F1;--gradient-end: #22D3EE;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--error1:#ff7961;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--inTransit: #166534;--pending: #854d0e;--transition: all .3s ease;--shadow: 0 2px 10px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:var(--light);color:var(--dark);line-height:1.6;margin:0;padding:0;overflow-x:hidden}#root{margin:0;padding:0}.main-content{display:flex;flex-direction:column;width:100%;padding:80px 0;gap:0}.main-content>section{width:100%}.btn{padding:.75rem 1.75rem;border-radius:12px;font-weight:600;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden;text-align:center;cursor:pointer}.btn-primary{background:var(--primary);color:var(--white);border:2px solid transparent;transition:var(--transition)}.btn-primary:hover{background:var(--primary-dark)}.btn-gradient{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:var(--white);border:2px solid transparent}.btn-gradient:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 8px 20px #6366f14d}.btn-gradient-outline,.btn-outline{border:2px solid var(--primary);color:var(--primary);background:transparent}.btn-outline:hover{background:var(--primary-dark);color:var(--white);border:2px solid transparent;box-shadow:0 8px 20px #6366f14d}.btn-gradient-outline:hover{background:linear-gradient(135deg,var(--gradient-end),var(--gradient-start));color:var(--white);border:2px solid transparent;transform:translateY(-2px) scale(1.01);box-shadow:0 8px 20px #6366f14d}.underline-link{position:relative}.underline-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:50%;transform:translate(-50%);background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));transition:width .3s ease}.underline-link:hover:after{width:100%}.error-container{display:flex;align-items:center;justify-content:space-between;background-color:var(--error);color:#fff;padding:15px;border-radius:5px;width:300px;position:fixed;top:80px;right:20px;z-index:9999;box-shadow:0 2px 8px #0003}.error-message{flex-grow:1;margin-right:10px}.error-close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.error-progress-bar{position:absolute;bottom:0;left:0;height:5px;background-color:var(--error1);width:100%;animation:shrink 5s linear forwards}@keyframes shrink{0%{width:100%}to{width:0}}.hidden{display:none}.fleet-management-page .container{width:clamp(70%,1280px,90%);margin:0 auto;padding-bottom:80px}.fleet-management-page .page-header{display:flex;justify-content:space-between;align-items:center;padding:20px}.fleet-management-page .page-title{color:var(--dark);position:relative}.fleet-management-page .page-title:after{content:"";position:absolute;bottom:-10px;left:0;width:120px;height:4px;background:linear-gradient(to right,var(--gradient-start),var(--gradient-end))}.fleet-management-page #vehicle-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.fleet-management-page #add-vehicle-btn{position:relative;top:auto;right:auto;margin-left:auto;order:2}.fleet-management-page .page-header h2{margin:0;font-weight:600;color:#333}.fleet-management-page .controls-section{margin-bottom:1rem;padding-top:1.5rem}.fleet-management-page .search-bar{display:flex;align-items:center;background:var(--white);border:1px solid #e0e0e0;border-radius:6px;width:100%;height:45px}.fleet-management-page .search-bar input{border:none;outline:none;padding:.75rem;width:100%;height:100%;font-size:.95rem;color:#222}.fleet-management-page .search-bar button{background:none;border:none;color:#666;cursor:pointer;padding:0 1rem;height:100%;display:flex;align-items:center}.fleet-management-page .search-bar button:hover{color:#111}.fleet-management-page .filters-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem}.fleet-management-page .filters-section select{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;background-color:var(--white);font-size:.95rem;color:#333;cursor:pointer;height:45px}.fleet-management-page .fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media(max-width:768px){.fleet-management-page .fleet-grid{grid-template-columns:1fr}.fleet-management-page .filters-section{flex-direction:column;gap:1rem}}.fleet-management-page .vehicle-card{position:relative;background:var(--white);border-radius:.75rem;box-shadow:0 2px 8px #0000000d;padding:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,box-shadow .2s}.fleet-management-page .vehicle-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.fleet-management-page .vehicle-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.fleet-management-page .vehicle-identity h3{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin:0 0 .25rem}.fleet-management-page .registration{display:block;font-size:.875rem;color:#666}.fleet-management-page .status-badge{white-space:nowrap;padding:.35rem .85rem;border-radius:9999px;font-size:.8rem;font-weight:500}.fleet-management-page .status-badge.available{background-color:#d1fae5;color:#059669}.fleet-management-page .status-badge.inmaintenance{background-color:#fee2e2;color:#dc2626}.fleet-management-page .status-badge.assigned{background-color:#dbeafe;color:#2563eb}.fleet-management-page .status-badge.unavailable{background-color:#f3f4f6;color:#4b5563}.fleet-management-page .vehicle-info-block{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.fleet-management-page .info-row{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#4b5563}.fleet-management-page .info-row .icon{display:flex;align-items:center;justify-content:center;color:#9ca3af;width:20px}.fleet-management-page .info-row .label{color:#6b7280}.fleet-management-page .info-row .value{color:#111827;font-weight:500}.fleet-management-page .vehicle-actions{display:flex;gap:1rem;margin-top:auto}.fleet-management-page .btn-details,.fleet-management-page .btn-remove{flex:1;padding:.6rem;border-radius:6px;font-weight:500;font-size:.9rem;text-align:center;cursor:pointer;transition:background-color .2s;border:none}.fleet-management-page .btn-details{background-color:#6366f1;color:#fff;text-decoration:none}.fleet-management-page .btn-details:hover{background-color:#4f46e5}.fleet-management-page .btn-update{background-color:#10b981;color:#fff}.fleet-management-page .btn-update:hover{background-color:#059669}.fleet-management-page .btn-remove{background-color:#ef4444;color:#fff}.fleet-management-page .btn-remove:hover{background-color:#dc2626}.fleet-management-page .status-badge.inmaintenance{background-color:#ffafaf;color:red}.fleet-management-page .vehicle-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.fleet-management-page .info-row{display:flex;align-items:center;gap:.75rem;color:var(--gray-600)}.fleet-management-page .info-row svg{color:var(--gray-400);flex-shrink:0}.fleet-management-page .order-assigned{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #eee}.fleet-management-page .order-assigned p{font-weight:500;color:#0369a1}.fleet-management-page .vehicle-actions{display:flex;justify-content:space-between;margin-bottom:1rem;width:100%;gap:.5rem}.fleet-management-page .vehicle-actions button,.fleet-management-page .vehicle-actions a{flex:1 1 0;min-width:0;text-align:center;padding:.65rem 1rem;font-size:.9rem;font-weight:500;line-height:1.5}.fleet-management-page .fleet-dialog{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1100;pointer-events:auto;background-color:#00000080}.fleet-management-page .fleet-dialog .modal-content{position:relative;z-index:1101;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:8px;box-shadow:0 5px 20px #0003;pointer-events:auto;margin:auto}.fleet-management-page .modal{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1100;pointer-events:none}.fleet-management-page .modal:before{content:"";position:fixed;inset:0;background-color:#00000080;z-index:1100;pointer-events:auto}.fleet-management-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #eee;background-color:#f9fafc}.fleet-management-page .modal-header h3{margin:0;color:#333;font-weight:600}.fleet-management-page .modal-body{padding:1.5rem}.fleet-management-page .close{font-size:1.5rem;color:#999;cursor:pointer;transition:color .3s ease;line-height:1}.fleet-management-page .close:hover{color:#333}.fleet-management-page .form-group{margin-bottom:1rem}.fleet-management-page .form-group label{display:block;margin-bottom:.5rem;font-weight:500}.fleet-management-page .form-group input,.fleet-management-page .form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px}.fleet-management-page .form-row{display:flex;gap:1.25rem;margin-bottom:1.5rem}.fleet-management-page .form-row .form-group{flex:1;margin-bottom:0}@media(max-width:576px){.fleet-management-page .form-row{flex-direction:column;gap:1rem}.fleet-management-page .form-row .form-group{margin-bottom:1rem}.fleet-management-page .form-row .form-group:last-child{margin-bottom:0}}.fleet-management-page label{display:block;margin-bottom:.5rem;color:#444;font-weight:500;font-size:.95rem}.fleet-management-page input[type=text],.fleet-management-page input[type=number],.fleet-management-page input[type=date],.fleet-management-page select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s ease}.fleet-management-page input[type=text]:focus,.fleet-management-page input[type=number]:focus,.fleet-management-page input[type=date]:focus,.fleet-management-page select:focus{border-color:#4a6cf7;outline:none;box-shadow:0 0 0 3px #4a6cf71a}.fleet-management-page .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.fleet-management-page .confirm-actions{justify-content:center;margin-top:2rem}.fleet-management-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;background-color:#f9fafc;border-radius:8px;grid-column:1 / -1;box-shadow:0 3px 12px #0000000d}.fleet-management-page .empty-state svg{color:#a0aec0;margin-bottom:1.5rem}.fleet-management-page .empty-state h3{color:#4a5568;margin-bottom:.75rem;font-weight:600}.fleet-management-page .empty-state p{color:#718096;margin-bottom:1.5rem;max-width:400px}.fleet-management-page .empty-state .btn{min-width:160px}.fleet-management-page .btn-danger{background-color:var(--error);color:var(--white);border:2px solid transparent;transition:var(--transition)}.fleet-management-page .btn-danger:hover{background-color:var(--error)}.fleet-management-page .btn:disabled{opacity:.7;cursor:not-allowed}.fleet-management-page .notification{position:fixed;top:80px;right:20px;padding:12px 20px;border-radius:6px;color:#fff;font-weight:500;z-index:9999;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease,fadeOut .5s ease 2.5s forwards;max-width:350px}.fleet-management-page .notification.success{background-color:var(--success)}.fleet-management-page .notification.error{background-color:var(--error)}.fleet-management-page .notification.fade-out{animation:fadeOut .5s ease forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fleet-management-page .search-empty-state{margin-top:2rem;text-align:center;padding:3rem 1rem;background-color:#f9fafc;border-radius:8px;grid-column:1 / -1}.fleet-management-page .description-details{display:flex;flex-direction:column;gap:.75rem}.fleet-management-page .detail-row{padding:.5rem 0;border-bottom:1px solid #eee;display:flex;align-items:center}.fleet-management-page .detail-row strong{width:120px;color:#4a5568;font-weight:600}.fleet-management-page .detail-section{margin-top:1rem;border-top:1px solid #eee;padding-top:1rem}.fleet-management-page .detail-section strong{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:600}.fleet-management-page .detail-section ul{margin:.5rem 0 0 1.25rem;padding:0}.fleet-management-page .detail-section li{margin-bottom:.5rem}.fleet-management-page .detail-section p{margin-top:.5rem;line-height:1.5;color:#4a5568}.fleet-management-page .modal-content{position:relative;z-index:1101;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:8px;box-shadow:0 5px 20px #0003;pointer-events:auto}.fleet-management-page .confirm-content{max-width:450px}.fleet-management-page .notification-banner{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:4px;color:#fff;font-weight:500;z-index:2000;box-shadow:0 4px 6px #0000001a;display:none}.fleet-management-page .notification-banner.success{background-color:#10b981}.fleet-management-page .notification-banner.error{background-color:#ef4444}.fleet-management-page .form-group input.error,.fleet-management-page .form-group select.error{border-color:#dc2626;background-color:#fef2f2}.fleet-management-page .form-group input.error:focus,.fleet-management-page .form-group select.error:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc26261a}.fleet-management-page .validation-message{display:none;color:#dc2626;font-size:.875rem;margin-top:.25rem}.fleet-management-page .validation-message.show{display:block}.fleet-management-page label[for]:after{content:" *";color:#dc2626;margin-left:.25rem}.fleet-management-page label[for=last-service]:after{display:none}.toast{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;font-weight:600;z-index:2000;box-shadow:0 12px 24px #0f172a26;display:flex;align-items:center;justify-content:space-between;min-width:300px;gap:1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.toast span{flex:1}.toast button{background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer;margin-left:10px;padding:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,transform .2s ease}.toast button:hover{background-color:#ffffff26;transform:rotate(90deg)}.toast.success{background:linear-gradient(135deg,#34d399,#059669)}.toast.error{background:linear-gradient(135deg,#f87171,#b91c1c)}.toast.warning{background:linear-gradient(135deg,#fbbf24,#d97706)}.toast.info{background:linear-gradient(135deg,#60a5fa,#2563eb)}.truck-details-page .container{width:clamp(70%,1280px,90%);margin:0 auto;padding-top:100px;padding-bottom:80px}.truck-details-page .page-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-bottom:1rem}.truck-details-page .title-section{position:relative}.truck-details-page .title-section h1{font-size:2rem;font-weight:700;color:#111827;margin:0}.truck-details-page .title-underline{width:100px;height:4px;background:linear-gradient(90deg,#6366f1,#a5b4fc);margin-top:8px;border-radius:2px}.truck-details-page .btn-back{padding:.5rem 1.5rem;border:1px solid #6366f1;border-radius:8px;color:#6366f1;text-decoration:none;font-weight:500;transition:all .2s;background:#fff}.truck-details-page .btn-back:hover{background:#eff6ff}.truck-details-page .details-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;margin-top:1rem}.truck-details-page .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.truck-details-page .card-header h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.truck-details-page .status-text{font-weight:600;font-size:.875rem;letter-spacing:.05em}.truck-details-page .status-text.available{color:#10b981}.truck-details-page .status-text.inmaintenance{color:#ef4444}.truck-details-page .status-text.assigned{color:#3b82f6}.truck-details-page .status-text.unavailable{color:#6b7280}.truck-details-page .details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem 1rem;margin-bottom:3rem;border-bottom:1px solid #e5e7eb;padding-bottom:2rem}.truck-details-page .detail-item{display:flex;flex-direction:column;gap:.5rem}.truck-details-page .detail-item label{font-size:.875rem;color:#4b5563;font-weight:400}.truck-details-page .detail-item p{font-size:1.125rem;color:#111827;font-weight:600;margin:0}.truck-details-page .card-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.truck-details-page .btn-action{padding:.6rem 1.5rem;border:1px solid #6366f1;border-radius:8px;color:#6366f1;background:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.truck-details-page .btn-action:hover{background:#eff6ff}.truck-details-page .btn-action:disabled{opacity:.5;cursor:not-allowed}.truck-details-page .schedule-container{display:flex;flex-direction:column;gap:.5rem;align-items:center}.truck-details-page .date-input{padding:.6rem;border:1px solid #d1d5db;border-radius:8px;color:#374151}@media(max-width:768px){.truck-details-page .details-grid{grid-template-columns:1fr;gap:1.5rem}.truck-details-page .page-header{flex-direction:column;align-items:flex-start;gap:1rem}}.fleet-schedule-section{margin-top:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem}.fleet-schedule-section .schedule-container{padding:0;max-width:100%}.fleet-schedule-section .schedule-header{margin-bottom:1.25rem}.fleet-schedule-section .schedule-header h2{margin:0}.fleet-schedule-section .gantt-wrapper{box-shadow:none;border:1px solid #e5e7eb}.fleet-schedule-section .gantt-chart{min-width:1000px}.fleet-schedule-section .gantt-blocks-container{position:absolute;inset:0 0 0 120px;pointer-events:none}.gantt-block.maintenance{background:#f59e0b33;border:1px solid #f59e0b;color:#92400e}.fleet-schedule-section .legend-color.maintenance{background:#fef3c7;border:1px solid #f59e0b}.fleet-schedule-section .schedule-legend{margin-bottom:1.25rem}@media(max-width:768px){.fleet-schedule-section{padding:1rem}.fleet-schedule-section .gantt-chart{min-width:800px}}.schedule-page{min-height:100vh;background:var(--gray-50, #f8f9fa)}.schedule-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.schedule-header h1{font-size:1.75rem;font-weight:700;color:var(--gray-800, #1f2937);margin:0}.schedule-nav{display:flex;align-items:center;gap:.75rem}.schedule-nav button{padding:.5rem 1rem;border:1px solid var(--gray-300, #d1d5db);border-radius:8px;background:#fff;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--gray-700, #374151);transition:all .2s}.schedule-nav button:hover{background:var(--gray-100, #f3f4f6);border-color:var(--gray-400, #9ca3af)}.schedule-nav .date-range{font-size:.95rem;font-weight:600;color:var(--gray-700, #374151);min-width:200px;text-align:center}.schedule-legend{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--gray-600, #4b5563)}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.legend-color.available{background:var(--success-light, #dcfce7);border:1px solid var(--success, #22c55e)}.legend-color.unavailable{background:#fee2e2;border:1px solid #ef4444}.legend-color.trip{background:#dbeafe;border:1px solid #3b82f6}.gantt-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;border:1px solid var(--gray-200, #e5e7eb)}.gantt-chart{min-width:900px}.gantt-header{display:grid;grid-template-columns:120px repeat(24,1fr);border-bottom:2px solid var(--gray-200, #e5e7eb);background:var(--gray-50, #f8f9fa);position:sticky;top:0;z-index:2}.gantt-header-label{padding:.75rem .5rem;font-size:.75rem;font-weight:600;color:var(--gray-500, #6b7280);text-align:center;border-right:1px solid var(--gray-100, #f3f4f6)}.gantt-header-label:first-child{text-align:left;padding-left:1rem;font-size:.8rem;color:var(--gray-700, #374151)}.gantt-row{display:grid;grid-template-columns:120px repeat(24,1fr);border-bottom:1px solid var(--gray-100, #f3f4f6);min-height:48px;position:relative;transition:background .15s}.gantt-row:hover{background:var(--gray-50, #f8f9fa)}.gantt-row.today{background:#fffbeb}.gantt-day-label{padding:.75rem 1rem;font-size:.85rem;font-weight:600;color:var(--gray-700, #374151);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--gray-200, #e5e7eb);z-index:1}.gantt-day-label .day-name{font-size:.7rem;color:var(--gray-400, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.gantt-day-label.today-label{color:var(--primary, #3b82f6)}.gantt-cell{border-right:1px solid var(--gray-50, #f8f9fa);position:relative;cursor:pointer;transition:background .15s}.gantt-cell:hover{background:#3b82f614}.gantt-cell.work-hour{background:#22c55e0a}.gantt-blocks-container{position:absolute;inset:0 0 0 120px;pointer-events:none}.gantt-block{position:absolute;top:4px;bottom:4px;border-radius:6px;display:flex;align-items:center;padding:0 8px;font-size:.7rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;transition:transform .15s,box-shadow .15s;z-index:1}.gantt-block:hover{transform:scaleY(1.1);box-shadow:0 2px 8px #00000026;z-index:2}.gantt-block.unavailable{background:#ef444433;border:1px solid #ef4444;color:#b91c1c}.gantt-block.trip{background:#3b82f633;border:1px solid #3b82f6;color:#1d4ed8}.gantt-block .block-delete{margin-left:auto;padding:2px;background:none;border:none;cursor:pointer;color:inherit;opacity:0;transition:opacity .15s;flex-shrink:0}.gantt-block:hover .block-delete{opacity:1}.schedule-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.schedule-modal{background:#fff;border-radius:16px;padding:2rem;width:90%;max-width:480px;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease}.schedule-modal h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:var(--gray-800, #1f2937)}.schedule-modal .form-group{margin-bottom:1rem}.schedule-modal .form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--gray-700, #374151);margin-bottom:.5rem}.schedule-modal .form-group input,.schedule-modal .form-group textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--gray-300, #d1d5db);border-radius:8px;font-size:.875rem;outline:none;transition:border-color .2s;box-sizing:border-box}.schedule-modal .form-group input:focus,.schedule-modal .form-group textarea:focus{border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.schedule-modal .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.schedule-modal .modal-actions button{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.schedule-modal .modal-actions .btn-cancel{background:#fff;border:1px solid var(--gray-300, #d1d5db);color:var(--gray-700, #374151)}.schedule-modal .modal-actions .btn-cancel:hover{background:var(--gray-50, #f8f9fa)}.schedule-modal .modal-actions .btn-save{background:var(--primary, #3b82f6);border:none;color:#fff}.schedule-modal .modal-actions .btn-save:hover{background:#2563eb}.schedule-modal .modal-actions .btn-save:disabled{opacity:.5;cursor:not-allowed}.schedule-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem}.transporter-banner{background:linear-gradient(135deg,#dbeafe,#ede9fe);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.transporter-banner .banner-icon{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transporter-banner .banner-text h3{margin:0;font-size:.95rem;color:var(--gray-800, #1f2937)}.transporter-banner .banner-text p{margin:.25rem 0 0;font-size:.8rem;color:var(--gray-500, #6b7280)}.no-transporter-banner{background:linear-gradient(135deg,#fef3c7,#fed7aa)}.no-transporter-banner .banner-text a{color:var(--primary, #3b82f6);text-decoration:underline;font-weight:600}@media(max-width:768px){.schedule-header{flex-direction:column;align-items:flex-start}.schedule-container{padding:1rem}.gantt-header-label{font-size:.65rem;padding:.5rem .25rem}.gantt-day-label{padding:.5rem;font-size:.75rem}}.driver-mgmt-page{min-height:100vh;background:var(--gray-50, #f8f9fa)}.driver-mgmt-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.driver-mgmt-header{margin-bottom:2rem}.driver-mgmt-header h1{font-size:1.75rem;font-weight:700;color:var(--gray-800, #1f2937);margin:0 0 .5rem}.driver-mgmt-header p{color:var(--gray-500, #6b7280);margin:0;font-size:.95rem}.mgmt-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:2px solid var(--gray-200, #e5e7eb)}.mgmt-tab{padding:.75rem 1.5rem;border:none;background:none;font-size:.9rem;font-weight:600;color:var(--gray-500, #6b7280);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.mgmt-tab:hover{color:var(--gray-700, #374151)}.mgmt-tab.active{color:var(--primary, #3b82f6);border-bottom-color:var(--primary, #3b82f6)}.mgmt-tab .request-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;margin-left:.5rem}.drivers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.driver-card{background:#fff;border-radius:12px;border:1px solid var(--gray-200, #e5e7eb);padding:1.5rem;transition:box-shadow .2s}.driver-card:hover{box-shadow:0 4px 16px #0000000f}.driver-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.driver-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#c7d2fe);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#3b82f6;flex-shrink:0;overflow:hidden}.driver-avatar img{width:100%;height:100%;object-fit:cover}.driver-card-header .driver-info h3{margin:0;font-size:1rem;font-weight:600;color:var(--gray-800, #1f2937)}.driver-card-header .driver-info p{margin:.15rem 0 0;font-size:.8rem;color:var(--gray-500, #6b7280)}.driver-card-header .driver-status{margin-left:auto;padding:.3rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.driver-status.available{background:#dcfce7;color:#166534}.driver-status.assigned{background:#dbeafe;color:#1e40af}.driver-status.unavailable{background:#fee2e2;color:#991b1b}.driver-card-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.driver-detail-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;background:var(--gray-50, #f8f9fa);border-radius:20px;font-size:.78rem;color:var(--gray-600, #4b5563)}.driver-card-actions{display:flex;gap:.75rem;border-top:1px solid var(--gray-100, #f3f4f6);padding-top:1rem}.driver-card-actions button{padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-view-schedule{flex:1;background:var(--primary, #3b82f6);color:#fff;border:none}.btn-view-schedule:hover{background:#2563eb}.btn-remove-driver{padding:.5rem 1rem;background:#fff;border:1px solid #ef4444;color:#ef4444}.btn-remove-driver:hover{background:#fef2f2}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-card{background:#fff;border-radius:12px;border:1px solid var(--gray-200, #e5e7eb);padding:1.5rem}.request-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.request-card-header .req-info h3{margin:0;font-size:1rem;font-weight:600}.request-card-header .req-info p{margin:.15rem 0 0;font-size:.8rem;color:var(--gray-500, #6b7280)}.request-message{background:var(--gray-50, #f8f9fa);border-radius:8px;padding:.75rem 1rem;font-size:.85rem;color:var(--gray-600, #4b5563);margin-bottom:1rem;font-style:italic}.request-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.request-actions{display:flex;gap:.75rem}.request-actions button{padding:.625rem 1.25rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-accept{background:#22c55e;color:#fff;border:none}.btn-accept:hover{background:#16a34a}.btn-reject{background:#fff;border:1px solid #ef4444;color:#ef4444}.btn-reject:hover{background:#fef2f2}.schedule-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.schedule-viewer{background:#fff;border-radius:16px;width:95%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease}.schedule-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--gray-200, #e5e7eb)}.schedule-viewer-header h2{margin:0;font-size:1.2rem;font-weight:700}.schedule-viewer-header .close-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--gray-300, #d1d5db);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background .2s}.schedule-viewer-header .close-btn:hover{background:var(--gray-100, #f3f4f6)}.schedule-viewer-body{padding:1.5rem}.mgmt-empty{text-align:center;padding:3rem 1rem;color:var(--gray-500, #6b7280)}.mgmt-empty svg{margin-bottom:1rem}.mgmt-empty h3{margin:0 0 .5rem;color:var(--gray-700, #374151)}.mgmt-empty p{margin:0;font-size:.9rem}.mgmt-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem}@media(max-width:768px){.drivers-grid{grid-template-columns:1fr}.driver-card-actions,.request-actions{flex-direction:column}}.tp-shell{box-sizing:border-box;height:100vh;min-height:100vh;background:var(--gray-50, #f8f9fa);padding-top:var(--tp-header-offset);padding-bottom:0;display:flex;flex-direction:column;overflow:hidden}.tp-toast{position:fixed;top:calc(var(--tp-header-offset, 72px) + 16px);left:50%;transform:translate(-50%);z-index:9999;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.9rem;box-shadow:0 4px 16px #00000026;animation:slideDown .3s ease}.tp-toast--error{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.tp-toast--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}@keyframes slideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.tp-topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid var(--gray-200, #e5e7eb);gap:1rem;flex-wrap:wrap;margin-top:80px}.tp-topbar-left{display:flex;align-items:center;gap:1rem}.tp-topbar-title-block h1{margin:0}.tp-page-title{font-size:1.35rem;font-weight:700;color:var(--gray-800, #1f2937)}.tp-page-sub{font-size:.82rem;color:var(--gray-500, #6b7280);margin:.15rem 0 0}.tp-topbar-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tp-chip{font-size:.78rem;font-weight:600;padding:.3rem .7rem;border-radius:20px}.tp-chip--warning{background:#fef3c7;color:#92400e}.tp-chip--ok{background:#dcfce7;color:#166534}.tp-date-field{display:flex;align-items:center;gap:.4rem}.tp-date-field label{font-size:.78rem;color:var(--gray-500, #6b7280);font-weight:600}.tp-canvas{display:grid;grid-template-columns:320px 1fr 340px;gap:0;flex:1;min-height:0;overflow:hidden}.tp-pane{display:flex;flex-direction:column;border-right:1px solid var(--gray-200, #e5e7eb);overflow-y:auto;overflow-x:hidden}.tp-pane:last-child{border-right:none}.tp-pane-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border-bottom:1px solid var(--gray-100, #f3f4f6);flex-shrink:0}.tp-pane-badge{font-size:.75rem;background:var(--gray-100, #f3f4f6);padding:.2rem .6rem;border-radius:20px;color:var(--gray-600, #4b5563);font-weight:600}.tp-search-wrap{padding:.5rem .75rem;background:#fff;border-bottom:1px solid var(--gray-100, #f3f4f6);flex-shrink:0}.tp-search-input{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;font-size:.85rem;outline:none;box-sizing:border-box}.tp-search-input:focus{border-color:var(--primary, #6366f1)}.tp-orders-list{flex:1;overflow-y:auto;padding:.5rem}.tp-order-card{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem;border-radius:10px;cursor:pointer;transition:all .15s;border:1px solid transparent;margin-bottom:.35rem}.tp-order-card:hover{background:var(--gray-50, #f8f9fa)}.tp-order-card.selected{background:#eef2ff;border-color:#6366f1}.tp-order-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--gray-300, #d1d5db);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:2px;transition:all .15s}.tp-order-check.checked{background:#6366f1;border-color:#6366f1;color:#fff}.tp-order-body{flex:1;min-width:0}.tp-order-id{font-size:.75rem;font-weight:700;color:var(--gray-500, #6b7280)}.tp-order-route{display:flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:500;margin:.15rem 0;color:var(--gray-800, #1f2937)}.tp-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tp-dot--pickup{background:#22c55e}.tp-dot--drop{background:#ef4444}.tp-arrow{color:var(--gray-400, #9ca3af);font-size:.8rem}.tp-order-meta{font-size:.75rem;color:var(--gray-500, #6b7280)}.tp-weight-summary{padding:.75rem 1rem;background:#fff;border-top:1px solid var(--gray-100, #f3f4f6);flex-shrink:0}.tp-weight-row{display:flex;justify-content:space-between;align-items:center}.tp-text--warning{color:#dc2626!important}.tp-text--ok{color:#16a34a}.tp-cap-track{height:6px;background:var(--gray-200, #e5e7eb);border-radius:3px;overflow:hidden;margin-top:.4rem}.tp-cap-fill{height:100%;border-radius:3px;background:#22c55e;transition:width .3s}.tp-cap-fill.over{background:#dc2626}.tp-map-body{flex:1;position:relative;min-height:0}.tp-google-map{position:absolute;inset:0;width:100%;height:100%;z-index:1}.tp-map-loading,.tp-map-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--gray-50, #f8f9fa);z-index:2}.tp-map-pane{overflow:hidden}.tp-map-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gray-50, #f8f9fa);z-index:2;pointer-events:none}.tp-map-empty-icon{font-size:3rem;margin-bottom:.5rem}.tp-map-empty p{color:var(--gray-500, #6b7280);font-size:.9rem}.tp-map-marker{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;box-shadow:0 2px 6px #0000004d;transition:transform .15s}.tp-map-marker.pickup{background:#22c55e}.tp-map-marker.drop{background:#ef4444}.tp-map-marker.hovered{transform:scale(1.3)}.tp-timeline-pane{background:#fff}.tp-selectors{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.6rem;flex-shrink:0}.tp-field label{font-size:.78rem;margin-bottom:.25rem;display:block}.tp-select-wrap{position:relative}.tp-select-btn{width:100%;display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;background:#fff;cursor:pointer;text-align:left;font-size:.85rem;transition:border-color .15s}.tp-select-btn:hover,.tp-select-btn:focus{border-color:#6366f1}.tp-sel-icon{font-size:1.1rem}.tp-sel-main{font-weight:600;color:var(--gray-800, #1f2937)}.tp-sel-sub{font-size:.75rem;color:var(--gray-500, #6b7280);margin-left:auto}.tp-sel-placeholder{color:var(--gray-400, #9ca3af)}.tp-chevron{margin-left:auto;font-size:.7rem;color:var(--gray-400, #9ca3af)}.tp-avatar{width:28px;height:28px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.tp-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:100;max-height:240px;overflow-y:auto;margin-top:4px}.tp-dd-item{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;cursor:pointer;transition:background .12s}.tp-dd-item:hover{background:var(--gray-50, #f8f9fa)}.tp-dd-item.active{background:#eef2ff}.tp-dd-item.disabled{opacity:.5;cursor:default}.tp-dd-main{font-size:.85rem;font-weight:600}.tp-dd-sub{font-size:.75rem;color:var(--gray-500, #6b7280)}.tp-badge{font-size:.7rem;padding:.15rem .5rem;border-radius:20px;font-weight:600;margin-left:auto;flex-shrink:0}.tp-badge--ok{background:#dcfce7;color:#166534}.tp-badge--warn{background:#fef3c7;color:#92400e}.tp-order-card.disabled{opacity:.45;cursor:not-allowed;pointer-events:auto}.tp-order-card.disabled:hover{background:transparent}.tp-order-date{font-weight:500;color:var(--gray-400, #9ca3af);font-size:.72rem}.tp-dd-item.disabled:hover{background:transparent}.tp-time-input{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;font-size:.85rem;outline:none;box-sizing:border-box}.tp-time-input:focus{border-color:#6366f1}.tp-divider{height:1px;background:var(--gray-100, #f3f4f6);margin:.25rem 1rem}.tp-stats-row{display:flex;gap:.75rem;padding:.5rem 1rem;flex-shrink:0}.tp-stat{text-align:center;flex:1}.tp-stat-val{display:block;font-size:1.1rem;font-weight:700;color:var(--gray-800, #1f2937)}.tp-stat-lbl{font-size:.7rem;color:var(--gray-500, #6b7280);text-transform:uppercase;letter-spacing:.3px}.tp-tl-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.tp-tl-empty p{color:var(--gray-400, #9ca3af);font-size:.85rem;text-align:center}.tp-tl-list{flex:1;overflow:visible;padding:.5rem .75rem}.tp-connector{display:flex;align-items:center;gap:.4rem;padding:0 0 0 2.4rem;height:28px}.tp-connector-line{width:2px;height:100%;background:var(--gray-200, #e5e7eb)}.tp-connector-dur{font-size:.7rem;color:var(--gray-400, #9ca3af)}.tp-stop-card{display:flex;align-items:flex-start;gap:.5rem;padding:.55rem .6rem;border-radius:10px;border:1px solid transparent;transition:all .15s;cursor:grab}.tp-stop-card:active{cursor:grabbing}.tp-stop-card.hovered{background:#f0f0ff;border-color:#c7d2fe}.tp-stop-card.drag-over{border-color:#6366f1;background:#eef2ff}.tp-stop-card.dragging{opacity:.4}.tp-drag-handle{color:var(--gray-300, #d1d5db);font-size:1rem;cursor:grab;flex-shrink:0;line-height:1;margin-top:2px}.tp-stop-num{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0}.tp-stop-num.pickup{background:#22c55e}.tp-stop-num.drop{background:#ef4444}.tp-stop-info{flex:1;min-width:0}.tp-stop-top{display:flex;justify-content:space-between;align-items:center}.tp-stop-location{font-size:.85rem;font-weight:600;color:var(--gray-800, #1f2937)}.tp-stop-eta{font-size:.75rem;color:var(--gray-500, #6b7280);font-weight:600}.tp-stop-mid{display:flex;gap:.5rem;align-items:center;margin-top:.15rem}.tp-stop-pill{font-size:.7rem;font-weight:600;padding:.1rem .45rem;border-radius:4px}.tp-stop-pill.pickup{background:#dcfce7;color:#166534}.tp-stop-pill.drop{background:#fee2e2;color:#991b1b}.tp-stop-ref{font-size:.7rem;color:var(--gray-400, #9ca3af)}.tp-stop-load-row{display:flex;align-items:center;gap:.5rem;margin-top:.35rem}.tp-load-track{flex:1;height:4px;background:var(--gray-200, #e5e7eb);border-radius:2px;overflow:hidden}.tp-load-fill{height:100%;border-radius:2px;background:#22c55e;transition:width .3s}.tp-load-fill.over{background:#dc2626}.tp-load-val{font-size:.7rem;color:var(--gray-500, #6b7280);font-weight:600;white-space:nowrap}.tp-overlay{position:fixed;inset:0;z-index:50}@media(max-width:1024px){.tp-canvas{grid-template-columns:1fr;grid-template-rows:auto 400px auto;height:auto}.tp-pane{border-right:none;border-bottom:1px solid var(--gray-200, #e5e7eb)}.tp-orders-list{max-height:300px}.tp-tl-list{max-height:400px}.tp-map-body{min-height:400px}.tp-topbar{flex-direction:column;align-items:flex-start}}.tripManagement-container{max-width:1200px;margin:0 auto;padding:80px 2rem 3rem;min-height:calc(100vh - 200px)}.btn-create-trip{padding:.65rem 1.25rem;background:var(--primary, #6366f1);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-create-trip:hover{background:#4f46e5}.trips-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stats-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.stat-chip{display:flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:20px;border:1px solid var(--gray-200, #e5e7eb);background:#fff;cursor:pointer;font-size:.82rem;font-weight:500;color:var(--gray-600, #4b5563);transition:all .15s}.stat-chip:hover{border-color:var(--primary, #6366f1);color:var(--primary, #6366f1)}.stat-chip--active{background:#eef2ff;border-color:var(--primary, #6366f1);color:var(--primary, #6366f1);font-weight:600}.stat-chip-num{font-weight:700}.trips-header{margin-bottom:1.75rem}.trips-header h1{margin:0 0 .75rem;font-size:2.2rem;color:#111}.trips-filters{display:flex;gap:1rem;align-items:center}.tripManagement-container .search-input,.tripManagement-container .status-filter{height:48px;border-radius:8px;border:1px solid var(--gray-200, #e5e7eb);background:#fff;padding:0 .95rem;font-size:.92rem;color:var(--gray-800, #1f2937);outline:none;box-sizing:border-box}.tripManagement-container .search-input{flex:1;min-width:240px}.tripManagement-container .status-filter{min-width:180px}.tripManagement-container .search-input:focus,.tripManagement-container .status-filter:focus{border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f11f}@media(max-width:768px){.trips-filters{flex-direction:column;align-items:stretch}.tripManagement-container .search-input,.tripManagement-container .status-filter{width:100%;min-width:0}}.tm-trip-card{background:#fff;border-radius:12px;border:1px solid var(--gray-200, #e5e7eb);padding:1.25rem;transition:box-shadow .2s}.tm-trip-card:hover{box-shadow:0 4px 16px #00000014}.tm-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tm-card-id{font-weight:700;font-size:.85rem;color:var(--gray-500, #6b7280)}.tm-status-badge{font-size:.75rem;font-weight:600;padding:.2rem .65rem;border-radius:20px;border:1px solid}.tm-card-route{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.tm-route-point{display:flex;align-items:center;gap:.3rem;font-size:.88rem;font-weight:500;color:var(--gray-800, #1f2937)}.tm-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tm-dot--from{background:#22c55e}.tm-dot--to{background:#ef4444}.tm-route-line{flex:1;height:2px;background:var(--gray-200, #e5e7eb);min-width:20px}.tm-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem;margin-bottom:.75rem;font-size:.82rem}.tm-card-meta>div{display:flex;justify-content:space-between}.tm-meta-label{color:var(--gray-500, #6b7280)}.tm-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.65rem;border-top:1px solid var(--gray-100, #f3f4f6)}.btn-sm{padding:.35rem .75rem!important;font-size:.8rem!important}.btn-danger-outline{border-color:#fecaca!important;color:#dc2626!important}.btn-danger-outline:hover{background:#fee2e2!important}.tm-detail-modal{max-width:600px;width:95%}.tm-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;font-size:.88rem}.tm-stops-list{display:flex;flex-direction:column;gap:.5rem}.tm-stop-item{display:flex;align-items:flex-start;gap:.65rem}.tm-stop-num{width:28px;height:28px;border-radius:50%;background:var(--gray-200, #e5e7eb);color:var(--gray-600, #4b5563);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.tm-stop-num.completed{background:#dcfce7;color:#166534}.tm-stop-body{flex:1;display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:.85rem}.tm-stop-type{font-size:.75rem;font-weight:600;color:var(--primary, #6366f1)}.tm-stop-status{font-size:.72rem;padding:.1rem .45rem;border-radius:4px;background:var(--gray-100, #f3f4f6);color:var(--gray-600, #4b5563)}.tm-stop-eta{font-size:.72rem;color:var(--gray-500, #6b7280)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100, #f3f4f6)}.modal-header h2{margin:0;font-size:1.15rem}.close-btn{width:32px;height:32px;border-radius:8px;border:none;background:var(--gray-100, #f3f4f6);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.close-btn:hover{background:var(--gray-200, #e5e7eb)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--gray-100, #f3f4f6)}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.spinner{width:36px;height:36px;border:3px solid var(--gray-200, #e5e7eb);border-top-color:var(--primary, #6366f1);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.tm-empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.tm-empty-state h3{color:var(--gray-800, #1f2937);margin-bottom:.5rem}.tm-empty-state p{color:var(--gray-500, #6b7280);margin-bottom:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.orders-grid,.tm-modal-grid{grid-template-columns:1fr}.orders-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}}.ti-page{max-width:1400px;margin:0 auto;padding:5.5rem 1.5rem 2rem;min-height:80vh}.ti-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.ti-header-info{display:flex;align-items:center;gap:1rem}.ti-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}.ti-status-badge{padding:.3rem .9rem;border-radius:20px;font-size:.82rem;font-weight:600;border:1.5px solid}.ti-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;align-items:start}@media(max-width:1024px){.ti-layout{grid-template-columns:1fr}}.ti-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ti-card-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.ti-card-header h2{font-size:.95rem;font-weight:600;color:#1e293b;margin:0}.ti-card-badge{font-size:.78rem;color:#64748b;font-weight:500}.ti-map-panel{display:flex;flex-direction:column;gap:1rem}.ti-map{height:420px;width:100%}.ti-map-marker{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;box-shadow:0 2px 6px #00000040;border:2px solid #fff}.ti-map-marker.pickup{background:#6366f1}.ti-map-marker.drop{background:#ef4444}.ti-map-marker.completed{opacity:.5}.ti-map-marker.current{box-shadow:0 0 0 4px #6366f14d,0 2px 6px #00000040}.ti-current-loc{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:ti-pulse 2s ease-in-out infinite}@keyframes ti-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.ti-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media(max-width:768px){.ti-stats-grid{grid-template-columns:repeat(2,1fr)}}.ti-stat-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.ti-stat-icon{font-size:1.4rem}.ti-stat-val{font-size:.9rem;font-weight:700;color:#0f172a}.ti-stat-lbl{font-size:.72rem;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.ti-info-panel{display:flex;flex-direction:column;gap:1rem}.ti-assignment-grid{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem}.ti-assign-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.ti-assign-icon{font-size:1.3rem}.ti-assign-main{font-size:.88rem;font-weight:600;color:#1e293b}.ti-assign-sub{font-size:.78rem;color:#64748b;margin-top:2px}.ti-timeline{padding:1rem 1.2rem;display:flex;flex-direction:column}.ti-stop{position:relative}.ti-connector{width:2px;height:16px;background:#d1d5db;margin-left:15px}.ti-connector.completed{background:#6366f1}.ti-stop-row{display:flex;gap:.75rem;align-items:flex-start}.ti-stop-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0;background:#94a3b8;border:2px solid #fff;box-shadow:0 1px 3px #00000026}.ti-stop-dot.pickup{background:#6366f1}.ti-stop-dot.drop{background:#ef4444}.ti-stop-dot.completed{background:#10b981}.ti-stop-dot.current{box-shadow:0 0 0 3px #6366f14d;background:#6366f1}.ti-stop-body{flex:1;padding-bottom:.25rem}.ti-stop-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ti-stop-location{font-size:.88rem;font-weight:600;color:#1e293b}.ti-stop-type{font-size:.75rem;font-weight:500;color:#64748b}.ti-stop-type.pickup{color:#6366f1}.ti-stop-type.dropoff{color:#ef4444}.ti-stop-meta{display:flex;align-items:center;gap:.75rem;margin-top:4px}.ti-stop-eta{font-size:.78rem;color:#475569}.ti-stop-status{font-size:.72rem;font-weight:600;padding:1px 8px;border-radius:10px}.ti-stop-status.completed{background:#d1fae5;color:#065f46}.ti-stop-status.en-route{background:#dbeafe;color:#1e40af}.ti-stop-status.arrived{background:#fef3c7;color:#92400e}.ti-stop-status.pending{background:#f1f5f9;color:#64748b}.ti-stop-actual{font-size:.75rem;color:#10b981;margin-top:3px}.ti-stop-delay{font-size:.75rem;color:#ef4444;margin-top:3px}.ti-stop-order{font-size:.72rem;color:#94a3b8;margin-top:2px}.ti-orders-list{padding:.5rem .75rem}.ti-order-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-bottom:1px solid #f1f5f9}.ti-order-item:last-child{border-bottom:none}.ti-order-id{font-size:.82rem;font-weight:700;color:#6366f1;font-family:monospace;white-space:nowrap}.ti-order-detail{flex:1;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ti-order-route{font-size:.82rem;color:#334155}.ti-order-type,.ti-order-weight{font-size:.75rem;color:#64748b}.ti-order-status{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:10px;background:#f1f5f9;color:#475569}.driverTrips-container{max-width:1200px;margin:0 auto;padding:80px 2rem 2rem;min-height:calc(100vh - 200px)}.dt-trip-card{background:#fff;border-radius:12px;border:1px solid var(--gray-200, #e5e7eb);padding:1.25rem;cursor:pointer;transition:box-shadow .2s,transform .15s}.dt-trip-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.dt-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem}.dt-trip-id{font-weight:700;font-size:.85rem;color:var(--gray-500, #6b7280)}.dt-card-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.82rem;color:var(--gray-600, #4b5563);margin-top:.5rem}.dt-card-progress{margin-top:.75rem;padding-top:.65rem;border-top:1px solid var(--gray-100, #f3f4f6)}.dt-progress-bar{height:6px;background:var(--gray-200, #e5e7eb);border-radius:3px;overflow:hidden;margin-bottom:.3rem}.dt-progress-fill{height:100%;background:#6366f1;border-radius:3px;transition:width .3s}.dt-progress-text{font-size:.75rem;color:var(--gray-500, #6b7280)}.dt-card-actions{margin-top:.75rem;padding-top:.65rem;border-top:1px solid var(--gray-100, #f3f4f6);display:flex;gap:.5rem;flex-wrap:wrap}.dt-action-btn{flex:1;padding:.45rem .9rem;border-radius:8px;font-size:.82rem;font-weight:600;border:none;cursor:pointer;transition:opacity .2s,transform .1s;white-space:nowrap}.dt-action-btn:active{transform:scale(.97)}.dt-action-btn:disabled{opacity:.6;cursor:not-allowed}.dt-action-btn--start{background:#6366f1;color:#fff}.dt-action-btn--start:hover:not(:disabled){background:#4f46e5}.dt-action-btn--open{background:#059669;color:#fff}.dt-action-btn--open:hover{background:#047857}.join-transporter-page{min-height:100vh;background:var(--gray-50, #f8f9fa)}.join-container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.join-header{margin-bottom:2rem}.join-header h1{font-size:1.75rem;font-weight:700;color:var(--gray-800, #1f2937);margin:0 0 .5rem}.join-header p{color:var(--gray-500, #6b7280);margin:0;font-size:.95rem}.join-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:2px solid var(--gray-200, #e5e7eb)}.join-tab{padding:.75rem 1.5rem;border:none;background:none;font-size:.9rem;font-weight:600;color:var(--gray-500, #6b7280);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.join-tab:hover{color:var(--gray-700, #374151)}.join-tab.active{color:var(--primary, #3b82f6);border-bottom-color:var(--primary, #3b82f6)}.join-tab .tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--primary, #3b82f6);color:#fff;font-size:.7rem;font-weight:700;margin-left:.5rem}.association-banner{background:linear-gradient(135deg,#dcfce7,#d1fae5);border:1px solid #86efac;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.association-banner .assoc-info{display:flex;align-items:center;gap:1rem}.association-banner .assoc-icon{width:44px;height:44px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.association-banner .assoc-text h3{margin:0;font-size:1rem;color:#166534}.association-banner .assoc-text p{margin:.25rem 0 0;font-size:.8rem;color:#15803d}.join-search{margin-bottom:1.5rem}.join-search input{width:100%;max-width:400px;padding:.75rem 1rem;border:1px solid var(--gray-300, #d1d5db);border-radius:10px;font-size:.9rem;outline:none;transition:border-color .2s;box-sizing:border-box}.join-search input:focus{border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.transporter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.transporter-card{background:#fff;border-radius:12px;border:1px solid var(--gray-200, #e5e7eb);padding:1.5rem;transition:box-shadow .2s,transform .2s}.transporter-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.transporter-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.transporter-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#ede9fe);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#3b82f6;flex-shrink:0}.transporter-card-header h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--gray-800, #1f2937)}.transporter-card-header .transporter-location{margin:.25rem 0 0;font-size:.8rem;color:var(--gray-500, #6b7280)}.transporter-card-details{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.detail-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--gray-50, #f8f9fa);border-radius:20px;font-size:.78rem;color:var(--gray-600, #4b5563)}.transporter-card-actions{display:flex;gap:.75rem}.transporter-card-actions .btn-apply{flex:1;padding:.625rem 1rem;background:var(--primary, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.transporter-card-actions .btn-apply:hover{background:#2563eb}.transporter-card-actions .btn-apply:disabled{opacity:.5;cursor:not-allowed}.transporter-card-actions .btn-applied{background:var(--gray-200, #e5e7eb);color:var(--gray-600, #4b5563)}.transporter-card-actions .btn-applied:hover{background:var(--gray-200, #e5e7eb)}.applications-list{display:flex;flex-direction:column;gap:1rem}.application-card{background:#fff;border-radius:12px;border:1px solid var(--gray-200, #e5e7eb);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.application-info{display:flex;align-items:center;gap:1rem}.application-info .app-details h4{margin:0;font-size:.95rem;font-weight:600;color:var(--gray-800, #1f2937)}.application-info .app-details p{margin:.25rem 0 0;font-size:.8rem;color:var(--gray-500, #6b7280)}.application-status{display:flex;align-items:center;gap:.75rem}.status-pill{padding:.35rem .875rem;border-radius:20px;font-size:.78rem;font-weight:600}.status-pill.pending{background:#fef3c7;color:#92400e}.status-pill.accepted{background:#dcfce7;color:#166534}.status-pill.rejected{background:#fee2e2;color:#991b1b}.btn-withdraw{padding:.5rem 1rem;background:#fff;border:1px solid #ef4444;color:#ef4444;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-withdraw:hover{background:#fef2f2}.apply-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.apply-modal{background:#fff;border-radius:16px;padding:2rem;width:90%;max-width:480px;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease}.apply-modal h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.apply-modal .apply-subtitle{color:var(--gray-500, #6b7280);margin:0 0 1.5rem;font-size:.85rem}.apply-modal .form-group{margin-bottom:1rem}.apply-modal .form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--gray-700, #374151);margin-bottom:.5rem}.apply-modal .form-group textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--gray-300, #d1d5db);border-radius:8px;font-size:.875rem;outline:none;resize:vertical;box-sizing:border-box}.apply-modal .form-group textarea:focus{border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.apply-modal .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.apply-modal .modal-actions button{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer}.apply-modal .btn-cancel{background:#fff;border:1px solid var(--gray-300, #d1d5db);color:var(--gray-700, #374151)}.apply-modal .btn-submit{background:var(--primary, #3b82f6);border:none;color:#fff}.apply-modal .btn-submit:disabled{opacity:.5;cursor:not-allowed}.join-empty{text-align:center;padding:3rem 1rem;color:var(--gray-500, #6b7280)}.join-empty svg{margin-bottom:1rem}.join-empty h3{margin:0 0 .5rem;color:var(--gray-700, #374151)}.join-empty p{margin:0;font-size:.9rem}.join-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem}@media(max-width:768px){.transporter-grid{grid-template-columns:1fr}.application-card{flex-direction:column;align-items:flex-start}}.active-trip-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.at-shell{height:100vh;background:var(--gray-50, #f8f9fa);padding-top:80px;padding-bottom:2rem;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.at-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:9999;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.9rem;box-shadow:0 4px 16px #00000026;animation:atSlideDown .3s ease}.at-toast--error{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.at-toast--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}@keyframes atSlideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.at-header-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid var(--gray-200, #e5e7eb);flex-wrap:wrap;gap:.75rem}.at-header-left{display:flex;align-items:center;gap:1rem}.at-title{font-size:1.25rem;font-weight:700;color:var(--gray-800, #1f2937);margin:0}.at-status-badge{font-size:.75rem;font-weight:600;padding:.2rem .65rem;border-radius:20px;border:1px solid;margin-left:.5rem}.at-header-right{display:flex;align-items:center;gap:.5rem}.at-layout{display:grid;grid-template-columns:1fr 380px;flex:1;min-height:0;overflow:hidden}.at-map-section{position:relative;min-height:400px}.at-google-map{width:100%;height:100%;z-index:1}.at-map-loading,.at-map-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gray-50, #f8f9fa);z-index:1}.at-map-info{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;gap:1rem;background:#fff;padding:.75rem 1rem;border-radius:12px;box-shadow:0 4px 16px #0000001f;z-index:400;flex-wrap:wrap;max-width:calc(100% - 2rem);overflow:hidden}.at-info-item{display:flex;flex-direction:column;font-size:.85rem;font-weight:600;color:var(--gray-800, #1f2937);flex:1 1 140px;min-width:0}.at-info-item>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-info-label{font-size:.7rem;font-weight:500;color:var(--gray-500, #6b7280);text-transform:uppercase;letter-spacing:.3px}.at-map-marker{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;box-shadow:0 2px 6px #0000004d;transition:transform .2s}.at-map-marker.pickup{background:#22c55e}.at-map-marker.drop{background:#ef4444}.at-map-marker.done{opacity:.5}.at-map-marker.current{transform:scale(1.3);box-shadow:0 0 0 4px #6366f14d;background:#6366f1}.at-live-dot{width:16px;height:16px;background:#3b82f6;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #3b82f666;position:relative}.at-live-pulse{position:absolute;inset:-6px;border-radius:50%;background:#3b82f640;animation:atPulse 2s ease-in-out infinite}@keyframes atPulse{0%,to{transform:scale(.8);opacity:1}50%{transform:scale(1.5);opacity:0}}.at-driver-marker{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.at-driver-icon{font-size:1.55rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}.at-driver-pulse{position:absolute;inset:0;border-radius:50%;background:#6366f133;animation:atDriverPulse 2.2s ease-in-out infinite}@keyframes atDriverPulse{0%,to{transform:scale(.7);opacity:1}50%{transform:scale(1.6);opacity:0}}.at-stops-panel{background:#fff;border-left:1px solid var(--gray-200, #e5e7eb);display:flex;flex-direction:column;overflow:hidden}.at-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid var(--gray-100, #f3f4f6)}.at-panel-header h2{margin:0;font-size:1rem;font-weight:700;color:var(--gray-800, #1f2937)}.at-panel-badge{font-size:.78rem;background:var(--gray-100, #f3f4f6);padding:.2rem .6rem;border-radius:20px;color:var(--gray-600, #4b5563);font-weight:600}.at-stops-list{flex:1;overflow-y:auto;padding:.75rem 1rem}.at-stop-card{display:flex;gap:.75rem;padding:.75rem 0;transition:background .15s}.at-stop-card.current{background:#eef2ff;margin:0 -1rem;padding:.85rem 1rem;border-radius:10px}.at-stop-card.done{opacity:.6}.at-stop-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.at-stop-dot{width:28px;height:28px;border-radius:50%;background:var(--gray-200, #e5e7eb);color:var(--gray-600, #4b5563);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0}.at-stop-dot.done{background:#dcfce7;color:#166534}.at-stop-dot.active{background:#6366f1;color:#fff;box-shadow:0 0 0 4px #6366f133}.at-stop-line{width:2px;flex:1;min-height:20px;background:var(--gray-200, #e5e7eb);margin:4px 0}.at-stop-content{flex:1;min-width:0}.at-stop-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.15rem}.at-stop-type-pill{font-size:.72rem;font-weight:600;padding:.1rem .45rem;border-radius:4px}.at-stop-type-pill.pickup{background:#dcfce7;color:#166534}.at-stop-type-pill.drop{background:#fee2e2;color:#991b1b}.at-stop-type-pill.waypoint{background:#dbeafe;color:#1d4ed8}.at-stop-eta{font-size:.75rem;color:var(--gray-500, #6b7280);font-weight:600}.at-stop-address{font-size:.85rem;color:var(--gray-800, #1f2937);margin:.2rem 0;line-height:1.3}.at-stop-ref{font-size:.72rem;color:var(--gray-400, #9ca3af)}.at-stop-action{margin-top:.5rem}.at-stop-status-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;margin-top:.35rem}.at-stop-status-badge.arrived{background:#fef3c7;color:#92400e}.at-stop-status-badge.completed{background:#dcfce7;color:#166534}.at-trip-done-banner{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--gray-50, #f8f9fa);border-top:1px solid var(--gray-200, #e5e7eb);font-weight:600;font-size:.9rem}.at-done-time{font-size:.82rem;color:var(--gray-500, #6b7280)}.at-otp-modal{max-width:400px;width:90%}.at-otp-input{width:100%;padding:.85rem 1rem;border:2px solid var(--gray-200, #e5e7eb);border-radius:10px;font-size:1.5rem;text-align:center;letter-spacing:.5em;outline:none;box-sizing:border-box}.at-otp-input:focus{border-color:#6366f1}.at-delay-modal{max-width:450px;width:90%}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--gray-700, #374151);margin-bottom:.4rem}.form-input{width:100%;padding:.6rem .85rem;border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;font-size:.88rem;outline:none;box-sizing:border-box;font-family:inherit}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}@media(max-width:768px){.at-layout{grid-template-columns:1fr;grid-template-rows:350px 1fr;flex:1;min-height:0}.at-stops-panel{border-left:none;border-top:1px solid var(--gray-200, #e5e7eb);min-height:0}.at-map-info{flex-direction:column;gap:.35rem;padding:.5rem .75rem;font-size:.8rem}.at-header-bar{flex-direction:column;align-items:flex-start}}.modal-overlay{display:flex!important;align-items:center;justify-content:center;position:fixed!important;inset:0!important;background:#0f172a99!important;z-index:12000!important;padding:1rem!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{display:block!important;position:relative!important;z-index:12010!important;background:#fff!important;border-radius:12px!important;box-shadow:0 20px 50px #02061759!important;max-height:90vh!important;overflow:auto!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.modal-overlay.hidden{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.qb-wrapper{padding-top:90px;padding-bottom:60px;min-height:100vh;background:#f4f6f8}.qb-container{width:clamp(70%,960px,95%);max-width:960px;margin:0 auto}.qb-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.qb-back-btn{display:flex;align-items:center;gap:.4rem;background:#fff;border:1px solid #ddd;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;color:#555;transition:all .2s}.qb-back-btn:hover{background:#f0f0f0;transform:translate(-2px)}.qb-title{font-size:1.75rem;color:#222;margin:0}.qb-subtitle{font-size:.9rem;color:#888;margin:.25rem 0 0}.qb-order-summary{background:#fff;border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f;border-left:4px solid #f5a623}.qb-order-summary h3{margin:0 0 1rem;font-size:1rem;color:#333;text-transform:uppercase;letter-spacing:.5px}.qb-order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem 2rem}.qb-order-grid>div{display:flex;flex-direction:column;gap:.15rem}.qb-label{font-size:.78rem;color:#999;text-transform:uppercase;letter-spacing:.3px}.qb-max-price{font-weight:700;color:#e74c3c;font-size:1.05rem}.qb-flag{display:inline-block;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:9999px;padding:1px 8px;font-size:.78rem;font-weight:600}.qb-hint-ref{color:#6b7280;font-style:italic}.qb-form{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.qb-table{width:100%;border-collapse:collapse}.qb-table thead tr{background:linear-gradient(135deg,#f5a623,#e89b0e)}.qb-table th{padding:.9rem 1rem;text-align:left;color:#fff;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.qb-col-sno{width:60px;text-align:center!important}.qb-col-charges{width:260px}.qb-table td{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;vertical-align:middle;font-size:.93rem;color:#444}.qb-table td:first-child{text-align:center;color:#888;font-weight:600}.qb-table tbody tr:hover{background:#fffdf5}.qb-item-label{font-weight:600;color:#333;margin-bottom:.15rem}.qb-item-hint{font-size:.78rem;color:#aaa}.qb-required{color:#e74c3c;font-weight:700}.qb-input{width:100%;padding:.55rem .75rem;border:1.5px solid #e0e0e0;border-radius:6px;font-size:.9rem;transition:border-color .2s;box-sizing:border-box}.qb-input:focus{outline:none;border-color:#f5a623;box-shadow:0 0 0 2px #f5a62326}.qb-input--small{max-width:120px}.qb-input--label{border-style:dashed;font-style:italic}.qb-select{padding:.55rem .75rem;border:1.5px solid #e0e0e0;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;min-width:80px}.qb-select:focus{outline:none;border-color:#f5a623}.qb-input-group{display:flex;align-items:center;gap:.75rem}.qb-toggle{display:flex;align-items:center;gap:.35rem;cursor:pointer;white-space:nowrap;font-size:.82rem;color:#777;-webkit-user-select:none;user-select:none}.qb-toggle input[type=checkbox]{accent-color:#f5a623;width:16px;height:16px;cursor:pointer}.qb-toggle-text{font-size:.82rem}.qb-included-badge{background:#e8f5e9;color:#2e7d32;padding:.4rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;flex:1;text-align:center}.qb-risk-inputs{display:flex;flex-direction:column;gap:.5rem}.qb-risk-row{display:flex;align-items:center;gap:.5rem}.qb-risk-row label{font-size:.82rem;color:#777;min-width:110px}.qb-risk-result{font-weight:700;color:#e67e22;font-size:.95rem;padding-top:.25rem}.qb-gst-inputs{display:flex;align-items:center;gap:1rem}.qb-gst-computed{font-weight:600;color:#555}.qb-row-custom td{background:#fefef5}.qb-btn-remove{background:#ffebee;color:#c62828;border:none;width:32px;height:32px;border-radius:6px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.qb-btn-remove:hover{background:#ffcdd2}.qb-row-add td{border-bottom:none}.qb-btn-add{background:none;border:1.5px dashed #ccc;color:#888;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.qb-btn-add:hover{border-color:#f5a623;color:#f5a623}.qb-row-subtotal td{background:#f9f9f9;border-top:2px solid #e0e0e0;font-size:.95rem}.qb-row-gst-total td{background:#f9f9f9;color:#555}.qb-row-total td{background:linear-gradient(135deg,#fff8e1,#fff3c4);border-top:2px solid #f5a623;font-size:1.1rem}.qb-grand-total{font-size:1.2rem;color:#2e7d32}.qb-grand-total--over{color:#c62828}.qb-warning{background:#fff3cd;color:#856404;border:1px solid #ffc107;border-radius:0 0 8px 8px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500}.qb-notes-section{padding:1.25rem 1.5rem;border-top:1px solid #f0f0f0}.qb-notes-label{display:block;font-weight:600;color:#333;margin-bottom:.5rem;font-size:.9rem}.qb-textarea{width:100%;padding:.65rem .85rem;border:1.5px solid #e0e0e0;border-radius:6px;font-size:.9rem;resize:vertical;font-family:inherit;box-sizing:border-box}.qb-textarea:focus{outline:none;border-color:#f5a623;box-shadow:0 0 0 2px #f5a62326}.qb-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;border-top:1px solid #f0f0f0}.qb-btn{padding:.7rem 1.75rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.qb-btn--primary{background:linear-gradient(135deg,#f5a623,#e68a00);color:#fff}.qb-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f5a62359}.qb-btn--primary:disabled{opacity:.6;cursor:not-allowed}.qb-btn--secondary{background:#f5f5f5;color:#555}.qb-btn--secondary:hover{background:#e8e8e8}.qb-empty{text-align:center;padding:4rem 2rem;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f}.qb-empty h2{color:#333;margin-bottom:.5rem}.qb-empty p{color:#888;margin-bottom:1.5rem}@media(max-width:768px){.qb-container{width:95%}.qb-order-grid{grid-template-columns:1fr 1fr}.qb-col-charges{width:180px}.qb-input-group{flex-direction:column;align-items:flex-start;gap:.4rem}.qb-risk-row{flex-direction:column;align-items:flex-start;gap:.25rem}.qb-gst-inputs{flex-direction:column;align-items:flex-start;gap:.5rem}.qb-actions{flex-direction:column}.qb-btn{width:100%;text-align:center}}@media(max-width:480px){.qb-table th,.qb-table td{padding:.5rem}.qb-col-sno{width:40px}.qb-col-charges{width:140px}.qb-order-grid{grid-template-columns:1fr}}.page-header{background-color:var(--primary-light);padding:60px 0;text-align:center;margin-bottom:50px}.page-header h1{font-size:2.5rem;color:var(--primary-dark);margin-bottom:10px}.subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.section-title{font-size:2rem;color:var(--text-primary);margin-bottom:30px;text-align:center}.container{max-width:1200px;margin:0 auto;padding:0 20px}section{margin-bottom:60px}.about-grid{display:grid;grid-template-columns:3fr 2fr;gap:40px;align-items:center}.about-content h2{font-size:1.75rem;color:var(--primary);margin-bottom:15px;margin-top:30px}.about-content p{margin-bottom:15px;line-height:1.6}.about-image img{width:100%;border-radius:10px;box-shadow:0 5px 15px #0000001a}.values-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:30px;margin-top:30px}.value-card{background-color:#fff;border-radius:10px;padding:30px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.value-card .icon{color:var(--primary);margin-bottom:15px}.value-card h3{font-size:1.3rem;margin-bottom:10px;color:var(--text-primary)}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));align-items:center;justify-content:center;gap:30px;margin-top:30px}.team-grid2{display:grid;grid-template-columns:repeat(2,minmax(350px,.5fr));align-items:center;justify-content:center;margin-left:100px;margin-right:100px;gap:30px;margin-top:30px}.team-member{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.team-member:hover{transform:translateY(-5px)}.member-photo{width:100%;height:250px;object-fit:cover}.member-photo:hover{transform:scale(1.1);transition:transform .7s ease}.team-member h3{font-size:1.2rem;margin:15px 20px 5px;color:var(--text-primary)}.member-title{color:var(--primary);font-weight:500;margin:0 20px 10px}.team-member p{padding:0 20px 20px;line-height:1.6}.services-overview{margin-bottom:50px}.lead-text{font-size:1.2rem;line-height:1.8;text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary)}.services-grid{display:grid;margin-top:10px}.service-card{background-color:#fff;border-radius:10px;padding:30px;margin-top:30px;margin-bottom:20px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.service-card:hover{transform:translateY(-5px)}.service-icon{color:var(--primary);margin-bottom:20px}.service-card h2{font-size:1.5rem;margin-bottom:15px;color:var(--text-primary)}.service-features{margin-top:15px;padding-left:20px}.service-features li{margin-bottom:8px;line-height:1.5}.industries-section{background-color:var(--light);padding:40px 0}.industries-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:20px;margin-top:30px}.industry-card{background-color:#fff;border-radius:10px;padding:25px;box-shadow:0 5px 15px #0000000d}.industry-card h3{font-size:1.2rem;margin-bottom:10px;color:var(--primary)}.legal-content{max-width:900px;margin:0 auto;line-height:1.7}.legal-content h2{font-size:1.5rem;color:var(--primary);margin:40px 0 15px}.legal-content h3{font-size:1.2rem;color:var(--text-primary);margin:25px 0 10px}.legal-content p,.legal-content ul{margin-bottom:15px}.legal-content ul{padding-left:25px}.legal-content ul li{margin-bottom:8px}.legal-content a{color:var(--primary);text-decoration:none}.legal-content a:hover{text-decoration:underline}.intro-text{font-size:1.1rem;line-height:1.8}.contact-grid{display:grid;grid-template-columns:1fr;gap:40px}.contact-methods{margin-top:30px}.contact-method{display:flex;margin-bottom:30px}.contact-method .icon{flex:0 0 50px;color:var(--primary)}.contact-details{flex:1}.contact-details h3{font-size:1.2rem;margin-bottom:10px;color:var(--primary)}.contact-details p{margin-bottom:5px;line-height:1.6}.contact-details a{color:var(--primary);text-decoration:none}.contact-details a:hover{text-decoration:underline}.map-section{margin-top:60px}.map-container{border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a}.cta-section{background-color:var(--light);padding:60px 0;text-align:center;border-radius:10px;margin-top:60px}.cta-section h2{font-size:2rem;color:var(--primary-dark);margin-bottom:15px}.cta-section p{margin-bottom:25px;max-width:600px;margin-left:auto;margin-right:auto}@media(max-width:992px){.about-grid{grid-template-columns:1fr;gap:30px}.contact-grid{grid-template-columns:1fr}.team-grid2{grid-template-columns:1fr;margin-left:0;margin-right:0}.industries-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-header{padding:40px 0}.page-header h1{font-size:2rem}.team-grid,.values-grid,.industries-grid{grid-template-columns:1fr}}.admin-container{max-width:1200px;margin:0 auto;padding:100px 20px 20px;min-height:100vh;background:#f5f6fa}.adm-page-header{margin-bottom:28px}.adm-page-title{font-size:1.65rem;font-weight:800;color:#0f172a;margin:0 0 4px;letter-spacing:-.3px}.adm-page-subtitle{color:#64748b;font-size:.92rem;margin:0}.adm-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.adm-stat-card{background:#fff;border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:6px;border-left:4px solid #e2e8f0;box-shadow:0 1px 3px #0000000f;transition:transform .15s,box-shadow .15s}.adm-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.adm-stat-card.blue{border-left-color:#6366f1}.adm-stat-card.green{border-left-color:#10b981}.adm-stat-card.purple{border-left-color:#8b5cf6}.adm-stat-card.cyan{border-left-color:#06b6d4}.adm-stat-card.orange{border-left-color:#f59e0b}.adm-stat-card.pink{border-left-color:#ec4899}.adm-stat-card.red{border-left-color:#ef4444}.adm-stat-card.gray{border-left-color:#94a3b8}.adm-stat-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.6px;color:#64748b;font-weight:700}.adm-stat-value{font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1}.adm-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000f;margin-bottom:20px}.adm-card-title{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 16px}.adm-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px}.adm-chart-card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 1px 3px #0000000f}.adm-chart-card h3{font-size:.92rem;font-weight:700;color:#334155;margin:0 0 14px}.adm-chart-wrap{height:260px;position:relative}.adm-filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.adm-search-input{flex:1;min-width:220px;padding:10px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem;background:#fff;transition:border-color .2s;outline:none}.adm-search-input:focus{border-color:#6366f1}.adm-select{padding:10px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem;background:#fff;cursor:pointer;outline:none;transition:border-color .2s}.adm-select:focus{border-color:#6366f1}.adm-btn{padding:10px 18px;border-radius:10px;font-size:.88rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.adm-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.adm-btn-primary:hover{box-shadow:0 4px 12px #6366f159;transform:translateY(-1px)}.adm-btn-outline{background:#fff;border:2px solid #e2e8f0;color:#475569}.adm-btn-outline:hover{border-color:#6366f1;color:#6366f1}.adm-btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.adm-btn-danger:hover{background:#dc2626;color:#fff}.adm-btn-sm{padding:6px 14px;font-size:.82rem}.adm-tabs{display:flex;gap:4px;margin-bottom:20px;background:#fff;padding:6px;border-radius:12px;box-shadow:0 1px 3px #0000000f;width:fit-content}.adm-tab{padding:10px 24px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;background:transparent;color:#64748b;cursor:pointer;transition:all .2s}.adm-tab:hover{background:#f1f5f9;color:#334155}.adm-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.adm-table-wrap{overflow-x:auto;border-radius:12px}.adm-table{width:100%;border-collapse:collapse;font-size:.88rem}.adm-table thead th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:700;color:#475569;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.adm-table tbody td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.adm-table tbody tr{transition:background .15s}.adm-table tbody tr:hover{background:#f8fafc}.adm-table tbody tr:last-child td{border-bottom:none}.adm-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.78rem;font-weight:600;white-space:nowrap}.adm-badge.blue{background:#eef2ff;color:#4f46e5}.adm-badge.green{background:#ecfdf5;color:#059669}.adm-badge.orange{background:#fffbeb;color:#d97706}.adm-badge.red{background:#fef2f2;color:#dc2626}.adm-badge.purple{background:#f5f3ff;color:#7c3aed}.adm-badge.cyan{background:#ecfeff;color:#0891b2}.adm-badge.gray{background:#f1f5f9;color:#64748b}.adm-badge.pink{background:#fdf2f8;color:#db2777}.adm-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-bottom:16px}.adm-detail-field{display:flex;flex-direction:column;gap:3px}.adm-detail-label{font-size:.73rem;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-weight:700}.adm-detail-value{font-size:.92rem;color:#1e293b;font-weight:500}.adm-modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.adm-modal{background:#fff;border-radius:16px;width:100%;max-width:720px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden}.adm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.adm-modal-header h3{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0}.adm-modal-close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.adm-modal-close:hover{background:#f1f5f9;color:#334155}.adm-modal-body{padding:24px;overflow-y:auto;flex:1}.adm-empty{text-align:center;padding:40px 20px;color:#94a3b8;font-size:.92rem}.adm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b;gap:12px}.adm-loading p{margin:0;font-size:.9rem}.adm-spinner{width:38px;height:38px;border:4px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:adm-spin .8s linear infinite}@keyframes adm-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.adm-charts-grid{grid-template-columns:1fr}}@media(max-width:900px){.adm-detail-grid{grid-template-columns:1fr}.adm-modal{max-width:95%}}@media(max-width:600px){.admin-container{padding:80px 12px 16px}.adm-stats-row{grid-template-columns:1fr 1fr}.adm-filter-bar{flex-direction:column}.adm-search-input{min-width:unset;width:100%}}.manager-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f6fa;padding-top:80px}.manager-login-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2.5rem;width:100%;max-width:420px}.manager-login-header{text-align:center;margin-bottom:2rem}.manager-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#eef2ff;color:#4f46e5;margin-bottom:1rem}.manager-login-header h1{font-size:1.5rem;color:#2c3e50;margin:0 0 .5rem}.manager-login-header p{color:#6b7280;font-size:.9rem;margin:0}.manager-login-form .form-group{margin-bottom:1.25rem}.manager-login-form label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.375rem}.manager-login-form input{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s;box-sizing:border-box}.manager-login-form input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:2.5rem}.toggle-password-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.1rem;padding:4px}.manager-login-btn{width:100%;padding:.75rem;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.5rem}.manager-login-btn:hover:not(:disabled){background:#4338ca}.manager-login-btn:disabled{opacity:.6;cursor:not-allowed}.manager-dashboard-container{max-width:1200px;margin:0 auto;padding:100px 20px 20px;background-color:var(--background-color, #f5f6fa);min-height:100vh}.mgr-welcome-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;border-radius:14px;padding:20px 28px;margin-bottom:24px;box-shadow:0 4px 14px #2563eb40}.mgr-welcome-info h2{margin:0 0 4px;font-size:1.4rem}.mgr-welcome-email{font-size:.85rem;opacity:.8}.mgr-welcome-cats{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mgr-welcome-cat-chip{background:#fff3;padding:3px 12px;border-radius:12px;font-size:.75rem;text-transform:capitalize}.mgr-welcome-stats{display:flex;flex-direction:column;gap:6px;text-align:right;font-size:.95rem}.manager-dashboard-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.manager-dashboard-header h1{font-size:1.75rem;color:var(--primary-color, #2c3e50);margin:0}.manager-dashboard-header .subtitle{color:#6b7280;font-size:.95rem;margin:0;flex:1}.manager-dashboard-container .refresh-btn{padding:8px 20px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.manager-dashboard-container .refresh-btn:hover:not(:disabled){background:#4338ca}.manager-dashboard-container .refresh-btn:disabled{opacity:.6;cursor:not-allowed}.manager-dashboard-container .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.manager-dashboard-container .stat-box{background:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 2px 4px #00000014;display:flex;flex-direction:column;align-items:center}.manager-dashboard-container .stat-number{font-size:1.75rem;font-weight:700;color:var(--secondary-color, #3498db)}.manager-dashboard-container .stat-label{font-size:.8rem;color:#6b7280;margin-top:4px;text-align:center}.manager-dashboard-container .loading-state{text-align:center;padding:3rem;color:#6b7280;font-size:1rem}.manager-dashboard-container .empty-state{text-align:center;padding:3rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014}.manager-dashboard-container .empty-icon{font-size:3rem;color:#10b981;margin-bottom:12px}.manager-dashboard-container .empty-state h3{margin:0 0 8px;color:#2c3e50}.manager-dashboard-container .empty-state p{margin:0;color:#6b7280}.manager-dashboard-container .table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;overflow-x:auto}.manager-dashboard-container .verification-table{width:100%;border-collapse:collapse}.manager-dashboard-container .verification-table th{background:#f9fafb;padding:12px 16px;text-align:left;font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.manager-dashboard-container .verification-table td{padding:14px 16px;border-bottom:1px solid #f3f4f6;font-size:.9rem;color:#374151;vertical-align:middle}.manager-dashboard-container .verification-table tbody tr:hover{background:#f9fafb}.manager-dashboard-container .user-info{display:flex;flex-direction:column}.manager-dashboard-container .user-name{font-weight:600;color:#2c3e50}.manager-dashboard-container .user-email{font-size:.8rem;color:#9ca3af}.manager-dashboard-container .status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.manager-dashboard-container .reject-note .entity-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.manager-dashboard-container .reject-note .mgr-welcome-cat-chip.verification-cat{background:#ffffff59;border:1px solid rgba(255,255,255,.5)}.manager-dashboard-container .reject-note .filter-tabs{display:flex;gap:8px;margin-bottom:20px}.manager-dashboard-container .reject-note .filter-tab{padding:8px 18px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.85rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.manager-dashboard-container .reject-note .filter-tab:hover{background:#f3f4f6;color:#374151}.manager-dashboard-container .reject-note .filter-tab.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.manager-dashboard-container .reject-note .reject-note{font-size:.75rem;color:#991b1b;margin-top:4px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-dashboard-container .reject-note .manager-dashboard-container .preview-link{color:#4f46e5;text-decoration:none;font-weight:500;font-size:.85rem}.manager-dashboard-container .reject-note .manager-dashboard-container .preview-link:hover{text-decoration:underline}.manager-dashboard-container .reject-note .manager-dashboard-container .actions-cell{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.manager-dashboard-container .reject-note .manager-dashboard-container .action-btn{padding:6px 14px;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.manager-dashboard-container .reject-note .manager-dashboard-container .approve-btn{background:#d1fae5;color:#065f46}.manager-dashboard-container .reject-note .manager-dashboard-container .approve-btn:hover:not(:disabled){background:#a7f3d0}.manager-dashboard-container .reject-note .manager-dashboard-container .reject-btn{background:#fee2e2;color:#991b1b}.manager-dashboard-container .reject-note .manager-dashboard-container .reject-btn:hover:not(:disabled){background:#fecaca}.manager-dashboard-container .reject-note .manager-dashboard-container .action-btn:disabled{opacity:.5;cursor:not-allowed}.manager-dashboard-container .reject-note .manager-dashboard-container .approved-text{color:#065f46;font-weight:600;font-size:.85rem}.manager-dashboard-container .reject-note .manager-dashboard-container .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.manager-dashboard-container .reject-note .manager-dashboard-container .modal-content{background:#fff;border-radius:12px;padding:2rem;width:90%;max-width:480px;box-shadow:0 20px 60px #0003}.manager-dashboard-container .reject-note .manager-dashboard-container .modal-content h3{margin:0 0 8px;color:#2c3e50;font-size:1.2rem}.manager-dashboard-container .reject-note .manager-dashboard-container .modal-content p{color:#6b7280;margin:0 0 16px;font-size:.9rem}.manager-dashboard-container .reject-note .manager-dashboard-container .modal-content label{display:block;font-size:.85rem;font-weight:600;color:#374151;margin-bottom:6px}.manager-dashboard-container .reject-note .manager-dashboard-container .modal-content textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;resize:vertical;outline:none;box-sizing:border-box;font-family:inherit}.manager-dashboard-container .reject-note .manager-dashboard-container .modal-content textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.manager-dashboard-container .reject-note .manager-dashboard-container .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.manager-dashboard-container .reject-note .manager-dashboard-container .modal-btn{padding:8px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.manager-dashboard-container .reject-note .manager-dashboard-container .cancel-btn{background:#f3f4f6;color:#374151}.manager-dashboard-container .reject-note .manager-dashboard-container .cancel-btn:hover{background:#e5e7eb}.manager-dashboard-container .reject-note .manager-dashboard-container .confirm-reject-btn{background:#ef4444;color:#fff}.manager-dashboard-container .reject-note .manager-dashboard-container .confirm-reject-btn:hover:not(:disabled){background:#dc2626}.manager-dashboard-container .reject-note .manager-dashboard-container .confirm-reject-btn:disabled{opacity:.5;cursor:not-allowed}.manager-dashboard-container .reject-note .manager-dashboard-container .file-preview{margin-top:8px}.manager-dashboard-container .reject-note .manager-dashboard-container .file-preview-img{width:100px;height:80px;object-fit:cover;border-radius:4px;border:1px solid #e5e7eb}.manager-dashboard-container .reject-note .manager-dashboard-container .file-preview-name{font-size:.85rem;color:#4f46e5}.manager-dashboard-container .reject-note .manager-dashboard-container .rc-upload-group{margin-top:.25rem}.manager-dashboard-container .reject-note .manager-dashboard-container .rc-preview{margin-top:8px}.manager-dashboard-container .reject-note .manager-dashboard-container .rc-preview-img{width:100px;height:80px;object-fit:cover;border-radius:4px;border:1px solid #e5e7eb}.manager-dashboard-container .reject-note .manager-dashboard-container .rc-file-name{font-size:.85rem;color:#4f46e5}.manager-dashboard-container .reject-note .manager-dashboard-container .ref-data-list{display:flex;flex-direction:column;gap:5px}.manager-dashboard-container .reject-note .manager-dashboard-container .ref-chip{display:inline-flex;align-items:center;gap:5px;background:#f0f4ff;border:1px solid #c7d2fe;border-radius:6px;padding:3px 8px;font-size:.78rem;white-space:nowrap}.manager-dashboard-container .reject-note .manager-dashboard-container .ref-chip-label{color:#6b7280;font-weight:500}.manager-dashboard-container .reject-note .manager-dashboard-container .ref-chip-value{color:#1e1b4b;font-weight:700;font-family:Courier New,monospace;letter-spacing:.3px}@media(max-width:768px){.manager-dashboard-container .reject-note .manager-dashboard-container .stats-row{grid-template-columns:repeat(2,1fr)}.manager-dashboard-container .reject-note .manager-dashboard-header{flex-direction:column;align-items:flex-start}.manager-dashboard-container .reject-note .manager-dashboard-container .verification-table th,.manager-dashboard-container .reject-note .manager-dashboard-container .verification-table td{padding:10px 8px;font-size:.8rem}.manager-dashboard-container .reject-note .manager-dashboard-container .actions-cell{flex-direction:column}}.manager-dashboard-container .reject-note .mgr-support-container{max-width:1400px;margin:0 auto;padding:100px 20px 20px;min-height:100vh}.manager-dashboard-container .reject-note .mgr-profile-banner{display:flex;align-items:center;background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;border-radius:14px;padding:16px 24px;margin-bottom:20px;box-shadow:0 4px 14px #2563eb40}.manager-dashboard-container .reject-note .mgr-profile-info{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.manager-dashboard-container .reject-note .mgr-profile-name{font-size:1.15rem;font-weight:700}.manager-dashboard-container .reject-note .mgr-profile-email{font-size:.85rem;opacity:.85}.manager-dashboard-container .reject-note .mgr-profile-categories{display:flex;flex-wrap:wrap;gap:6px;margin-left:8px}.manager-dashboard-container .reject-note .mgr-cat-chip{background:#fff3;padding:2px 10px;border-radius:12px;font-size:.75rem;text-transform:capitalize}.manager-dashboard-container .reject-note .mgr-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.manager-dashboard-container .reject-note .mgr-stat-card{display:flex;flex-direction:column;align-items:center;padding:16px 12px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000f}.manager-dashboard-container .reject-note .stat-number{font-size:1.75rem;font-weight:700}.manager-dashboard-container .reject-note .stat-label{font-size:.8rem;color:#6b7280;margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.manager-dashboard-container .reject-note .stat-total .stat-number{color:#1e1b4b}.manager-dashboard-container .reject-note .stat-open .stat-number{color:#92400e}.manager-dashboard-container .reject-note .stat-inprogress .stat-number{color:#1e40af}.manager-dashboard-container .reject-note .stat-closed .stat-number{color:#6b7280}.manager-dashboard-container .reject-note .stat-total{border-top:3px solid #4f46e5}.manager-dashboard-container .reject-note .stat-open{border-top:3px solid #f59e0b}.manager-dashboard-container .reject-note .stat-inprogress{border-top:3px solid #3b82f6}.manager-dashboard-container .reject-note .stat-closed{border-top:3px solid #9ca3af}.manager-dashboard-container .reject-note .mgr-support-layout{display:grid;grid-template-columns:380px 1fr;gap:20px;min-height:65vh}.manager-dashboard-container .reject-note .mgr-ticket-list-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden}.manager-dashboard-container .reject-note .mgr-panel-title{margin:0;padding:16px 18px;font-size:1.1rem;color:#1e1b4b;border-bottom:1px solid #e5e7eb}.manager-dashboard-container .reject-note .mgr-filters{display:flex;gap:8px;padding:12px 18px;border-bottom:1px solid #f3f4f6}.manager-dashboard-container .reject-note .mgr-filters select{flex:1;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:.78rem;outline:none;text-transform:capitalize;cursor:pointer}.manager-dashboard-container .reject-note .mgr-filters select:focus{border-color:#4f46e5}.manager-dashboard-container .reject-note .mgr-ticket-list{flex:1;overflow-y:auto;max-height:calc(65vh - 120px)}.manager-dashboard-container .reject-note .mgr-ticket-item{padding:14px 18px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s}.manager-dashboard-container .reject-note .mgr-ticket-item:hover{background:#f9fafb}.manager-dashboard-container .reject-note .mgr-ticket-item.active{background:#eef2ff;border-left:3px solid #4f46e5}.manager-dashboard-container .reject-note .mgr-ticket-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.manager-dashboard-container .reject-note .mgr-ticket-id{font-family:monospace;font-size:.75rem;color:#6b7280;font-weight:600}.manager-dashboard-container .reject-note .mgr-ticket-item-badges{display:flex;gap:4px}.manager-dashboard-container .reject-note .mgr-badge{padding:1px 8px;border-radius:10px;font-size:.65rem;font-weight:600;text-transform:capitalize}.manager-dashboard-container .reject-note .mgr-ticket-subject{margin:0 0 4px;font-size:.9rem;font-weight:600;color:#1e1b4b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-dashboard-container .reject-note .mgr-ticket-item-meta{display:flex;gap:8px;font-size:.75rem;color:#9ca3af}.manager-dashboard-container .reject-note .mgr-ticket-date{font-size:.7rem;color:#d1d5db}.manager-dashboard-container .reject-note .mgr-loading,.manager-dashboard-container .reject-note .mgr-empty{text-align:center;padding:2rem;color:#6b7280}.manager-dashboard-container .reject-note .mgr-ticket-detail-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden}.manager-dashboard-container .reject-note .mgr-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af}.manager-dashboard-container .reject-note .mgr-detail-empty .empty-icon{font-size:3rem;margin-bottom:12px}.manager-dashboard-container .reject-note .mgr-detail-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;padding:18px 20px;border-bottom:1px solid #e5e7eb}.manager-dashboard-container .reject-note .mgr-detail-ticket-id{font-family:monospace;font-size:.8rem;color:#6b7280;font-weight:600}.manager-dashboard-container .reject-note .mgr-detail-subject{margin:4px 0 8px;font-size:1.15rem;color:#1e1b4b}.manager-dashboard-container .reject-note .mgr-detail-meta{display:flex;flex-wrap:wrap;gap:6px}.manager-dashboard-container .reject-note .mgr-meta-chip{background:#f0f4ff;border:1px solid #c7d2fe;color:#4f46e5;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.manager-dashboard-container .reject-note .mgr-detail-actions{display:flex;gap:8px;align-items:center}.manager-dashboard-container .reject-note .mgr-status-select{padding:8px 12px;border:2px solid #d1d5db;border-radius:8px;font-size:.85rem;font-weight:600;outline:none;cursor:pointer;text-transform:capitalize}.manager-dashboard-container .reject-note .mgr-status-select:focus{border-color:#4f46e5}.manager-dashboard-container .reject-note .mgr-conversation-box{flex:1;padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:#f9fafb;max-height:calc(65vh - 200px)}.manager-dashboard-container .reject-note .mgr-msg{max-width:70%;padding:10px 14px;border-radius:14px;font-size:.88rem;line-height:1.5}.manager-dashboard-container .reject-note .mgr-msg-user{align-self:flex-start;background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;color:#374151}.manager-dashboard-container .reject-note .mgr-msg-manager{align-self:flex-end;background:#4f46e5;color:#fff;border-bottom-right-radius:4px}.manager-dashboard-container .reject-note .mgr-msg-sender{display:block;font-size:.7rem;font-weight:700;margin-bottom:2px;opacity:.7;text-transform:capitalize}.manager-dashboard-container .reject-note .mgr-msg-text{white-space:pre-wrap;word-break:break-word}.manager-dashboard-container .reject-note .mgr-msg-time{display:block;font-size:.65rem;opacity:.5;margin-top:3px;text-align:right}.manager-dashboard-container .reject-note .mgr-reply-box{display:flex;gap:10px;padding:14px 20px;border-top:1px solid #e5e7eb;background:#fff}.manager-dashboard-container .reject-note .mgr-reply-box textarea{flex:1;padding:10px 14px;border:1px solid #d1d5db;border-radius:10px;font-size:.88rem;font-family:inherit;outline:none;resize:none}.manager-dashboard-container .reject-note .mgr-reply-box textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.manager-dashboard-container .reject-note .mgr-send-btn{padding:10px 22px;background:#4f46e5;color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s;align-self:flex-end}.manager-dashboard-container .reject-note .mgr-send-btn:hover:not(:disabled){background:#4338ca}.manager-dashboard-container .reject-note .mgr-send-btn:disabled{opacity:.5;cursor:not-allowed}.manager-dashboard-container .reject-note .mgr-closed-notice{padding:14px 20px;text-align:center;color:#6b7280;background:#f3f4f6;font-size:.9rem}.manager-dashboard-container .reject-note .mgr-closed-badge{display:inline-block;padding:8px 20px;background:#f3f4f6;color:#6b7280;border-radius:20px;font-size:.85rem;font-weight:700;border:2px solid #d1d5db}.manager-dashboard-container .reject-note .mgr-order-card{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:12px;padding:16px 20px;margin-bottom:16px}.manager-dashboard-container .reject-note .mgr-order-card-title{font-size:.95rem;font-weight:700;color:#1e3a5f;margin-bottom:12px;display:flex;align-items:center;gap:6px}.manager-dashboard-container .reject-note .mgr-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.manager-dashboard-container .reject-note .mgr-order-field{display:flex;flex-direction:column;gap:2px}.manager-dashboard-container .reject-note .mgr-order-label{font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.manager-dashboard-container .reject-note .mgr-order-value{font-size:.88rem;color:#1e293b;font-weight:500}.manager-dashboard-container .reject-note .mgr-msg-photo{display:block;margin-top:8px;max-width:220px}.manager-dashboard-container .reject-note .mgr-msg-photo img{width:100%;border-radius:8px;object-fit:cover;border:1px solid #e2e8f0;cursor:pointer;transition:opacity .2s}.manager-dashboard-container .reject-note .mgr-msg-photo img:hover{opacity:.85}@media(max-width:900px){.manager-dashboard-container .reject-note .mgr-stats-row{grid-template-columns:repeat(3,1fr)}.manager-dashboard-container .reject-note .mgr-support-layout{grid-template-columns:1fr}.manager-dashboard-container .reject-note .mgr-ticket-list{max-height:300px}}@media(max-width:500px){.manager-dashboard-container .reject-note .mgr-stats-row{grid-template-columns:repeat(2,1fr)}.manager-dashboard-container .reject-note .mgr-filters{flex-direction:column}}.manager-dashboard-container .reject-note .mgmt-tabs{display:flex;gap:4px;margin-bottom:20px;background:#f1f5f9;border-radius:10px;padding:4px;width:fit-content}.manager-dashboard-container .reject-note .mgmt-tab{padding:10px 24px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-weight:600;font-size:.88rem;color:#64748b;transition:all .2s}.manager-dashboard-container .reject-note .mgmt-tab.active{background:#fff;color:#6366f1;box-shadow:0 1px 3px #0000001a}.manager-dashboard-container .reject-note .mgmt-tab:hover:not(.active){color:#334155}.manager-dashboard-container .reject-note .mgmt-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.manager-dashboard-container .reject-note .mgmt-card-header h3{margin:0;font-size:1rem;color:#1e293b}.manager-dashboard-container .reject-note .mgmt-actions{display:flex;gap:6px;flex-wrap:wrap}.manager-dashboard-container .reject-note .cat-chips{display:flex;flex-wrap:wrap;gap:4px;max-width:280px}.manager-dashboard-container .reject-note .cat-chip{display:inline-block;padding:2px 8px;background:#ede9fe;color:#6d28d9;border-radius:12px;font-size:.72rem;font-weight:500;white-space:nowrap}.manager-dashboard-container .reject-note .cat-chip.verif-chip{background:#dbeafe;color:#1e40af}.manager-dashboard-container .reject-note .invite-code{font-family:Courier New,monospace;font-size:.95rem;font-weight:700;color:#6366f1;background:#f0f0ff;padding:3px 8px;border-radius:4px;letter-spacing:1px}.manager-dashboard-container .reject-note .copy-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:2px 6px;margin-left:6px;border-radius:4px;transition:background .15s}.manager-dashboard-container .reject-note .copy-btn:hover{background:#f1f5f9}.manager-dashboard-container .reject-note .generated-code-box{text-align:center;padding:20px 0}.manager-dashboard-container .reject-note .code-display{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0;padding:16px 24px;background:#f0f0ff;border:2px dashed #6366f1;border-radius:12px}.manager-dashboard-container .reject-note .code-display code{font-size:1.5rem;font-weight:700;color:#6366f1;letter-spacing:3px;font-family:Courier New,monospace}.manager-dashboard-container .reject-note .copy-btn-large{padding:8px 16px;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s}.manager-dashboard-container .reject-note .copy-btn-large:hover{background:#4f46e5}.manager-dashboard-container .reject-note .code-note{color:#64748b;font-size:.85rem;margin-top:12px}.manager-dashboard-container .reject-note .form-field{margin-bottom:16px}.manager-dashboard-container .reject-note .form-field label{display:block;font-size:.88rem;font-weight:600;color:#334155;margin-bottom:8px}.manager-dashboard-container .reject-note .adm-input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:border-color .15s;box-sizing:border-box}.manager-dashboard-container .reject-note .adm-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.manager-dashboard-container .reject-note .cat-checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.manager-dashboard-container .reject-note .cat-checkbox{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .15s;font-size:.85rem;color:#334155}.manager-dashboard-container .reject-note .cat-checkbox:hover{border-color:#6366f1;background:#faf5ff}.manager-dashboard-container .reject-note .cat-checkbox input[type=checkbox]{accent-color:#6366f1;width:16px;height:16px}.manager-dashboard-container .reject-note .volume-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:20px}.manager-dashboard-container .reject-note .volume-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.manager-dashboard-container .reject-note .volume-card.alert{border-color:#ef4444;background:#fef2f2}.manager-dashboard-container .reject-note .volume-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.manager-dashboard-container .reject-note .volume-cat{font-weight:600;font-size:.9rem;color:#1e293b}.manager-dashboard-container .reject-note .alert-badge{font-size:.78rem;font-weight:600;color:#ef4444;background:#fee2e2;padding:2px 10px;border-radius:12px}.manager-dashboard-container .reject-note .volume-bar-container{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-bottom:10px}.manager-dashboard-container .reject-note .volume-bar{height:100%;border-radius:4px;transition:width .3s ease}.manager-dashboard-container .reject-note .volume-info{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:#64748b}.manager-dashboard-container .reject-note .volume-actions{display:flex;gap:6px}.manager-dashboard-container .reject-note .adm-btn-danger{background:#ef4444;color:#fff;border:none}.manager-dashboard-container .reject-note .adm-btn-danger:hover{background:#dc2626}.manager-dashboard-container .reject-note .adm-stat-card.green{border-left:4px solid #10b981}.manager-dashboard-container .reject-note .adm-stat-card.green .adm-stat-value{color:#10b981}.manager-dashboard-container .reject-note .adm-badge.red{background:#fee2e2;color:#991b1b}.manager-dashboard-container .reject-note .adm-badge.green{background:#d1fae5;color:#065f46}@media(max-width:768px){.manager-dashboard-container .reject-note .mgmt-tabs{width:100%}.manager-dashboard-container .reject-note .mgmt-tab{flex:1;padding:8px 12px;font-size:.82rem}.manager-dashboard-container .reject-note .cat-checkbox-grid,.manager-dashboard-container .reject-note .volume-grid{grid-template-columns:1fr}.manager-dashboard-container .reject-note .mgmt-card-header{flex-direction:column;gap:10px;align-items:flex-start}}.manager-dashboard-container .reject-note .support-container{max-width:900px;margin:0 auto;padding:100px 20px 20px;min-height:100vh}.manager-dashboard-container .reject-note .support-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:24px}.manager-dashboard-container .reject-note .support-header h1{font-size:1.75rem;color:#2c3e50;margin:0}.manager-dashboard-container .reject-note .support-subtitle{color:#6b7280;margin:4px 0 0;font-size:.95rem}.manager-dashboard-container .reject-note .raise-ticket-btn{padding:10px 24px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.manager-dashboard-container .reject-note .raise-ticket-btn:hover{background:#4338ca}.manager-dashboard-container .reject-note .support-error{background:#fee2e2;color:#991b1b;padding:10px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.manager-dashboard-container .reject-note .support-loading{text-align:center;padding:3rem;color:#6b7280}.manager-dashboard-container .reject-note .support-empty{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.manager-dashboard-container .reject-note .support-empty .empty-icon{display:flex;justify-content:center;margin-bottom:12px}.manager-dashboard-container .reject-note .support-empty h3{margin:0 0 8px;color:#2c3e50}.manager-dashboard-container .reject-note .support-empty p{color:#6b7280;margin:0}.manager-dashboard-container .reject-note .ticket-form-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.manager-dashboard-container .reject-note .ticket-form-card h2{margin:0 0 16px;font-size:1.2rem;color:#2c3e50}.manager-dashboard-container .reject-note .support-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.manager-dashboard-container .reject-note .support-container .form-group{margin-bottom:14px}.manager-dashboard-container .reject-note .support-container .form-group label{display:block;font-size:.85rem;font-weight:600;color:#374151;margin-bottom:6px}.manager-dashboard-container .reject-note .support-container .form-group select,.manager-dashboard-container .reject-note .support-container .form-group input,.manager-dashboard-container .reject-note .support-container .form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .2s}.manager-dashboard-container .reject-note .support-container .form-group select:focus,.manager-dashboard-container .reject-note .support-container .form-group input:focus,.manager-dashboard-container .reject-note .support-container .form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.manager-dashboard-container .reject-note .submit-ticket-btn{padding:10px 28px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.manager-dashboard-container .reject-note .submit-ticket-btn:hover:not(:disabled){background:#059669}.manager-dashboard-container .reject-note .submit-ticket-btn:disabled{opacity:.6;cursor:not-allowed}.manager-dashboard-container .reject-note .tickets-list{display:flex;flex-direction:column;gap:14px}.manager-dashboard-container .reject-note .ticket-card{background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:transform .15s,box-shadow .15s;border-left:4px solid #4f46e5}.manager-dashboard-container .reject-note .ticket-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.manager-dashboard-container .reject-note .ticket-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.manager-dashboard-container .reject-note .ticket-id{font-size:.8rem;color:#6b7280;font-weight:600;font-family:monospace}.manager-dashboard-container .reject-note .ticket-badges{display:flex;gap:6px}.manager-dashboard-container .reject-note .ticket-badge{padding:2px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:capitalize}.manager-dashboard-container .reject-note .ticket-subject{margin:0 0 6px;font-size:1.05rem;color:#1e1b4b}.manager-dashboard-container .reject-note .ticket-meta{display:flex;gap:10px;font-size:.8rem;color:#9ca3af;margin-bottom:8px}.manager-dashboard-container .reject-note .ticket-category{background:#f0f4ff;border:1px solid #c7d2fe;padding:1px 8px;border-radius:4px;font-size:.75rem;color:#4f46e5;font-weight:500}.manager-dashboard-container .reject-note .ticket-preview{color:#6b7280;font-size:.85rem;margin:0 0 8px;line-height:1.4}.manager-dashboard-container .reject-note .ticket-card-footer{display:flex;justify-content:space-between;font-size:.8rem;color:#9ca3af}.manager-dashboard-container .reject-note .view-link{color:#4f46e5;font-weight:600}.manager-dashboard-container .reject-note .back-link{display:inline-block;color:#4f46e5;text-decoration:none;font-size:.9rem;font-weight:500;margin-bottom:16px}.manager-dashboard-container .reject-note .back-link:hover{text-decoration:underline}.manager-dashboard-container .reject-note .ticket-detail-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.manager-dashboard-container .reject-note .ticket-detail-id{font-family:monospace;font-size:.85rem;color:#6b7280;font-weight:600}.manager-dashboard-container .reject-note .ticket-detail-subject{margin:4px 0 6px;font-size:1.35rem;color:#1e1b4b}.manager-dashboard-container .reject-note .ticket-detail-meta{display:flex;gap:8px;font-size:.85rem;color:#9ca3af}.manager-dashboard-container .reject-note .ticket-status-big{padding:6px 18px;border-radius:20px;font-size:.85rem;font-weight:700;white-space:nowrap}.manager-dashboard-container .reject-note .conversation-box{background:#f9fafb;border-radius:12px;padding:20px;max-height:500px;overflow-y:auto;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.manager-dashboard-container .reject-note .message-bubble{max-width:75%;padding:12px 16px;border-radius:16px;font-size:.9rem;line-height:1.5}.manager-dashboard-container .reject-note .msg-user{align-self:flex-end;background:#4f46e5;color:#fff;border-bottom-right-radius:4px}.manager-dashboard-container .reject-note .msg-other{align-self:flex-start;background:#fff;color:#374151;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.manager-dashboard-container .reject-note .msg-manager{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.manager-dashboard-container .reject-note .msg-sender{font-size:.72rem;font-weight:700;margin-bottom:3px;opacity:.8;text-transform:capitalize}.manager-dashboard-container .reject-note .msg-user .msg-sender{color:#fffc}.manager-dashboard-container .reject-note .msg-text{white-space:pre-wrap;word-break:break-word}.manager-dashboard-container .reject-note .msg-time{font-size:.68rem;opacity:.6;margin-top:4px;text-align:right}.manager-dashboard-container .reject-note .reply-box{display:flex;gap:10px;align-items:flex-end}.manager-dashboard-container .reject-note .reply-box textarea{flex:1;padding:12px 14px;border:1px solid #d1d5db;border-radius:12px;font-size:.9rem;font-family:inherit;outline:none;resize:none;transition:border-color .2s}.manager-dashboard-container .reject-note .reply-box textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.manager-dashboard-container .reject-note .send-btn{padding:12px 24px;background:#4f46e5;color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.manager-dashboard-container .reject-note .send-btn:hover:not(:disabled){background:#4338ca}.manager-dashboard-container .reject-note .send-btn:disabled{opacity:.5;cursor:not-allowed}.manager-dashboard-container .reject-note .ticket-closed-notice{background:#f3f4f6;color:#6b7280;padding:20px;border-radius:12px;text-align:center;font-size:.9rem}.manager-dashboard-container .reject-note .ticket-closed-notice p{margin:0 0 8px}.manager-dashboard-container .reject-note .reopen-hint{font-size:.85rem;color:#9ca3af;margin-bottom:12px!important}.manager-dashboard-container .reject-note .reopen-btn{padding:10px 28px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.manager-dashboard-container .reject-note .reopen-btn:hover:not(:disabled){background:#4338ca}.manager-dashboard-container .reject-note .reopen-btn:disabled{opacity:.5;cursor:not-allowed}.manager-dashboard-container .reject-note .photo-upload-area{display:flex;align-items:center;gap:12px}.manager-dashboard-container .reject-note .photo-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#f0f4ff;border:1px dashed #4f46e5;border-radius:8px;color:#4f46e5;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.manager-dashboard-container .reject-note .photo-upload-btn:hover{background:#e0e7ff}.manager-dashboard-container .reject-note .field-hint{font-size:.78rem;color:#9ca3af;margin:0}.manager-dashboard-container .reject-note .photo-preview{display:flex;align-items:flex-end;gap:12px}.manager-dashboard-container .reject-note .photo-preview img{max-width:200px;max-height:140px;border-radius:8px;border:1px solid #e5e7eb;object-fit:cover}.manager-dashboard-container .reject-note .remove-photo-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#fee2e2;color:#991b1b;border:none;border-radius:6px;font-size:.8rem;cursor:pointer}.manager-dashboard-container .reject-note .remove-photo-btn:hover{background:#fca5a5}.manager-dashboard-container .reject-note .msg-photo-link{display:block;margin-top:6px}.manager-dashboard-container .reject-note .msg-photo{max-width:240px;max-height:180px;border-radius:8px;border:1px solid rgba(255,255,255,.2);object-fit:cover;cursor:pointer}.manager-dashboard-container .reject-note .msg-user .msg-photo{border-color:#ffffff4d}.manager-dashboard-container .reject-note .msg-other .msg-photo{border-color:#e5e7eb}@media(max-width:640px){.manager-dashboard-container .reject-note .support-container .form-row{grid-template-columns:1fr}.manager-dashboard-container .reject-note .ticket-detail-header{flex-direction:column}.manager-dashboard-container .reject-note .message-bubble{max-width:90%}}