:root{--primary-color:#3b82f6;--primary-blue:#1e3a8a;--primary-blue-hover:#1e40af;--sky-blue:#3b82f6;--success-green:#10b981;--warning-orange:#f59e0b;--error-red:#ef4444;--success-light:#ecfdf5;--success-dark:#065f46;--warning-light:#fef3c7;--warning-dark:#92400e;--error-light:#fef2f2;--error-dark:#991b1b;--primary-light:#eff6ff;--primary-dark:#1e40af;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-dark:#1f2937;--text-muted:#6b7280;--dark-gray:#1f2937;--medium-gray:#6b7280;--light-gray:#f3f4f6;--border-gray:#e5e7eb;--input-border:#d1d5db;--white:#fff;--border-color:#e5e7eb;--light-blue:#eff6ff;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--border-radius:6px;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-lg:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-xl:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white);color:#1f2937;color:var(--dark-gray);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-4)}h1{font-size:2rem;font-size:var(--font-size-3xl);font-weight:700}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}p{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-4)}.text-center{text-align:center}.text-primary{color:#1e3a8a;color:var(--primary-blue)}.text-secondary{color:#6b7280;color:var(--medium-gray)}.text-success{color:#10b981;color:var(--success-green)}.text-warning{color:#f59e0b;color:var(--warning-orange)}.text-error{color:#ef4444;color:var(--error-red)}@media (max-width:768px){.container{padding:0 .75rem;padding:0 var(--spacing-3)}h1{font-size:1.5rem;font-size:var(--font-size-2xl)}h2{font-size:1.25rem;font-size:var(--font-size-xl)}}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem}.loading-spinner-container.primary{color:#667eea;color:var(--primary-color,#667eea)}.loading-spinner-container.secondary{color:#764ba2;color:var(--secondary-color,#764ba2)}.loading-spinner-container.light{color:#666;color:var(--text-secondary,#666)}.loading-spinner{display:inline-block;position:relative}.loading-spinner.small{height:32px;width:32px}.loading-spinner.medium{height:48px;width:48px}.loading-spinner.large{height:64px;width:64px}.spinner-ring{animation:spin 1.2s linear infinite;border:3px solid #0000;border-radius:50%;position:absolute}.loading-spinner.small .spinner-ring{border-width:2px}.loading-spinner.medium .spinner-ring{border-width:3px}.loading-spinner.large .spinner-ring{border-width:4px}.spinner-ring:first-child{animation-delay:0s;border-top-color:initial;height:100%;width:100%}.spinner-ring:nth-child(2){animation-delay:.2s;border-right-color:initial;height:75%;left:12.5%;top:12.5%;width:75%}.spinner-ring:nth-child(3){animation-delay:.4s;border-bottom-color:initial;height:50%;left:25%;top:25%;width:50%}.loading-message{margin-top:1.5rem;text-align:center}.loading-message p{color:#333;color:var(--text-primary,#333);font-size:1rem;font-weight:500;margin:0 0 .5rem}.loading-dots{display:flex;gap:.25rem;justify-content:center}.loading-dots span{animation:dots 1.4s ease-in-out infinite both;background-color:currentColor;border-radius:50%;height:6px;width:6px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes dots{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.page-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.page-loading-overlay .loading-spinner-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a;min-height:auto;padding:3rem}.card-loading{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:1rem 0;padding:2rem}@media (max-width:768px){.loading-spinner-container{min-height:150px;padding:1.5rem}.loading-message p{font-size:.9rem}.page-loading-overlay .loading-spinner-container{margin:1rem;padding:2rem}}@media (max-width:480px){.loading-spinner-container{min-height:120px;padding:1rem}.loading-spinner.medium{height:40px;width:40px}.loading-message p{font-size:.85rem}}.password-protection{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.password-container{max-width:400px;padding:20px;width:100%}.password-box{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;padding:40px 30px;text-align:center}.password-box h1{color:#333;font-size:2.5rem;font-weight:300;margin:0 0 10px}.password-box p{color:#666;font-size:1.1rem;margin-bottom:30px}.password-box input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:20px;padding:15px 20px;transition:border-color .3s;width:100%}.password-box input:focus{border-color:#667eea;outline:none}.password-box button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:background .3s;width:100%}.password-box button:hover{background:#5a6fd8}.error-message{color:#e74c3c;font-size:14px;margin-top:15px}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;justify-content:center;line-height:1;text-decoration:none;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus{outline:2px solid var(--sky-blue);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--primary-blue);box-shadow:var(--shadow-sm);color:var(--white)}.btn-primary:hover:not(:disabled){background-color:var(--primary-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background-color:var(--white);border:1px solid var(--primary-blue);box-shadow:var(--shadow-sm);color:var(--primary-blue)}.btn-secondary:hover:not(:disabled){background-color:var(--light-gray);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-ghost{background-color:initial;border:none;box-shadow:none;color:var(--medium-gray)}.btn-ghost:hover:not(:disabled){background-color:var(--light-gray);color:var(--dark-gray)}.btn-ghost:active:not(:disabled){background-color:var(--border-gray)}.btn-small{font-size:var(--font-size-sm);min-height:32px;padding:var(--spacing-2) var(--spacing-3)}.btn-medium{font-size:var(--font-size-base);min-height:44px;padding:var(--spacing-3) var(--spacing-6)}.btn-large{font-size:var(--font-size-lg);min-height:52px;padding:var(--spacing-4) var(--spacing-8)}@media (max-width:768px){.btn-medium{font-size:var(--font-size-sm);min-height:40px;padding:var(--spacing-3) var(--spacing-4)}.btn-large{font-size:var(--font-size-base);min-height:44px;padding:var(--spacing-3) var(--spacing-6)}}.header{background-color:var(--white);border-bottom:1px solid var(--border-gray);box-shadow:var(--shadow-sm);padding:var(--spacing-4) 0;position:sticky;top:0;z-index:100}.header-brand{align-items:center;display:flex}.header-logo-link{color:inherit;text-decoration:none}.header-logo{color:#1e293b;font-size:var(--font-size-xl);font-weight:700;margin:0}.header-nav{align-items:center;display:flex;gap:var(--spacing-3)}@media (max-width:768px){.header{padding:var(--spacing-3) 0}.header-logo{font-size:var(--font-size-lg)}.header-nav{gap:var(--spacing-2)}}@media (max-width:480px){.header-content{flex-direction:column;gap:var(--spacing-3)}.header-nav{justify-content:center;width:100%}}.card{background-color:var(--white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .2s ease-in-out}.card-default{padding:var(--spacing-6)}.card-compact{padding:var(--spacing-4)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-interactive:active{box-shadow:var(--shadow-md);transform:translateY(0)}.card-elevated{box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-xl)}@media (max-width:768px){.card-default{padding:var(--spacing-4)}.card-compact{padding:var(--spacing-3)}}.hero{align-items:center;background:linear-gradient(135deg,#f8fafc4d,#fff6),url(https://www.focusglobal-logistics.com/uploads/d8db7a9.jpg);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;min-height:80vh;overflow:hidden;padding:var(--spacing-20) 0;position:relative}.hero:before{animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(135deg,#667eea0d,#3b82f605 50%,#10b9810d)}.hero:after,.hero:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero:after{animation:lightShift 12s ease-in-out infinite;background:radial-gradient(circle at 30% 70%,#ffffff4d 0,#0000 50%),radial-gradient(circle at 70% 30%,#667eea0d 0,#0000 50%)}.hero-content{grid-gap:var(--spacing-16);align-items:center;display:grid;gap:var(--spacing-16);grid-template-columns:1fr 1fr;position:relative;z-index:10}.hero-text{max-width:500px}.hero-title{color:#1e293b;font-size:var(--font-size-3xl);font-weight:700;line-height:1.1;text-shadow:0 2px 8px #0000004d}.hero-subtitle,.hero-title{margin-bottom:var(--spacing-4)}.hero-subtitle{color:var(--dark-gray);font-size:var(--font-size-xl);font-weight:600}.hero-description{color:var(--medium-gray);font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-8)}.hero-cards{grid-gap:var(--spacing-6);align-items:stretch;display:grid;gap:var(--spacing-6);grid-template-columns:1fr 1fr}.hero-card{min-height:280px;text-align:center}.hero-card,.hero-card-content{display:flex;flex-direction:column;height:100%;justify-content:center}.hero-card-content{align-items:center}.hero-card-icon{font-size:3rem;margin-bottom:var(--spacing-4)}.hero-card-title{color:var(--dark-gray);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-3)}.hero-card-description{color:var(--medium-gray);font-size:var(--font-size-base);line-height:1.5;margin-bottom:var(--spacing-6)}.hero-card-button{margin-top:auto}@media (max-width:1024px){.hero{padding:var(--spacing-16) 0}.hero-content{gap:var(--spacing-12)}.hero-cards{gap:var(--spacing-4)}}@media (max-width:768px){.hero{background-attachment:scroll;min-height:auto;padding:var(--spacing-12) 0}.floating-elements{display:none}.hero-content{gap:var(--spacing-8);grid-template-columns:1fr;text-align:center}.hero-text{max-width:none}.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-description{font-size:var(--font-size-base)}.hero-cards{gap:var(--spacing-4);grid-template-columns:1fr}.hero-card{min-height:220px}.hero-card-icon{font-size:2.5rem}}@media (max-width:480px){.hero{padding:var(--spacing-8) 0}.hero-content{gap:var(--spacing-6)}.hero-title{font-size:var(--font-size-xl)}.hero-subtitle{font-size:var(--font-size-base)}.hero-card{min-height:200px}.hero-card-icon{font-size:2rem}}@keyframes gradientShift{0%,to{background:linear-gradient(135deg,#667eea0d,#3b82f605 50%,#10b9810d)}50%{background:linear-gradient(135deg,#10b9810d,#667eea05 50%,#3b82f60d)}}@keyframes lightShift{0%,to{background:radial-gradient(circle at 30% 70%,#ffffff4d 0,#0000 50%),radial-gradient(circle at 70% 30%,#667eea0d 0,#0000 50%)}50%{background:radial-gradient(circle at 70% 70%,#fff3 0,#0000 50%),radial-gradient(circle at 30% 30%,#10b9810d 0,#0000 50%)}}.hero-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #ffffff4d;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.hero-card:hover{background:#fffffffa;border:1px solid #ffffff80;box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.hero-subtitle{color:#334155;text-shadow:0 1px 4px #0003}.hero-description{color:#475569;text-shadow:0 1px 3px #00000026}.floating-elements{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.floating-element{animation:float 6s ease-in-out infinite;font-size:2rem;opacity:.1;position:absolute}.floating-truck{animation-delay:0s;left:10%;top:20%}.floating-box{animation-delay:1.5s;right:15%;top:60%}.floating-globe{animation-delay:3s;right:25%;top:30%}.floating-route{animation-delay:4.5s;bottom:30%;left:20%}@keyframes float{0%,to{opacity:.1;transform:translateY(0) rotate(0deg)}25%{opacity:.15;transform:translateY(-20px) rotate(5deg)}50%{opacity:.2;transform:translateY(-10px) rotate(-3deg)}75%{opacity:.15;transform:translateY(-15px) rotate(2deg)}}.features{background-color:var(--white);padding:var(--spacing-16) 0}.features-header{margin-bottom:var(--spacing-12);text-align:center}.features-title{color:var(--dark-gray);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-3)}.features-subtitle{color:var(--medium-gray);font-size:var(--font-size-lg);line-height:1.6;margin:0 auto;max-width:600px}.features-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:200px;text-align:center}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-4)}.feature-title{color:var(--dark-gray);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-3)}.feature-description{color:var(--medium-gray);font-size:var(--font-size-base);line-height:1.6;margin:0}@media (max-width:768px){.features{padding:var(--spacing-12) 0}.features-header{margin-bottom:var(--spacing-8)}.features-title{font-size:var(--font-size-xl)}.features-subtitle{font-size:var(--font-size-base)}.features-grid{gap:var(--spacing-4);grid-template-columns:1fr}.feature-card{min-height:180px}.feature-icon{font-size:2rem}}@media (max-width:480px){.features{padding:var(--spacing-8) 0}.feature-card{min-height:160px}.feature-icon{font-size:1.75rem}}.footer{background-color:var(--dark-gray);color:var(--white);padding:var(--spacing-12) 0 var(--spacing-6)}.footer-content{grid-gap:var(--spacing-12);display:grid;gap:var(--spacing-12);grid-template-columns:1fr 2fr;margin-bottom:var(--spacing-8)}.footer-brand{max-width:300px}.footer-logo{color:var(--white);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-3)}.footer-description{color:var(--medium-gray);font-size:var(--font-size-base);line-height:1.6;margin:0}.footer-links{grid-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-columns:repeat(3,1fr)}.footer-section h4{color:var(--white);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-4)}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:var(--spacing-2)}.footer-section a{color:var(--medium-gray);font-size:var(--font-size-base);text-decoration:none;transition:color .2s ease-in-out}.footer-section a:hover{color:var(--white)}.footer-bottom{align-items:center;border-top:1px solid var(--medium-gray);display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;padding-top:var(--spacing-6)}.footer-bottom p{color:var(--medium-gray);font-size:var(--font-size-sm);margin:0}@media (max-width:768px){.footer{padding:var(--spacing-8) 0 var(--spacing-4)}.footer-content{gap:var(--spacing-8);grid-template-columns:1fr}.footer-brand{max-width:none;text-align:center}.footer-links{gap:var(--spacing-6);grid-template-columns:1fr;text-align:center}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width:480px){.footer{padding:var(--spacing-6) 0 var(--spacing-4)}.footer-content{gap:var(--spacing-6)}.footer-links{gap:var(--spacing-4)}}.google-signin-btn{align-items:center;background-color:#fff;border:1px solid #dadce0;border-radius:8px;color:#3c4043;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:center;padding:12px 16px;text-decoration:none;transition:all .2s ease;width:100%}.google-signin-btn:hover{background-color:#f8f9fa;border-color:#dadce0;box-shadow:0 1px 3px #0000001a}.google-signin-btn:active{background-color:#f1f3f4;box-shadow:inset 0 1px 2px #0000001a}.google-signin-btn:disabled{cursor:not-allowed;opacity:.6}.google-icon{align-items:center;display:flex;height:18px;justify-content:center;width:18px}.google-text{color:#3c4043;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500}.login-page{align-items:center;background:linear-gradient(135deg,var(--light-gray) 0,var(--white) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-4)}.login-container{margin:0 auto;max-width:480px;width:100%}.login-header{margin-bottom:var(--spacing-8);text-align:center}.back-link{color:var(--medium-gray);font-size:var(--font-size-sm);transition:color .2s ease-in-out}.back-link:hover,.login-title{color:var(--primary-blue)}.login-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-2)}.login-subtitle{color:var(--medium-gray);font-size:var(--font-size-lg);margin:0}.login-card{padding:var(--spacing-8)}.login-form{margin-bottom:var(--spacing-6)}.form-group{margin-bottom:var(--spacing-5)}.form-label{color:var(--dark-gray);display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-2)}.form-input,.form-select{background-color:var(--white);border:1px solid var(--input-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease-in-out;width:100%}.form-input:focus,.form-select:focus{border-color:var(--sky-blue);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--medium-gray)}.form-select{cursor:pointer}.checkbox-group{margin-bottom:var(--spacing-4)}.checkbox-label{align-items:center;color:var(--dark-gray);cursor:pointer;display:flex;font-size:var(--font-size-sm)}.checkbox-input{accent-color:var(--primary-blue);height:16px;margin-right:var(--spacing-2);width:16px}.checkbox-text{-webkit-user-select:none;user-select:none}.login-button{margin-top:var(--spacing-4);width:100%}.login-divider{margin:var(--spacing-6) 0;position:relative;text-align:center}.login-divider:before{background-color:var(--border-gray);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background-color:var(--white);color:var(--medium-gray);font-size:var(--font-size-sm);padding:0 var(--spacing-4)}.demo-login{margin-bottom:var(--spacing-6);text-align:center}.demo-text{color:var(--medium-gray);font-size:var(--font-size-sm);margin-bottom:var(--spacing-3)}.demo-buttons{display:flex;gap:var(--spacing-3);justify-content:center}.demo-button{flex:1 1;max-width:140px}.login-footer{border-top:1px solid var(--border-gray);padding-top:var(--spacing-4);text-align:center}.forgot-password,.signup-link{color:var(--medium-gray);font-size:var(--font-size-sm);margin:var(--spacing-2) 0}.forgot-password a,.signup-link a{color:var(--primary-blue);font-weight:500;text-decoration:none}.forgot-password a:hover,.signup-link a:hover{text-decoration:underline}.alert{border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4)}.alert-success{background-color:#ecfdf5;border:1px solid #a7f3d0}@media (max-width:768px){.login-page{padding:var(--spacing-3)}.login-card{padding:var(--spacing-6)}.login-title{font-size:var(--font-size-xl)}.login-subtitle{font-size:var(--font-size-base)}.demo-buttons{flex-direction:column;gap:var(--spacing-2)}.demo-button{max-width:none}}@media (max-width:480px){.login-container{max-width:none}.login-card{padding:var(--spacing-4)}.login-title{font-size:var(--font-size-lg)}}.signup-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.signup-container{max-width:500px;width:100%}.signup-header{margin-bottom:30px;text-align:center}.back-link{color:#fffc;font-size:14px;margin-bottom:20px;transition:color .3s ease}.back-link:hover{color:#fff}.signup-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.signup-subtitle{color:#ffffffe6;font-size:1.1rem;margin:0}.signup-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px}.signup-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-section-title{border-bottom:2px solid #e5e7eb;color:#374151;font-size:18px;font-weight:700;margin:30px 0 15px;padding-bottom:10px}.form-section-title:first-of-type{margin-top:0}.form-label{color:#374151;font-size:14px;font-weight:600}.form-input,.form-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s ease}.form-input:focus,.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input::placeholder{color:#9ca3af}.form-hint{color:#6b7280;font-size:12px;margin-top:4px}.signup-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s ease;width:100%}.signup-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.signup-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.alert{border-radius:8px;font-size:14px;padding:12px 16px}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.signup-footer{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:20px;text-align:center}.login-link{color:#6b7280;font-size:14px;margin:0 0 15px}.login-link a{color:#667eea;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}.terms-text{color:#9ca3af;font-size:12px;line-height:1.5;margin:0}.terms-text a{color:#667eea;text-decoration:none}.terms-text a:hover{text-decoration:underline}@media (max-width:768px){.signup-page{padding:10px}.signup-card{padding:30px 20px}.signup-title{font-size:2rem}.signup-subtitle{font-size:1rem}}@media (max-width:480px){.signup-card{padding:20px 15px}.signup-title{font-size:1.8rem}.form-input,.form-select{font-size:14px;padding:10px 12px}.form-row{grid-template-columns:1fr}}.navigation-panel{background:linear-gradient(135deg,#4c1d95,#5b21b6);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:all .3s ease;width:280px;z-index:1000}.navigation-panel.collapsed{width:70px}.nav-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.nav-brand{flex:1 1}.nav-logo{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;text-decoration:none;transition:opacity .3s ease}.nav-logo:hover{opacity:.8}.nav-toggle{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.nav-toggle:hover{background:#fff3;transform:scale(1.1)}.nav-user-info{border-bottom:1px solid #ffffff1a;gap:12px;padding:20px}.nav-user-info,.user-avatar{align-items:center;display:flex}.user-avatar{background:#fff3;border-radius:50%;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.user-details{flex:1 1;min-width:0}.user-name{font-size:14px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:12px;margin-bottom:2px;opacity:.8}.user-company{font-size:11px;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-sections{flex:1 1;overflow-y:auto;padding:20px 0}.nav-section{margin-bottom:30px}.nav-section-title{border-bottom:1px solid #ffffff1a;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;opacity:.7;padding:0 20px 10px;text-transform:uppercase}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{align-items:center;color:#fff;display:flex;gap:12px;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;transform:translateX(5px)}.nav-link.active{background:#fff3;border-right:3px solid #fff}.nav-link.active:before{background:#fff;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.nav-icon{flex-shrink:0;font-size:18px;text-align:center;width:24px}.nav-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.nav-label{font-size:14px;font-weight:500;margin-bottom:2px}.nav-description{font-size:11px;line-height:1.3;opacity:.7}.nav-footer{border-top:1px solid #ffffff1a;padding:20px}.nav-logout{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px;transition:all .3s ease;width:100%}.nav-logout:hover{background:#fff3;transform:translateY(-2px)}.navigation-panel.collapsed .nav-link{justify-content:center;padding:15px 10px}.navigation-panel.collapsed .nav-icon{font-size:20px}.navigation-panel.collapsed .nav-logout{justify-content:center;padding:15px 10px}@media (max-width:768px){.navigation-panel{transform:translateX(-100%);width:280px}.navigation-panel.mobile-open{transform:translateX(0)}.navigation-panel.collapsed{width:280px}}.nav-sections::-webkit-scrollbar{width:4px}.nav-sections::-webkit-scrollbar-track{background:#ffffff1a}.nav-sections::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.nav-sections::-webkit-scrollbar-thumb:hover{background:#ffffff80}.nav-link:hover .nav-icon{transform:scale(1.1);transition:transform .2s ease}.nav-link:hover .nav-label{color:#fff;text-shadow:0 0 10px #ffffff80}.haulier-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;overflow-x:hidden;width:100%}.dashboard-main-content{box-sizing:border-box;max-width:calc(100vw - 280px);min-width:0;padding:2rem;width:calc(100vw - 280px)}.dashboard-main-content.nav-collapsed{margin-left:70px;max-width:calc(100vw - 70px);width:calc(100vw - 70px)}@media (max-width:1024px){.haulier-dashboard{flex-direction:column}.dashboard-main-content,.dashboard-main-content.nav-collapsed{margin-left:0;max-width:100%;padding:1.5rem 1rem 2rem;width:100%}}.dashboard-loading{align-items:center;background-color:var(--light-gray);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{border-top:4px solid var(--border-gray);border:4px solid var(--border-gray);border-top-color:var(--primary-blue);margin-bottom:var(--spacing-4)}.dashboard-title{font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.chat-link,.profile-link{text-decoration:none}.stats-section{margin-bottom:2rem}@media (min-width:1400px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{box-shadow:0 8px 20px #00000026;transform:scale(1.01)}.stat-icon{height:70px;width:70px}.stat-value{font-size:2.2rem;font-weight:800;line-height:1}.dashboard-main{padding:0 0 var(--spacing-8) 0;width:100%}.dashboard-layout{margin-top:var(--spacing-6);width:100%}.dashboard-content{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.tab-navigation{background-color:var(--light-gray);border-bottom:1px solid var(--border-gray);display:flex}.tab-button{background:none;border-bottom:3px solid #0000;color:var(--medium-gray);flex:1 1;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-4) var(--spacing-6);transition:all .2s ease-in-out}.tab-button:hover{background-color:#3b82f60d;color:var(--primary-blue)}.tab-button.active{background-color:var(--white);border-bottom-color:var(--primary-blue);color:var(--primary-blue)}.tab-content{padding:var(--spacing-6)}.tab-content h2{color:var(--dark-gray);font-size:var(--font-size-lg);margin:0 0 var(--spacing-6) 0}.contracts-section{margin-bottom:2rem}.contracts-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.contracts-container{padding:0 .5rem}.contracts-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));margin-top:1.5rem}@media (min-width:1000px){.contracts-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1600px){.contracts-grid{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:2200px){.contracts-grid{grid-template-columns:repeat(4,1fr)!important}}@media (min-width:600px) and (max-width:999px){.contracts-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:599px){.contracts-grid{grid-template-columns:1fr!important}}.contract-card{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;min-height:600px;padding:1.5rem}.contract-card:hover{border-color:#667eea;box-shadow:0 12px 28px #00000026}.contracts-section-modern{margin-bottom:2rem}.contracts-list-modern{display:flex;flex-direction:column;gap:1rem}.contract-item-modern{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #10b981;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:all .2s ease}.contract-item-modern:hover{border-left-color:#059669;box-shadow:0 4px 16px #0000001f;transform:translateX(4px)}.contract-item-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.contract-main-info{flex:1 1}.contract-company-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.contract-company-name-modern{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0}.contract-status-modern{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.contract-status-modern.active{background:#d1fae5;color:#065f46}.contract-title-modern{color:#475569;font-size:.95rem;font-weight:500;margin:.5rem 0}.contract-location{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem}.location-icon{font-size:1rem}.contract-rating-modern{display:flex;flex-direction:column;gap:.25rem;text-align:right}.rating-stars{color:#f59e0b;font-size:.95rem}.rating-text{color:#94a3b8}.contract-details-modern{background:#f8fafc;border-radius:8px;margin:1rem 0;padding:1rem}.detail-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.detail-label{color:#64748b}.detail-value{color:#1e293b;font-weight:700}.detail-value.highlight{color:#667eea;font-size:1.1rem}.contract-footer-modern{align-items:center;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-top:1rem}.contract-dates{display:flex;flex-wrap:wrap;gap:1.5rem}.date-item{display:flex;flex-direction:column;gap:.25rem}.date-label{color:#94a3b8;font-size:.75rem;font-weight:500}.date-value{color:#475569;font-size:.9rem;font-weight:600}.contract-actions-modern{display:flex;gap:.75rem}.empty-state-modern{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state-modern h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.empty-state-modern p{color:#64748b;font-size:1rem;margin:0}.contract-card.negotiating{border-left:4px solid #f59e0b}.contract-card.completed{border-left:4px solid #10b981;opacity:.9}.contract-card-content{display:flex;flex:1 1;flex-direction:column}.contract-card-header{margin-bottom:1rem}.contract-company-name{align-items:center;color:#2d3748;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0 0 .5rem}.contract-rating-badge{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.contract-rating{align-items:center;color:#2d3748;display:flex;font-size:.9rem;font-weight:600;gap:.25rem}.contract-status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.contract-status-badge.active{background:#c6f6d5;color:#2f855a}.contract-status-badge.negotiating{background:#fef3c7;color:#92400e}.contract-status-badge.completed{background:#d1fae5;color:#065f46}.contract-title{margin-bottom:1rem}.contract-title h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.contract-route{color:#667eea;font-size:.9rem;font-weight:500;margin:0}.contract-key-terms{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.contract-period{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:.75rem}.period-item{align-items:center;justify-content:space-between;margin-bottom:.5rem}.period-item:last-child{margin-bottom:0}.period-label{color:#718096;font-weight:500}.period-value{color:#2d3748;font-size:.9rem;font-weight:600}.contract-meta{border-top:1px solid #f1f5f9;color:#718096;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:1rem;padding-top:.5rem}.contract-card-actions{align-items:center;background:#f8fafc;border-radius:0 0 12px 12px;border-top:2px solid #e2e8f0;display:flex;margin:1.5rem -1.5rem -1.5rem;min-height:100px;padding:2rem 1.5rem}.contract-actions .button{border-radius:8px;flex:1 1;font-size:.95rem;font-weight:600;min-height:48px;padding:.875rem 1.25rem}.jobs-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eeaf2;box-shadow:0 4px 12px #0000001a;position:sticky;top:0;z-index:10}.contracts-filters,.jobs-filters{align-items:center;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.contracts-filters{background:#fff;box-shadow:0 2px 8px #0000001a}.contracts-filters .filter-group{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:200px}.contracts-filters .filter-group label{color:#2d3748;font-size:.9rem;font-weight:500;white-space:nowrap}.filter-search{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease}.filter-search:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.contracts-filters .filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease}.contracts-filters .filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.contracts-filters .filter-clear{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.contracts-filters .filter-clear:hover{background:#e2e8f0;color:#475569}.filter-group{align-items:center}.filter-group label{color:#fff;opacity:.9}.filter-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;padding:.5rem 1rem;transition:all .2s ease}.filter-select:focus{background:#fff3;border-color:#fff9}.filter-select option{background:#2d3748;color:#fff}.filter-clear{color:#fff;cursor:pointer;font-size:.9rem;margin-left:auto;opacity:.8;text-decoration:underline;transition:opacity .2s ease}.filter-clear:hover{opacity:1}.jobs-container{padding:0 .5rem;width:100%}.jobs-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));margin-top:1.5rem}@media (min-width:1000px){.jobs-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1600px){.jobs-grid{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:2200px){.jobs-grid{grid-template-columns:repeat(4,1fr)!important}}@media (min-width:600px) and (max-width:999px){.jobs-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:599px){.jobs-grid{grid-template-columns:1fr!important}}.job-card{border:1px solid #e2e8f0;display:flex;flex-direction:column;min-height:600px;position:relative;transition:all .3s ease}.job-card:hover{border-color:#667eea;box-shadow:0 12px 28px #00000026;transform:translateY(-4px)}.job-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem;z-index:2}.job-badge.hot{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.job-badge.high-pay{background:linear-gradient(135deg,#feca57,#ff9ff3);color:#2c2c54}.job-badge.urgent{background:linear-gradient(135deg,#ff3838,#ff6b6b);color:#fff}.job-badge.new{background:linear-gradient(135deg,#48dbfb,#0abde3);color:#fff}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.jobs-pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:2rem;padding:1rem 0}.pagination-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button.active{background:#ffffff4d;border-color:#fff9;font-weight:600}.pagination-button.load-more{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-size:1rem;font-weight:600;padding:.75rem 2rem}.pagination-button.load-more:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px)}.pagination-info{color:#fff;font-size:.9rem;margin:0 1rem;opacity:.8}.job-card-content{display:flex;flex:1 1;flex-direction:column}.job-company-name{align-items:center;color:#2d3748;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0 0 .5rem}.job-rating-badge{justify-content:space-between;margin-bottom:1rem}.job-rating,.job-rating-badge{align-items:center;display:flex}.job-rating{color:#2d3748;font-size:.9rem;font-weight:600;gap:.25rem}.job-status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.job-status-badge.active{background:#c6f6d5;color:#2f855a}.job-status-badge.closed{background:#e2e8f0;color:#718096}.job-key-terms{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.key-term{align-items:center;display:flex;justify-content:space-between}.key-term-label{color:#718096;font-size:.85rem;font-weight:500}.key-term-value{color:#2d3748;font-size:.95rem;font-weight:700;text-align:right}.job-meta{border-top:1px solid #f1f5f9;color:#718096;font-size:.8rem;justify-content:space-between;padding-top:.5rem}.job-meta,.job-tags{margin-bottom:1rem}.tag-group{margin-bottom:.5rem}.tag-group-label{color:#718096;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.tag-list{display:flex;flex-wrap:wrap;gap:.25rem}.tag{background:#e0e7ff;border:1px solid #c7d2fe;border-radius:12px;color:#3730a3;padding:.25rem .5rem}.tag.more{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;cursor:pointer}.tag.more:hover{background:#e2e8f0;color:#475569}.job-card-actions{align-items:center;background:#f8fafc;border-radius:0 0 12px 12px;border-top:2px solid #e2e8f0;display:flex;margin:1.5rem -1.5rem -1.5rem;min-height:100px;padding:2rem 1.5rem}.job-actions{gap:1rem}.job-actions .button{border-radius:8px;flex:1 1;font-size:.95rem;font-weight:600;min-height:48px;padding:.875rem 1.25rem}.job-card-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.job-main-info{flex:1 1}.job-title-section{align-items:center;display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.job-title{color:var(--dark-gray);font-size:var(--font-size-md);font-weight:600;margin:0}.job-status{border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase}.job-status.active{background-color:#ecfdf5;color:#065f46}.job-status.urgent{background-color:#fef2f2;color:#991b1b}.job-status.completed{background-color:#eff6ff;color:#1e40af}.forwarder-brief{display:flex;flex-direction:column;gap:.25rem}.forwarder-name-rating{align-items:center;display:flex;gap:var(--spacing-2)}.forwarder-name{color:var(--primary-blue);font-size:var(--font-size-sm)}.rating{color:#f59e0b;font-size:var(--font-size-xs)}.forwarder-stats-brief{display:flex;gap:var(--spacing-3)}.forwarder-stats-brief .stat{color:var(--medium-gray);font-size:.75rem}.job-requirements{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3)}.requirement-item{flex-direction:column;gap:.25rem}.requirement-label{color:var(--medium-gray);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.requirement-value{color:var(--dark-gray);font-size:.9rem}.pricing-grid{display:flex;flex-direction:column;gap:var(--spacing-3)}.pricing-item{align-items:center;background-color:#f8f9fa;border:1px solid var(--border-gray);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-2)}.pricing-label{color:var(--medium-gray);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pricing-value{color:var(--primary-blue);font-size:1rem;font-weight:700}.forwarder-details{background-color:#f8f9fa;border-radius:var(--radius-md);margin-bottom:var(--spacing-3);padding:var(--spacing-3)}.details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2)}.details-header h4{color:var(--dark-gray);font-size:var(--font-size-sm);font-weight:600;margin:0}.contact-person{color:var(--medium-gray);font-size:.8rem}.details-grid{display:flex;flex-direction:column;gap:var(--spacing-2)}.detail-item{gap:.5rem}.detail-label{font-size:.75rem}.detail-tags{display:flex;flex-wrap:wrap;gap:.25rem}.tag{border-radius:8px;font-size:.7rem;font-weight:500;padding:.2rem .5rem}.tag.country{background:#e3f2fd;color:#1976d2}.tag.specialty{background:#f3e5f5;color:#7b1fa2}.tag.truck{background:#e8f5e8;color:#2e7d32}.tag.more{background:#f5f5f5;color:#666}.job-actions{gap:var(--spacing-2)}.forwarder-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:var(--spacing-4)}.forwarder-company{flex:1 1}.forwarder-name{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-2) 0}.forwarder-rating{align-items:center;gap:var(--spacing-2)}.rating-stars{font-size:var(--font-size-sm)}.rating-text{font-size:var(--font-size-xs);opacity:.9}.forwarder-stats{display:flex;flex-direction:column;gap:var(--spacing-2);text-align:right}.stat-item{align-items:flex-end}.stat-label{margin-bottom:2px;opacity:.8}.stat-value{font-size:var(--font-size-sm)}.traffic-lines-section{background:#f8f9fa;border-bottom:1px solid var(--border-gray);padding:var(--spacing-4)}.traffic-lines-section h4{color:var(--text-dark);font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--spacing-2) 0}.traffic-line,.traffic-lines{gap:var(--spacing-2)}.traffic-line{color:var(--text-dark)}.country{font-size:var(--font-size-sm)}.forwarder-traffic-lines{margin-top:var(--spacing-2)}.traffic-label{color:var(--text-muted);display:block;font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}.traffic-countries{gap:var(--spacing-1)}.job-requirements{border-bottom:1px solid var(--border-gray);padding:var(--spacing-4)}.job-info{margin-bottom:var(--spacing-3)}.job-info p{color:var(--text-dark);font-size:var(--font-size-sm);margin:var(--spacing-1) 0}.forwarder-specialties,.required-trucks{margin-top:var(--spacing-3)}.forwarder-specialties h4,.required-trucks h4{color:var(--text-dark);font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--spacing-2) 0}.specialties-list,.truck-types-list{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.specialty-tag,.truck-type-tag{padding:.2rem .5rem}.specialty-tag.more,.truck-type-tag.more{background:#f5f5f5;color:#666}.forwarder-contact{background:#f8f9fa;border-bottom:1px solid var(--border-gray);padding:var(--spacing-4)}.contact-info p{color:var(--text-dark);margin:var(--spacing-1) 0}.offer-card{padding:var(--spacing-6)}.offer-job-title{color:var(--dark-gray);font-size:var(--font-size-lg);font-weight:600;margin:0}.offer-status{font-weight:500}.offer-status.pending{background-color:#fef3c7;color:#92400e}.offer-status.accepted{background-color:#ecfdf5;color:#065f46}.offer-status.rejected{background-color:#fef2f2;color:#991b1b}.offer-route{color:var(--dark-gray);font-weight:500;margin-bottom:var(--spacing-3)}.offer-info p{color:var(--medium-gray);font-size:var(--font-size-sm);margin:var(--spacing-1) 0}.forwarder-response{background-color:#f0f9ff;border-left:4px solid var(--primary-blue);border-radius:var(--radius-md);margin-top:var(--spacing-3);padding:var(--spacing-3)}.forwarder-response p{color:var(--dark-gray);font-size:var(--font-size-sm);margin:0}.notifications-list,.offer-actions{gap:var(--spacing-3)}.notifications-list{grid-gap:var(--spacing-3);display:grid}.notification-card{padding:var(--spacing-4);position:relative;transition:all .2s ease-in-out}.notification-card.unread{background-color:#f0f9ff;border-left:4px solid var(--primary-blue)}.notification-content{align-items:flex-start;display:flex;gap:var(--spacing-3)}.notification-icon{flex-shrink:0;font-size:var(--font-size-lg)}.notification-text{flex:1 1}.notification-title{color:var(--dark-gray);font-size:var(--font-size-sm)}.notification-message{color:var(--medium-gray);font-size:var(--font-size-sm);line-height:1.4;margin:0 0 var(--spacing-2) 0}.notification-time{color:var(--medium-gray);font-size:var(--font-size-xs)}.notification-badge{background-color:var(--primary-blue);border-radius:50%;height:8px;position:absolute;right:var(--spacing-4);top:var(--spacing-4);width:8px}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--spacing-6)}.map-card{padding:var(--spacing-6)}.map-card h3{color:var(--dark-gray);font-size:var(--font-size-lg);margin:0 0 var(--spacing-4) 0}.map-container{background-color:var(--light-gray);border-radius:var(--radius-md);height:300px;overflow:hidden}.map-placeholder{background:linear-gradient(135deg,#e5e7eb,#f3f4f6)}.map-content,.map-europe,.map-placeholder{height:100%;position:relative;width:100%}.map-europe{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23F3F4F6' d='M0 0h100v100H0z'/%3E%3Cpath d='M20 30q10-5 20 0t20 0 20 0v40q-10 5-20 0t-20 0-20 0Z' fill='%23E5E7EB' stroke='%23D1D5DB' stroke-width='.5'/%3E%3C/svg%3E");background-position:50%;background-size:cover}.map-point{background-color:var(--primary-blue);border:2px solid var(--white);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;height:12px;position:absolute;transition:all .2s ease-in-out;width:12px}.map-point:hover{box-shadow:var(--shadow-md);transform:scale(1.2)}.map-legend{background-color:var(--white);border-radius:var(--radius-md);bottom:var(--spacing-4);box-shadow:var(--shadow-sm);left:var(--spacing-4);padding:var(--spacing-3)}.legend-item{color:var(--medium-gray);font-size:var(--font-size-xs);gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.legend-item:last-child{margin-bottom:0}.legend-dot{height:8px;width:8px}.legend-dot.active{background-color:var(--primary-blue)}.legend-dot.pending{background-color:#f59e0b}.legend-dot.completed{background-color:#10b981}.quick-actions-section{margin-bottom:2rem}.quick-actions-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.quick-actions-title{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-button{border-radius:8px;font-size:.95rem;font-weight:500;justify-content:center;padding:.875rem 1.25rem;transition:all .2s ease;width:100%}.quick-action-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.activity-feed-section{margin-bottom:2rem}.activity-feed-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.activity-feed-title{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.activity-feed-list{display:flex;flex-direction:column;gap:1rem}.activity-item{background:#f8f9fa;border-left:3px solid #0000;transition:all .2s ease}.activity-item:hover{background:#f1f5f9;transform:translateX(4px)}.activity-item.priority-high{background:#f0f4ff;border-left-color:#667eea}.activity-icon{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:1.5rem;height:40px;width:40px}.activity-content{display:flex;flex-direction:column;gap:.25rem}.activity-title{color:#2d3748;font-size:.95rem;font-weight:600}.activity-message{color:#64748b;font-size:.85rem}.activity-time{color:#94a3b8;font-size:.75rem;margin-top:.25rem}@media (max-width:1200px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{order:-1}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}.stats-grid{grid-template-columns:repeat(2,1fr)}.tab-navigation{flex-direction:column}.tab-button{text-align:left}.job-actions,.offer-actions{flex-direction:column}.map-container{height:200px}.quick-actions-grid{grid-template-columns:1fr}.contracts-filters,.contracts-filters .filter-group{align-items:stretch;flex-direction:column}.contracts-filters .filter-group{min-width:auto}.contracts-filters .filter-group label{margin-bottom:.5rem}.contract-item-header{flex-direction:column;gap:1rem}.contract-rating-modern{flex-direction:row;gap:1rem;text-align:left}.contract-footer-modern{align-items:stretch;flex-direction:column}.contract-actions-modern{width:100%}.contract-actions-modern button{flex:1 1}.detail-row{grid-template-columns:repeat(2,1fr)}.contract-dates{justify-content:space-between;width:100%}}@media (max-width:480px){.dashboard-header{padding:var(--spacing-4) 0}.header-content{flex-direction:column;gap:var(--spacing-3);min-height:auto;text-align:center}.header-left{flex:none}.dashboard-title{font-size:1.5rem}.dashboard-main{padding:0 0 var(--spacing-6) 0}.stats-section{padding:var(--spacing-4) var(--spacing-3)}.stats-grid{grid-template-columns:1fr}.job-card,.offer-card,.tab-content{padding:var(--spacing-4)}.activity-item{flex-direction:column;gap:.75rem}.activity-icon{align-self:flex-start}}.earnings-section{padding:var(--spacing-6)}.earnings-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr 1fr}.earnings-summary-card,.recent-payments-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.earnings-header{align-items:center;border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;padding:var(--spacing-4)}.earnings-header h3{color:var(--primary-blue);font-size:var(--font-size-lg);margin:0}.earnings-period{color:var(--medium-gray);font-size:var(--font-size-sm)}.earnings-stats{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:1fr 1fr;padding:var(--spacing-4)}.earnings-stat{align-items:center;background:var(--light-gray);border-radius:var(--border-radius-md);display:flex;flex-direction:column;padding:var(--spacing-3);text-align:center}.stat-label{font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--spacing-1)}.recent-payments-card h3,.stat-value{color:var(--primary-blue);font-size:var(--font-size-lg)}.recent-payments-card h3{border-bottom:1px solid var(--border-gray);margin:0;padding:var(--spacing-4)}.payments-list{padding:var(--spacing-4)}.payment-item{align-items:center;border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;padding:var(--spacing-3);transition:background-color .2s ease}.payment-item:last-child{border-bottom:none}.payment-item:hover{background-color:var(--light-gray)}.payment-info h4{color:var(--dark-gray);font-size:var(--font-size-md);margin:0 0 var(--spacing-1) 0}.payment-info p{color:var(--medium-gray);font-size:var(--font-size-sm);margin:0 0 var(--spacing-1) 0}.payment-date{color:var(--medium-gray);font-size:var(--font-size-xs)}.payment-amount .amount{color:var(--primary-blue);display:block;font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-1)}.payment-amount .status{border-radius:var(--border-radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-1) var(--spacing-2);text-transform:uppercase}.status.paid{background-color:var(--success-green);color:#fff}.status.pending{background-color:var(--warning-orange);color:#fff}@media (max-width:768px){.earnings-grid,.earnings-stats{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009}.contact-modal,.negotiation-modal{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{padding:var(--spacing-4)}.modal-header h2{color:var(--primary-blue);font-size:var(--font-size-lg)}.modal-close{font-size:var(--font-size-xl)}.modal-body{padding:var(--spacing-4)}.negotiation-modal{background:#fff!important;opacity:1!important;z-index:1001}.negotiation-modal .modal-header{background:#fff;border-bottom:1px solid var(--border-gray)}.negotiation-form,.negotiation-modal .modal-body{background:#fff}.contract-summary{background-color:var(--light-gray);border-radius:var(--border-radius-md);padding:var(--spacing-3)}.contract-summary h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}.contract-summary p{margin:var(--spacing-1) 0}.job-summary{background-color:var(--light-gray);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-3)}.job-summary h3{color:var(--primary-blue);font-size:var(--font-size-md);margin:0 0 var(--spacing-2) 0}.job-summary p{color:var(--dark-gray);font-size:var(--font-size-sm);margin:0 0 var(--spacing-1) 0}.contact-form{gap:var(--spacing-3)}.form-group{gap:var(--spacing-1)}.form-group label{color:var(--dark-gray)}.form-group input,.form-group textarea{border:1px solid var(--border-gray);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);padding:var(--spacing-2)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-blue)}.form-row{grid-gap:var(--spacing-3);gap:var(--spacing-3)}.form-actions{border-top:1px solid var(--border-gray);margin-top:var(--spacing-4);padding-top:var(--spacing-3)}.details-modal{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg)}.job-details-content{padding:0}.detail-section{border-bottom:1px solid var(--border-gray);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4)}.detail-section h3{color:var(--primary-blue);font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-2) 0}.detail-section h4{color:var(--dark-gray);font-size:var(--font-size-lg);margin:0 0 var(--spacing-3) 0}.detail-section h5{color:var(--primary-blue);font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-2) 0}.job-meta{align-items:center;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.status-badge{border-radius:12px;padding:.3rem .8rem}.status-badge.active{background-color:#ecfdf5;color:#065f46}.status-badge.urgent{background-color:#fef2f2;color:#991b1b}.status-badge.completed{background-color:#eff6ff;color:#1e40af}.date-created{color:var(--medium-gray);font-size:.85rem}.forwarder-info{background-color:#f8f9fa;border:1px solid var(--border-gray);border-radius:var(--radius-md);padding:var(--spacing-4)}.forwarder-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.forwarder-rating{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.stars{color:#f59e0b;font-size:var(--font-size-sm);font-weight:600}.rating-text{color:var(--medium-gray);font-size:.75rem}.company-description{line-height:1.5;margin:0 0 var(--spacing-3) 0}.company-description,.contact-info p{color:var(--dark-gray);font-size:var(--font-size-sm)}.contact-info p{margin:.5rem 0}.requirements-grid{display:flex;flex-direction:column;gap:var(--spacing-3)}.requirements-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.requirement-tag{background:#e3f2fd;border-radius:8px;color:#1976d2;font-size:.75rem;font-weight:500;padding:.3rem .6rem}.capabilities-grid{display:flex;flex-direction:column;gap:var(--spacing-3)}.capability-item{display:flex;flex-direction:column;gap:.5rem}.capability-label{color:var(--medium-gray);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.capability-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag.certification{background:#fff3e0;color:#e65100}.additional-details{background-color:#f8f9fa;border:1px solid var(--border-gray);border-radius:var(--radius-md);padding:var(--spacing-4)}.job-description{color:var(--dark-gray);font-size:var(--font-size-sm);line-height:1.6;margin:0}.modal-actions{border-top:1px solid var(--border-gray);gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-4)}.forwarder-stats{grid-gap:1rem;background:#f8f9fa;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:1rem 0;padding:1rem}.stat-item{flex-direction:column;text-align:center}.stat-label{color:#666;font-size:.85rem;margin-bottom:.25rem}.stat-value{color:#333;font-size:1.1rem;font-weight:600}.countries-list{margin-top:.5rem}.country-tag{border:1px solid #bbdefb;border-radius:16px;font-size:.85rem}.no-data{color:#999}.duration-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.duration-item{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;display:flex;flex-direction:column;padding:.75rem}.duration-label{color:#666;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.duration-value{color:#333;font-size:1rem;font-weight:600}.edit-contract-modal{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:600px;width:100%}.contract-summary{background-color:#f8f9fa;border:1px solid var(--border-gray);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.contract-summary h3{color:var(--primary-blue);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-2) 0}.contract-summary p{color:var(--dark-gray);font-size:var(--font-size-sm);margin:.5rem 0}.edit-contract-form{padding:0}.edit-contract-form .form-section{border-bottom:1px solid var(--border-gray);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4)}.edit-contract-form .form-section:last-of-type{border-bottom:none;margin-bottom:0}.edit-contract-form .form-section h4{color:var(--dark-gray);font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-3) 0}.edit-contract-form .form-row{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-4)}.edit-contract-form .form-group{display:flex;flex-direction:column}.edit-contract-form .form-group label{color:var(--dark-gray);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-2)}.edit-contract-form .form-group input,.edit-contract-form .form-group textarea{border:1px solid var(--border-gray);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--spacing-3);transition:border-color .2s ease,box-shadow .2s ease}.edit-contract-form .form-group input:focus,.edit-contract-form .form-group textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-contract-form .form-group textarea{min-height:80px;resize:vertical}.edit-contract-form .form-actions{border-top:1px solid var(--border-gray);display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6);padding-top:var(--spacing-4)}.checkbox-grid{border:1px solid var(--border-gray);border-radius:var(--radius-sm);max-height:200px}.checkbox-item:hover{background-color:#f0f0f0}.checkbox-item label{font-size:var(--font-size-sm);font-weight:500}.edit-contract-form input[type=date]{border:1px solid var(--border-gray);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--spacing-3);transition:border-color .2s ease,box-shadow .2s ease}.edit-contract-form input[type=date]:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-contract-form input[type=checkbox]{cursor:pointer;margin-right:.5rem;width:auto}.edit-contract-form .form-section{background:#fafafa;border:1px solid #e5e5e5;border-radius:var(--radius-md);padding:var(--spacing-4)}.edit-contract-form .form-section h4{border-bottom:2px solid var(--primary-blue);color:var(--primary-blue);margin-bottom:var(--spacing-4);padding-bottom:.5rem}.offer-modal{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:700px}.offer-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-section{background-color:#f8f9fa;border:1px solid var(--border-gray);border-radius:var(--radius-md);padding:var(--spacing-4)}.form-section h4{color:var(--primary-blue);font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-3) 0}@media (max-width:768px){.contact-modal,.details-modal,.offer-modal{margin:var(--spacing-2);max-height:95vh}.form-row{grid-template-columns:1fr}.form-actions,.modal-actions{flex-direction:column}.form-actions button,.modal-actions button{width:100%}.forwarder-header{flex-direction:column;gap:var(--spacing-2)}.forwarder-header,.forwarder-rating,.job-meta{align-items:flex-start}.job-meta{flex-direction:column;gap:var(--spacing-2)}}.haulier-available-jobs-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.haulier-available-jobs-container{flex:1 1;margin-left:280px;padding:2rem}.haulier-available-jobs-header{color:#fff;margin-bottom:2rem;text-align:center}.haulier-available-jobs-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.haulier-available-jobs-subtitle{font-size:1.1rem;margin:0 auto;max-width:600px;opacity:.9}.compact-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.filter-section{flex:1 1;gap:.5rem;min-width:200px}.operating-countries-section{align-items:flex-start;flex-direction:column;margin-bottom:1rem;min-width:100%;width:100%}.section-label{color:#1a1a1a;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.section-description{color:#666;font-size:.875rem;margin-bottom:1rem}.checkbox-grid{width:100%}.checkbox-item{border:1px solid #e9ecef;padding:.75rem;transition:background-color .2s}.checkbox-item:hover{background-color:#f8f9fa;border-color:#4caf50}.checkbox-item input[type=checkbox]{accent-color:#4caf50}.checkbox-item label{color:#1a1a1a;cursor:pointer;flex:1 1;font-size:.875rem;margin:0}.selected-items{background-color:#f8f9fa;border-left:4px solid #4caf50;border-radius:8px;font-size:.875rem;margin-top:1rem;padding:1rem;width:100%}.selected-items strong{color:#1a1a1a;display:block;margin-bottom:.5rem}.filter-label{color:#2d3748;font-size:.9rem;font-weight:600;white-space:nowrap}.filter-tags{display:flex;flex-wrap:wrap;gap:.3rem}.filter-tag{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#4a5568;cursor:pointer;font-size:.8rem;font-weight:500;min-width:32px;padding:.4rem .8rem;text-align:center;transition:all .2s ease}.filter-tag:hover{background:#e2e8f0;border-color:#cbd5e0;color:#2d3748}.filter-tag.active{background:#667eea;border-color:#667eea;box-shadow:0 2px 4px #667eea4d;color:#fff;font-weight:600}.traffic-lines-container{display:flex;flex-direction:column;gap:.5rem}.search-input-container{align-items:center;display:flex;position:relative}.traffic-line-search{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#2d3748;font-size:.8rem;padding:.5rem 2rem .5rem .75rem;transition:all .2s ease;width:100%}.traffic-line-search:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.traffic-line-search::placeholder{color:#9ca3af}.clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:.2rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:20px}.clear-search-btn:hover{background:#f1f5f9;color:#4a5568}.no-results{background:#f8fafc;border:1px dashed #d1d5db;border-radius:6px;color:#9ca3af;font-size:.8rem;font-style:italic;padding:.5rem}.traffic-lines-selector{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:.4rem;max-height:300px;overflow-x:hidden;overflow-y:auto;padding:.5rem}.traffic-line-tag{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#4a5568;cursor:pointer;display:inline-block;font-size:.8rem;font-weight:500;min-width:60px;overflow:hidden;padding:.4rem .8rem;position:relative;text-align:center;transition:all .3s ease;z-index:1}.traffic-line-tag:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.traffic-line-tag:hover:before{left:100%}.traffic-line-tag:hover{background:#e2e8f0;border-color:#cbd5e0;box-shadow:0 2px 4px #0000001a;color:#2d3748;transform:translateY(-1px)}.traffic-line-tag.selected{background:#667eea;border-color:#667eea;box-shadow:0 2px 4px #667eea4d;color:#fff;font-weight:600;transform:translateY(-1px)}.traffic-line-tag.selected:after{align-items:center;background:#10b981;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;content:"✓";display:flex;font-size:.6rem;font-weight:700;height:16px;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px}.more-btn{background:#f1f5f9!important;border:1px dashed #cbd5e0!important;color:#718096!important;font-style:italic}.filter-actions{gap:.5rem;margin-left:auto}.clear-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s ease}.clear-btn:hover{background:#e2e8f0;border-color:#cbd5e0;color:#2d3748}.advanced-filters{border-top:1px solid #e2e8f0;display:block;margin-top:1rem;padding-top:1rem}.range-inputs{align-items:center;display:flex;gap:.5rem}.range-inputs input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#2d3748;font-size:.8rem;padding:.4rem .6rem;transition:all .2s ease;width:70px}.range-inputs input::placeholder{color:#9ca3af;font-size:.75rem}.range-inputs input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.range-inputs span{color:#718096;font-size:.8rem;font-weight:500}.sort-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#2d3748;cursor:pointer;font-size:.8rem;min-width:100px;padding:.4rem .6rem;transition:all .2s ease}.sort-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.sort-select option{background:#fff;color:#2d3748}.trucks-filter-container{display:flex;flex-direction:column;gap:.75rem}.trucks-quick-select{display:flex;flex-wrap:wrap;gap:.3rem}.trucks-range-container{display:flex;flex-direction:column;gap:.5rem}.trucks-range-inputs{align-items:center;display:flex;gap:.5rem}.trucks-range-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#2d3748;font-size:.8rem;padding:.4rem .6rem;transition:all .2s ease;width:60px}.trucks-range-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.trucks-range-input::placeholder{color:#9ca3af;font-size:.75rem}@media (max-width:768px){.filter-row{align-items:stretch;flex-direction:column;gap:1rem}.filter-section{justify-content:space-between;min-width:auto}.filter-actions{margin-left:0}.filter-actions,.traffic-lines-selector{justify-content:center}.range-inputs{align-items:stretch;flex-direction:column;gap:.25rem}.range-inputs input{width:100%}.range-inputs span{order:-1;text-align:center}}.jobs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.job-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.job-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.job-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.job-company h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.job-rating{font-size:.85rem;text-align:right}.rating{color:#2d3748;display:block;font-weight:600;margin-bottom:.25rem}.response-time,.success-rate{color:#718096;display:block;font-size:.75rem}.job-requirements{margin-bottom:1.5rem}.requirement-item{align-items:center;border-bottom:1px solid #f7fafc;display:flex;justify-content:space-between;padding:.5rem 0}.requirement-item:last-child{border-bottom:none}.requirement-label{color:#718096;font-size:.8rem;font-weight:500}.requirement-value{color:#2d3748;font-weight:600}.job-details{margin-bottom:1.5rem}.detail-item{margin-bottom:1rem}.detail-label{display:block;font-size:.8rem;margin-bottom:.5rem}.country-tags,.specialty-tags,.truck-type-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.country-tag{background:#e3f2fd;color:#1976d2}.specialty-tag,.truck-type-tag{border-radius:12px;font-size:.75rem}.truck-type-tag{background:#e8f5e8;color:#2e7d32;font-weight:500;padding:.25rem .75rem}.job-actions{display:flex;gap:.75rem;justify-content:flex-end}.no-jobs-card{grid-column:1/-1;padding:3rem}.no-jobs-content h3{color:#2d3748;margin-bottom:1rem}.no-jobs-content p{color:#718096}.contact-modal,.details-modal,.offer-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.job-summary{background:#f7fafc;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.job-summary h3{color:#2d3748;font-size:1.1rem;margin:0 0 .75rem}.job-summary p{color:#4a5568;font-size:.9rem;margin:.25rem 0}.contact-form,.offer-form{display:flex;flex-direction:column;gap:1rem}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;padding:.75rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#667eea}.job-details-content h3{color:#2d3748;margin-bottom:1rem}.job-details-content p{color:#4a5568;margin:.5rem 0}.job-details-content h4{border-bottom:2px solid #e9ecef;color:#2d3748;font-size:1.1rem;margin-bottom:.75rem;margin-top:1.5rem;padding-bottom:.5rem}.additional-details-section{background-color:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-top:1.5rem;padding:1rem}.additional-details-section h4{border-bottom:none;margin-top:0;padding-bottom:0}.job-details-content ul{color:#4a5568;margin:.5rem 0 1rem 1.5rem}.job-details-content li{margin-bottom:.25rem}@media (max-width:768px){.haulier-available-jobs-container{margin-left:0;padding:1rem}.haulier-available-jobs-title{font-size:2rem}.haulier-available-jobs-subtitle{font-size:1rem}.jobs-grid{gap:1rem;grid-template-columns:1fr}.job-header{align-items:flex-start;flex-direction:column;gap:.5rem}.job-rating{text-align:left}.form-row{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@media (max-width:480px){.haulier-available-jobs-container{padding:.5rem}.haulier-available-jobs-title{font-size:1.75rem}.job-card{padding:1rem}.job-actions{flex-direction:column}.job-actions button{width:100%}.checkbox-grid{grid-template-columns:1fr}}.compact-filters{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.filter-category{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s ease}.filter-category:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.filter-category-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background-color .2s ease}.filter-category-header:hover{background:#f7fafc}.filter-category-header h4{align-items:center;color:#2d3748;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin:0}.filter-count{background:#667eea;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;min-width:20px;padding:.25rem .5rem;text-align:center}.toggle-icon{color:#718096;font-size:.8rem;font-weight:700;transition:transform .2s ease}.filter-category-content{background:#fff;padding:1rem}.filter-category-content .filter-row{margin-bottom:1rem}.filter-category-content .filter-row:last-child{margin-bottom:0}@media (max-width:768px){.compact-filters{gap:.5rem}.filter-category-header{padding:.5rem .75rem}.filter-category-content{padding:.75rem}.filter-category-header h4{font-size:.85rem}.filter-count{font-size:.7rem;padding:.2rem .4rem}}.haulier-my-offers-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.haulier-my-offers-container{flex:1 1;margin-left:280px;padding:2rem}.haulier-my-offers-header{color:#fff;margin-bottom:2rem;text-align:center}.haulier-my-offers-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.haulier-my-offers-subtitle{font-size:1.1rem;margin:0 auto;max-width:600px;opacity:.9}.offers-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.offer-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.offer-card:hover{box-shadow:0 8px 25px #00000026}.offer-header{border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:1rem}.offer-job h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.status-badge.accepted{background:#c6f6d5;color:#2f855a}.status-badge.rejected{background:#fed7d7;color:#c53030}.offer-date{color:#718096;font-size:.85rem;text-align:right}.offer-details,.offer-notes{margin-bottom:1.5rem}.offer-notes{background:#f7fafc;border-radius:8px;padding:1rem}.notes-label{color:#718096;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.notes-text{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.no-offers-card{grid-column:1/-1;padding:3rem;text-align:center}.no-offers-content h3{color:#2d3748;margin-bottom:1rem}.no-offers-content p{color:#718096;margin-bottom:1.5rem}.details-modal{box-shadow:0 20px 25px -5px #0000001a;max-width:600px;width:100%}.offer-details-content h3{color:#2d3748;font-size:1.3rem;margin-bottom:1.5rem}.detail-section{border-bottom:1px solid #e2e8f0}.detail-section h4{color:#2d3748;font-size:1.1rem;margin-bottom:1rem}.detail-section p{color:#4a5568;line-height:1.5;margin:.5rem 0}.detail-section .notes-text{background:#f7fafc;border-radius:6px;margin-top:.5rem;padding:.75rem}.offer-form{margin-top:1rem}.form-row{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem}.modal-actions{margin-top:1.5rem}@media (max-width:768px){.haulier-my-offers-container{margin-left:0;padding:1rem}.haulier-my-offers-title{font-size:2rem}.haulier-my-offers-subtitle{font-size:1rem}.offers-grid{gap:1rem;grid-template-columns:1fr}.offer-header{align-items:flex-start;flex-direction:column;gap:.5rem}.offer-date{text-align:left}.detail-row{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (max-width:480px){.haulier-my-offers-container{padding:.5rem}.haulier-my-offers-title{font-size:1.75rem}.offer-card{padding:1rem}.offer-actions{justify-content:center}.offer-actions button{width:100%}}.haulier-earnings-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.haulier-earnings-container{flex:1 1;margin-left:280px;padding:2rem}.haulier-earnings-header{color:#fff;margin-bottom:2rem;text-align:center}.haulier-earnings-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.haulier-earnings-subtitle{font-size:1.1rem;margin:0 auto;max-width:600px;opacity:.9}.earnings-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding:.5rem}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.tab-button:hover{background:#ffffff1a}.tab-button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#667eea}.earnings-overview{margin-bottom:2rem}.earnings-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.payments-section{margin-bottom:2rem}.section-header h2{color:#fff}.payments-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.payment-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.payment-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.payment-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.payment-job h3{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.status-badge.paid{background:#c6f6d5;color:#2f855a}.status-badge.pending{background:#fef5e7;color:#d69e2e}.payment-amount{color:#2d3748;font-size:1.2rem;font-weight:600;text-align:right}.payment-details{margin-bottom:1rem}.no-payments-card{grid-column:1/-1;padding:3rem;text-align:center}.no-payments-content h3{color:#2d3748;margin-bottom:1rem}.no-payments-content p{color:#718096}.performance-section{margin-bottom:2rem}.performance-card h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.performance-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.performance-stat{background:#f7fafc;border-radius:8px;padding:1rem;text-align:center}.stat-number{color:#2d3748;display:block;font-size:1.5rem;margin-bottom:.5rem}@media (max-width:768px){.haulier-earnings-container{margin-left:0;padding:1rem}.haulier-earnings-title{font-size:2rem}.haulier-earnings-subtitle{font-size:1rem}.earnings-stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:1rem}.stat-icon{font-size:1.5rem;height:50px;width:50px}.stat-value{font-size:1.25rem}.payments-grid{gap:1rem;grid-template-columns:1fr}.payment-header{align-items:flex-start;flex-direction:column;gap:.5rem}.payment-amount{text-align:left}.detail-row{align-items:flex-start;flex-direction:column;gap:.25rem}.performance-stats{gap:1rem;grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.earnings-tabs{flex-direction:column;gap:.5rem}.tab-button{font-size:.9rem;padding:.5rem 1rem}.charts-grid{gap:1rem;grid-template-columns:1fr}.chart-container{height:300px}.kilometer-stats{gap:1rem;grid-template-columns:1fr}}.kilometer-tracking-section{margin-bottom:2rem}.kilometer-info-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center}.kilometer-info-card h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.kilometer-info-card p{color:#718096;font-size:1.1rem;margin-bottom:2rem}.kilometer-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.kilometer-stat{background:#f7fafc;border-radius:8px;padding:1.5rem;text-align:center}.kilometer-stat .stat-number{color:#2d3748;display:block;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.kilometer-stat .stat-label{color:#718096;font-size:.9rem;font-weight:500}@media (max-width:480px){.haulier-earnings-container{padding:.5rem}.haulier-earnings-title{font-size:1.75rem}.earnings-stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.payment-card{padding:1rem}.performance-card{padding:1.5rem}.earnings-tabs{flex-direction:column;gap:.5rem}.tab-button{font-size:.9rem;padding:.5rem 1rem}.charts-grid{gap:1rem;grid-template-columns:1fr}.chart-container{height:250px}.kilometer-stats{gap:1rem;grid-template-columns:1fr}}.haulier-dashboard .dashboard-content{background:linear-gradient(135deg,#667eea,#764ba2);margin:0;max-width:none;min-height:100vh;padding:3rem 2rem;width:100%}.overview-header{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1000px;padding:0 2rem}.overview-header h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.overview-header p{color:#ffffffe6;font-size:1.1rem}.overview-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(5,1fr);margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1600px;padding:0 2rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #0000001a;color:#fff;transition:transform .2s ease}.stat-icon{font-size:2.5rem;margin-right:1rem}.stat-value{font-size:2rem}.stat-label{opacity:.9}.contracts-section{margin-left:auto;margin-right:auto;margin-top:2rem;max-width:1800px;padding:0 2rem}.contracts-section h2{color:#fff;font-size:1.8rem;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px #0000004d}.contracts-container{width:100%}.contracts-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));padding:0}.contract-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.contract-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.contract-card:hover{box-shadow:0 12px 24px #0000001a,0 4px 8px #0000001a;transform:translateY(-4px)}.contract-card-content{padding:2rem}.contract-card-header{align-items:flex-start;border-bottom:2px solid #f7fafc;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.contract-info{display:flex;flex-direction:column;gap:.5rem}.contract-company{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0}.contract-title{color:#718096;font-size:.9rem;font-style:italic}.contract-rating{text-align:right}.rating-value{color:#f6ad55;font-size:1rem;font-weight:600}.contract-details{margin-bottom:2rem}.operating-countries{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.countries-label{color:#4a5568;display:block;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.countries-value{color:#1a202c;font-size:1rem;font-weight:500;line-height:1.5}.contract-metrics{flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.contract-metrics,.metric-item{display:flex;justify-content:center}.metric-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;flex:0 1 160px;flex-direction:column;padding:1rem;text-align:center;transition:all .2s ease}.metric-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-2px)}.metric-label{font-size:.8rem;font-weight:600;letter-spacing:.05em;line-height:1.2;margin-bottom:.5rem}.metric-value{color:#1a202c;font-size:1.1rem;line-height:1.2}.contract-period{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.25rem}.period-info{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.period-item{display:flex;flex-direction:column;gap:.5rem}.period-label{color:#4a5568;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.period-value{color:#1a202c;font-size:1rem;font-weight:700}.contract-earnings{align-items:center;background:linear-gradient(135deg,#4caf50,#8bc34a);border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.earnings-label{font-size:.9rem;opacity:.9}.earnings-value{font-size:1.1rem;font-weight:700}.contract-actions{flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.contract-actions button{border:2px solid #0000;border-radius:8px;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.contract-actions button:first-child{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;color:#fff}.contract-actions button:first-child:hover{box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.contract-actions button:last-child{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.contract-actions button:last-child:hover{background:#f8fafc;border-color:#cbd5e0;transform:translateY(-2px)}.truck-card-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.truck-info{display:flex;flex-direction:column;gap:.5rem}.truck-id{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0}.truck-status{background:#0000001a;border-radius:20px;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.truck-route{text-align:right}.route-label{color:#718096;display:block;font-size:.8rem;margin-bottom:.25rem}.route-value{color:#2d3748;font-size:.9rem;font-weight:600}.truck-details{margin-bottom:1.5rem}.company-info{align-items:center;justify-content:space-between;margin-bottom:1rem}.company-name{color:#2d3748}.company-rating{color:#f6ad55;font-weight:600}.pricing-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.price-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;justify-content:space-between;padding:.5rem}.price-label{color:#718096;font-size:.8rem}.price-value{color:#2d3748;font-weight:600}.truck-timeline{margin-bottom:1.5rem}.timeline-info{display:flex;gap:1rem;justify-content:center}.timeline-item{display:flex;flex-direction:column;gap:.25rem}.timeline-label{color:#718096;font-size:.8rem}.timeline-value{color:#2d3748;font-size:.9rem;font-weight:600}.driver-info{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.driver-label{color:#718096;font-size:.9rem}.driver-contact{color:#4a5568;font-size:.9rem}.truck-actions{display:flex;gap:.75rem;justify-content:flex-end}.truck-actions button{font-size:.8rem;padding:.5rem 1rem}@media (max-width:1400px){.overview-stats{grid-template-columns:repeat(2,1fr);max-width:1200px}.contracts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width:1200px){.overview-stats{grid-template-columns:repeat(2,1fr);max-width:1000px}.contracts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.haulier-dashboard .dashboard-content{padding:1.5rem 1rem}.overview-header h1{font-size:2rem}.overview-stats{gap:1.5rem;grid-template-columns:repeat(2,1fr);max-width:600px}.stat-card{padding:1.5rem 1rem}.stat-value{font-size:2rem}.contracts-grid{gap:1.5rem;grid-template-columns:1fr}.contract-card-content{padding:1.5rem}.contract-metrics{gap:.75rem;justify-content:center}.metric-item{flex:0 1 140px;padding:.75rem}.period-info{gap:1rem;grid-template-columns:1fr}.contract-actions{flex-direction:column;gap:.75rem}.contract-actions button{justify-content:center;width:100%}.truck-card-header{flex-direction:column;gap:1rem}.truck-route{text-align:left}.pricing-info,.timeline-info{grid-template-columns:1fr}.driver-info{align-items:flex-start;gap:.5rem}.driver-info,.truck-actions{flex-direction:column}}@media (max-width:480px){.contract-metrics{gap:.75rem;grid-template-columns:1fr}.metric-item{padding:1rem}}.edit-contract-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.modal-header h3{color:#2d3748;font-size:1.25rem;margin:0}.modal-close:hover{color:#2d3748}.modal-body .form-group{margin-bottom:1.5rem}.modal-body label{color:#2d3748;display:block;font-weight:500;margin-bottom:.5rem}.modal-body input{border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.modal-body input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-actions{border-top:1px solid #e2e8f0;padding:1.5rem}.haulier-dashboard{display:flex;min-height:100vh}.dashboard-main{flex:1 1;margin-left:250px;min-height:100vh;overflow-x:auto}@media (max-width:768px){.dashboard-main{margin-left:0}.contract-actions{flex-direction:column}.edit-contract-modal{margin:1rem;width:95%}.modal-actions{flex-direction:column}}.kilometer-tracking-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.kilometer-tracking-container{flex:1 1;margin-left:280px;padding:2rem}.kilometer-tracking-header{color:#fff;margin-bottom:2rem;text-align:center}.kilometer-tracking-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.kilometer-tracking-subtitle{font-size:1.1rem;margin:0 auto;max-width:600px;opacity:.9}.summary-stats{margin-bottom:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{box-shadow:0 4px 6px #0000001a}.stat-card:hover{box-shadow:0 8px 25px #00000026}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-value{color:#2d3748}.stat-label{color:#718096}.add-form-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.form-header{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem}.form-header h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.kilometer-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;transition:border-color .2s ease,box-shadow .2s ease}.add-button-container{display:flex;justify-content:center;margin-bottom:2rem}.entries-section{margin-bottom:2rem}.entries-section h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.entries-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.entry-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.entry-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.entry-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.entry-month h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.entry-earnings{color:#2d3748;font-size:1.1rem;font-weight:700}.entry-actions{display:flex;gap:.5rem}.delete-button{border-color:#e53e3e!important;color:#e53e3e!important}.delete-button:hover{background-color:#e53e3e!important;color:#fff!important}.entry-details{margin-bottom:1rem}.no-entries-card{grid-column:1/-1;padding:3rem;text-align:center}.no-entries-content h3{color:#2d3748;margin-bottom:1rem}.no-entries-content p{color:#718096;margin-bottom:1.5rem}@media (max-width:768px){.kilometer-tracking-container{margin-left:0;padding:1rem}.kilometer-tracking-title{font-size:2rem}.kilometer-tracking-subtitle{font-size:1rem}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:1rem}.stat-icon{font-size:1.5rem;height:50px;width:50px}.stat-value{font-size:1.25rem}.entries-grid{gap:1rem;grid-template-columns:1fr}.entry-header{align-items:flex-start;flex-direction:column;gap:1rem}.entry-actions{justify-content:flex-end;width:100%}.form-row{grid-template-columns:1fr}.form-actions{justify-content:center}}@media (max-width:480px){.kilometer-tracking-container{padding:.5rem}.kilometer-tracking-title{font-size:1.75rem}.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.entry-card{padding:1rem}.add-form-card{padding:1.5rem}}.job-posting-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.job-posting-container{flex:1 1;margin-left:280px;padding:2rem}.job-posting-header{color:#fff;margin-bottom:2rem;text-align:center}.job-posting-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.job-posting-subtitle{font-size:1.1rem;margin:0 auto;max-width:600px;opacity:.9}.job-posting-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.job-posting-form{padding:2rem}.form-section{border-bottom:1px solid #e1e5e9;margin-bottom:2.5rem;padding-bottom:2rem}.checkbox-item:hover{background-color:#e9ecef}.selected-countries{background:#e8f4fd;border:1px solid #b3d9ff;border-radius:8px;color:#06c;margin-top:1rem;padding:1rem}.form-section:last-of-type{border-bottom:none;margin-bottom:1rem}.section-title{align-items:center;color:#2d3748;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.form-row{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-row:last-child{margin-bottom:0}.form-group.full-width{grid-column:1/-1}.form-group label{color:#4a5568;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0}.checkbox-item:hover{background-color:#f7fafc}.checkbox-item span{color:#4a5568;cursor:pointer;font-size:.9rem}.error-message,.success-message{border-radius:8px;margin-bottom:1.5rem;padding:1rem}.error-message{background-color:#fed7d7;border:1px solid #feb2b2}.success-message{background-color:#c6f6d5;border:1px solid #9ae6b4;color:#2f855a}.form-actions{margin-top:2rem;padding-top:2rem}@media (max-width:768px){.job-posting-page{padding:1rem 0}.job-posting-title{font-size:2rem}.job-posting-form{padding:1.5rem}.form-row{gap:1rem}.checkbox-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.job-posting-container{margin-left:0;padding:1rem}.job-posting-title{font-size:2rem}.job-posting-subtitle{font-size:1rem}}@media (max-width:480px){.job-posting-container{padding:.5rem}.job-posting-form{padding:1rem}.section-title{font-size:1.1rem}.job-posting-title{font-size:1.75rem}}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f7fafc;cursor:not-allowed}.form-group label:has(+input[required]):after,.form-group label:has(+select[required]):after,.form-group label:has(+textarea[required]):after{color:#e53e3e;content:" *"}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-group input[type=date],.form-group input[type=time]{font-family:inherit}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#cbd5e0}.form-section{animation:fadeInUp .6s ease-out}.form-help{display:block}.form-section:first-child{animation-delay:.1s}.form-section:nth-child(2){animation-delay:.2s}.form-section:nth-child(3){animation-delay:.3s}.form-section:nth-child(4){animation-delay:.4s}.form-section:nth-child(5){animation-delay:.5s}.form-section:nth-child(6){animation-delay:.6s}.form-section:nth-child(7){animation-delay:.7s}.form-section:nth-child(8){animation-delay:.8s}.find-driver-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.find-driver-container{flex:1 1;margin-left:280px;padding:2rem}.find-driver-header{color:#fff;margin-bottom:2rem;text-align:center}.find-driver-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.find-driver-subtitle{font-size:1.1rem;margin:0 auto;max-width:600px;opacity:.9}.search-filters-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:1.5rem}.search-section{margin-bottom:1.5rem}.search-input-group{align-items:center;gap:1rem}.search-input{border:2px solid #e2e8f0;transition:border-color .2s ease}.search-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.filters-section{grid-gap:1rem;border-top:1px solid #e2e8f0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-top:1rem}.filter-group{gap:.5rem}.filter-group label{color:#2d3748}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;padding:.5rem}.filter-select:focus{border-color:#3182ce}.checkbox-grid{grid-gap:.5rem;background:#f7fafc;border:1px solid #e2e8f0;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:150px}.checkbox-item{font-size:.85rem;padding:.25rem}.checkbox-item:hover{background-color:#edf2f7;border-radius:4px}.checkbox-item input[type=checkbox]{height:16px;width:16px}.form-help{color:#718096;font-size:.75rem;font-style:italic;margin-top:.25rem}.selected-countries-display{background:#ebf8ff;border-radius:4px;color:#4a90e2;font-size:.85rem;margin-top:.5rem;padding:.5rem}.drivers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.driver-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.driver-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.driver-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.driver-profile{gap:1rem}.driver-avatar,.driver-profile{align-items:center;display:flex}.driver-avatar{background:#f7fafc;border:2px solid #e2e8f0;border-radius:50%;font-size:2.5rem;height:60px;justify-content:center;width:60px}.driver-info{flex:1 1}.driver-name{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.driver-location{color:#718096;font-size:.9rem;margin:0 0 .5rem}.availability{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.availability.available{background:#c6f6d5;color:#2f855a}.availability.busy{background:#fef5e7;color:#d69e2e}.availability.unavailable{background:#fed7d7;color:#c53030}.driver-rating{text-align:right}.rating-stars{color:#2d3748;display:block;font-size:1rem;font-weight:600}.rating-count{color:#718096;display:block;font-size:.8rem;margin-top:.25rem}.driver-details{margin-bottom:1rem}.detail-row{border-bottom:1px solid #f7fafc;padding:.5rem 0}.detail-label{color:#718096;font-size:.9rem}.detail-value{color:#2d3748;max-width:60%;text-align:right}.driver-specialties{margin-bottom:1rem}.driver-specialties h4{color:#2d3748;font-size:.9rem;font-weight:600;margin:0 0 .5rem}.specialty-tags{display:flex;flex-wrap:wrap;gap:.5rem}.specialty-tag{background:#e6fffa;border-radius:20px;color:#2c7a7b;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.driver-bio{margin-bottom:1rem}.driver-bio p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.driver-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-top:1rem}.last-active{color:#718096;font-size:.8rem}.no-drivers-card{grid-column:1/-1;padding:3rem;text-align:center}.no-drivers-content h3{color:#2d3748;margin-bottom:1rem}.no-drivers-content p{color:#718096;margin-bottom:0}.contact-modal{box-shadow:0 20px 25px -5px #0000001a}.modal-header{border-bottom:1px solid #e2e8f0;padding:1.5rem}.modal-header h2{color:#2d3748;font-size:1.25rem}.modal-close{color:#718096;height:30px;width:30px}.modal-close:hover{background:#f7fafc}.modal-body{padding:1.5rem}.contact-form{gap:1rem}.form-group label{color:#2d3748}.form-input,.form-select,.form-textarea{border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.9rem;padding:.75rem;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-actions{border-top:1px solid #e2e8f0;padding-top:1rem}@media (max-width:768px){.find-driver-container{margin-left:0;padding:1rem}.find-driver-title{font-size:2rem}.find-driver-subtitle{font-size:1rem}.search-input-group{align-items:stretch;flex-direction:column}.drivers-grid,.filters-section{grid-template-columns:1fr}.drivers-grid{gap:1rem}.driver-header{align-items:flex-start;flex-direction:column;gap:1rem}.driver-rating{text-align:left}.driver-profile{width:100%}.detail-row{align-items:flex-start;flex-direction:column;gap:.25rem}.detail-value{max-width:100%;text-align:left}.driver-footer{align-items:stretch;gap:1rem}.driver-footer,.form-actions{flex-direction:column}}@media (max-width:480px){.find-driver-container{padding:.5rem}.find-driver-title{font-size:1.75rem}.driver-card,.search-filters-card{padding:1rem}.driver-avatar{font-size:2rem;height:50px;width:50px}.contact-modal{margin:.5rem}.modal-body,.modal-header{padding:1rem}}.forwarder-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.dashboard-main-content{padding:1.5rem}.loading-container{gap:1rem;height:100vh}.loading-spinner{border:3px solid #e1e5e9;border-top:3px solid var(--primary-color)}.header-content{align-items:center;display:flex;justify-content:space-between}.header-left{display:flex;flex-direction:column;gap:.5rem}.dashboard-title{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin:0;text-shadow:0 2px 4px #0000001a}.dashboard-subtitle{color:#fff;font-size:1.1rem;margin:0 auto;max-width:600px;opacity:.9;text-shadow:0 1px 2px #0000004d}.user-menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;display:flex;gap:1rem;padding:.75rem 1.5rem}.user-name{color:#fff;font-size:1rem;font-weight:600;text-shadow:0 1px 2px #0000001a}.stats-grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;padding:1.5rem}.stat-card:hover{box-shadow:0 4px 16px #0000001f}.stat-icon{background:linear-gradient(135deg,var(--primary-color),#1e40af);border-radius:12px;min-width:60px;padding:.75rem}.stat-value{color:#1e293b;font-size:1.8rem;margin-bottom:.25rem}.stat-label{color:#64748b}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-areas:"alerts alerts" "pending-offers activity" "shipments activity" "post-job activity" "hauliers chart";grid-template-columns:2fr 1fr}.dashboard-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.alerts-panel{grid-area:alerts}.pending-offers{grid-area:pending-offers}.active-contracts{grid-area:shipments}.recent-activity{grid-area:activity}.post-job-section{grid-area:post-job}.top-hauliers{grid-area:hauliers}.performance-chart{grid-area:chart}.section-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1.75rem 2rem;position:relative}.section-header:before{background:linear-gradient(90deg,#4c1d95,#5b21b6);content:"";height:3px;left:0;position:absolute;right:0;top:0}.section-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.4rem;font-weight:700;gap:.75rem;letter-spacing:-.25px}.section-header h2:before{background:linear-gradient(135deg,#4c1d95,#5b21b6);border-radius:2px;content:"";height:24px;width:4px}.contracts-list{padding:1rem}.contract-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1.5rem;transition:all .2s ease}.contract-item:hover{background:#f1f5f9;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.contract-item:last-child{margin-bottom:0}.contract-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.contract-info{flex:1 1}.contract-number{color:var(--primary-color);font-size:1rem;font-weight:700;margin-bottom:.25rem}.contract-haulier{color:#334155;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.contract-contact{color:#64748b;display:flex;font-size:.85rem;gap:1rem}.contract-status{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.type-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.contract-details{grid-gap:1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;padding:1rem}.contract-metrics{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.metric{display:flex;flex-direction:column;gap:.25rem}.metric-label{color:#64748b;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.metric-value{color:#334155;font-size:.9rem;font-weight:600}.contract-performance{display:flex;flex-direction:column;gap:.75rem}.performance-item{align-items:center;display:flex;justify-content:space-between}.performance-label{color:#64748b;font-size:.8rem;font-weight:500}.performance-value{color:#334155;font-size:.9rem;font-weight:600}.key-info-section{border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:1rem}.key-info-section h4{color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:.5rem}.countries-list{display:flex;flex-wrap:wrap;gap:.5rem}.country-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.contract-terms{grid-gap:1rem;background:#f1f5f9;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding:1rem}.terms-item{display:flex;flex-direction:column;gap:.25rem}.terms-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.terms-value{color:#334155;font-size:.85rem;font-weight:500}.contract-actions{display:flex;gap:.75rem;justify-content:flex-end}.status-badge{color:#fff;font-size:.8rem;font-weight:500;min-width:80px;text-align:center}.progress-bar{background:#e2e8f0;overflow:hidden;width:60px}.progress-bar,.progress-fill{border-radius:3px}.progress-text{color:#64748b;font-size:.75rem;font-weight:500}.activity-list{padding:1rem}.activity-item{border-radius:8px;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:background .2s ease}.activity-item:hover{background:#f8fafc}.activity-item:last-child{margin-bottom:0}.activity-icon{align-items:center;background:#f1f5f9;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;width:32px}.activity-content{flex:1 1}.activity-message{color:#334155;font-size:.9rem;line-height:1.4;margin-bottom:.25rem}.activity-timestamp{color:#64748b;font-size:.8rem}.hauliers-list{padding:1rem}.haulier-item{grid-gap:1rem;background:#f8fafc;display:grid;grid-template-columns:auto 1fr auto auto;margin-bottom:.75rem;transition:all .2s ease}.haulier-item:hover{background:#f1f5f9;transform:translateX(4px)}.haulier-item:last-child{margin-bottom:0}.haulier-rank{color:var(--primary-color);font-size:1.1rem;width:30px}.haulier-info{display:flex;flex-direction:column;gap:.5rem}.haulier-name{color:#1e293b;font-size:.95rem}.haulier-stats .stat{color:#64748b;font-size:.8rem;font-weight:500}.haulier-revenue{color:#059669;font-size:.9rem;font-weight:600}.active-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.chart-legend{display:flex;gap:1.5rem}.legend-item{color:#64748b;font-size:.9rem}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.revenue{background:linear-gradient(135deg,var(--primary-color),#1e40af)}.legend-color.shipments{background:linear-gradient(135deg,#10b981,#059669)}.chart-container{height:200px;padding:2rem}.chart-grid{align-items:end;display:flex;gap:.5rem;height:100%;justify-content:space-between}.chart-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.chart-bars{align-items:end;display:flex;gap:2px;height:150px}.chart-bar{border-radius:6px 6px 0 0;cursor:pointer;transition:all .3s ease;width:12px}.chart-bar:hover{transform:scaleY(1.1)}.chart-bar.revenue{background:linear-gradient(180deg,var(--primary-color),#1e40af)}.chart-bar.shipments{background:linear-gradient(180deg,#10b981,#059669)}.chart-label{color:#64748b;font-size:.8rem;font-weight:500}@media (max-width:1200px){.dashboard-grid{grid-template-areas:"alerts" "pending-offers" "shipments" "activity" "hauliers" "chart";grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.dashboard-main-content{margin-left:0;padding:1rem}.dashboard-main-content.nav-collapsed{margin-left:0}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{justify-content:space-between;width:100%}.stats-grid{gap:1rem;grid-template-columns:1fr 1fr}.stat-card{padding:1rem}.stat-icon{font-size:1.5rem;height:50px;min-width:50px}.stat-value{font-size:1.4rem}.section-header{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1rem 1.5rem}.contract-item{padding:1rem}.contract-header{flex-direction:column;gap:.75rem}.contract-header,.contract-status{align-items:flex-start}.contract-details{gap:1rem}.contract-details,.contract-metrics,.contract-terms{grid-template-columns:1fr}.countries-list{flex-direction:column;gap:.25rem}.country-tag{font-size:.75rem;text-align:center}.contract-actions{justify-content:flex-start}.haulier-item{gap:.75rem;grid-template-columns:1fr}.haulier-stats{flex-wrap:wrap;gap:.5rem}}@media (max-width:480px){.dashboard-header{padding:1rem}.dashboard-title{font-size:1.75rem}.dashboard-subtitle{font-size:.9rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.user-menu{align-self:flex-end}.stats-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;gap:.75rem}.chart-container{height:150px;padding:1rem}.chart-bars{height:100px}}.dashboard-section{animation:fadeInUp .6s ease-out}.stat-card{animation:fadeInUp .4s ease-out}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(5){animation-delay:.5s}.stat-card:nth-child(6){animation-delay:.6s}.alerts-panel{animation-delay:.1s}.pending-offers{animation-delay:.15s}.active-contracts{animation-delay:.2s}.recent-activity{animation-delay:.4s}.top-hauliers{animation-delay:.6s}.performance-chart{animation-delay:.8s}.alert-item,.alerts-list{padding:1rem}.alert-item{border-left:4px solid;border-radius:8px;display:flex;gap:1rem;margin-bottom:.75rem;transition:all .2s ease}.alert-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.alert-item:last-child{margin-bottom:0}.alert-item.alert-warning{background:#fef3c7;border-left-color:#f59e0b}.alert-item.alert-info{background:#dbeafe;border-left-color:#3b82f6}.alert-item.alert-normal{background:#f1f5f9;border-left-color:#64748b}.alert-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.alert-content{flex:1 1}.alert-title{color:#1e293b;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.alert-message{color:#64748b;font-size:.85rem;line-height:1.4}.offers-list{padding:1rem}.offer-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1.25rem;transition:all .2s ease}.offer-item:hover{background:#f1f5f9;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.offer-item:last-child{margin-bottom:0}.offer-header{gap:1rem}.offer-info{flex:1 1}.offer-haulier{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.25rem}.offer-job{color:#64748b;font-size:.9rem;margin-bottom:.25rem}.offer-rating{color:#f59e0b;font-size:.85rem;font-weight:500}.offer-status-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.offer-status-badge.pending{background:#fef3c7;color:#92400e}.offer-details{grid-gap:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding:1rem}.offer-detail-item{display:flex;flex-direction:column;gap:.25rem}.offer-detail-item .detail-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.offer-detail-item .detail-value{color:#334155;font-size:.9rem;font-weight:600}.offer-actions{gap:.75rem;justify-content:flex-end}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.haulier-map-container{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 10px #0000001a;height:600px;overflow:hidden;position:relative;width:100%}.haulier-map-container .leaflet-container{height:100%;width:100%;z-index:1}.leaflet-interactive{cursor:pointer;transition:all .2s ease}.leaflet-interactive:hover{filter:brightness(1.1);opacity:.9}.map-popup{min-width:200px;text-align:center}.map-popup h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.map-popup p{color:#666;font-size:.9rem;margin:0 0 1rem}.popup-select-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:background-color .2s ease;width:100%}.popup-select-btn:hover{background:#5568d3}.map-legend{background:#fff;border-radius:8px;bottom:20px;box-shadow:0 2px 10px #00000026;left:20px;min-width:200px;padding:1rem;position:absolute;z-index:1000}.legend-title{border-bottom:1px solid #e1e5e9;color:#333;font-size:.9rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem}.legend-items{display:flex;flex-direction:column;gap:.5rem}.legend-item{align-items:center;border-radius:4px;color:#666;display:flex;font-size:.85rem;gap:.5rem;padding:.25rem;transition:background-color .2s ease}.legend-item:hover{background:#f0f0f0}.legend-item.selected{background:#e8f5e9;color:#16a34a;font-weight:600}.legend-dot{background:#667eea;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:12px;transition:all .2s ease;width:12px}.legend-dot.selected{background:#22c55e;border-color:#16a34a;box-shadow:0 0 0 2px #22c55e4d}.legend-selected{border-top:1px solid #e1e5e9;color:#16a34a;font-size:.85rem;margin-top:.75rem;padding-top:.75rem}@media (max-width:768px){.haulier-map-container{height:400px}.map-legend{bottom:10px;left:10px;min-width:auto;padding:.75rem;right:10px}.legend-items{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}}.search-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}.header-actions{align-items:center;display:flex;gap:1rem}.error-message,.filters-card{margin-bottom:2rem}.filters-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.filters-card h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:1rem}.search-input-container{margin-bottom:1.5rem}.search-input-group{display:flex;flex-direction:column}.search-input-group label{color:#333;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.search-input{background:#fff;border:2px solid #e1e5e9;font-size:1rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.search-input:focus{border-color:#667eea}.filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filter-group label{color:#333;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.filter-group input,.filter-group select{background:#fff;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-section{background:#fff;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:1rem;overflow:hidden}.filter-section.collapsible{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px}.filter-section-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.filter-section-header:hover{background:#e9ecef}.filter-section-header h4{color:#333;font-size:1.1rem;font-weight:600;margin:0}.expand-icon{color:#667eea;font-size:.9rem;font-weight:700;transition:transform .2s ease}.filter-section-content{animation:slideDown .3s ease;background:#fff;padding:1.5rem}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:5000px;opacity:1}}.checkbox-grid{background:#fafafa;border:1px solid #e1e5e9;border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:.5rem;padding:.5rem}.checkbox-item{border-radius:4px;gap:.5rem}.checkbox-item:hover{background:#e9ecef}.checkbox-item input[type=checkbox]{accent-color:#667eea;height:18px;width:18px}.filter-actions{border-top:2px solid #f0f0f0;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem}.filter-actions,.filter-status{align-items:center;display:flex}.filter-status{gap:.5rem}.active-filters-badge{align-items:center;background:#667eea;border-radius:20px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.filter-buttons{align-items:center;gap:.75rem}.map-card-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;overflow:hidden}.map-card-header{background:#f8f9fa;border-bottom:1px solid #e1e5e9;padding:1.5rem 2rem}.map-card-header h3{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.map-card-header p{color:#666;font-size:.9rem;margin:0}.results-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.results-info h3{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 .25rem}.results-info p{color:#666;font-size:.9rem;margin:0}.sort-controls{align-items:center;display:flex;gap:1rem}.sort-controls label{color:#333;font-size:.9rem;font-weight:600}.sort-controls select{background:#fff;border:2px solid #e1e5e9;border-radius:6px;font-size:.9rem;padding:.5rem}.hauliers-list{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.list-container{width:100%}.list-header{grid-gap:1rem;background:#f8f9fa;border-bottom:2px solid #e1e5e9;color:#333;display:grid;font-size:.9rem;font-weight:600;gap:1rem;grid-template-columns:1fr 2fr 2fr 1.5fr 2fr 1fr 2fr 1.5fr;padding:1rem 1.5rem}.match-indicator{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:center;padding:.5rem}.match-percentage{font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.match-bar-container{background-color:#e5e7eb;border-radius:3px;height:6px;margin:.25rem 0;max-width:60px;overflow:hidden;width:100%}.match-bar{border-radius:3px;height:100%;transition:width .3s ease,background-color .3s ease}.match-label{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.column-header.match{text-align:center}.list-column.match{align-items:center;display:flex;justify-content:center;padding:1rem .5rem}.column-header{align-items:center;display:flex;letter-spacing:.5px;text-transform:uppercase}.haulier-list-item{grid-gap:1rem;align-items:center;border-bottom:1px solid #f0f0f0;display:grid;gap:1rem;grid-template-columns:1fr 2fr 2fr 1.5fr 2fr 1fr 2fr 1.5fr;padding:1.5rem;transition:background-color .2s ease}.haulier-list-item:hover{background-color:#f8f9fa}.haulier-list-item:last-child{border-bottom:none}.list-column{display:flex;flex-direction:column;justify-content:center}.company-info{gap:.5rem}.company-name{color:#333;font-size:1.1rem;font-weight:600;margin:0}.company-stats{color:#666;display:flex;font-size:.8rem;gap:1rem}.route-info,.traffic-lines{display:flex;flex-direction:column;gap:.25rem}.traffic-line{align-items:center;color:#333;display:flex;font-weight:600;gap:.5rem}.country{color:#2c5aa0;font-size:.95rem;font-weight:600}.traffic-arrow{color:#667eea;font-size:1.1rem;font-weight:700}.traffic-details{align-items:center;color:#666;display:flex;font-size:.75rem;justify-content:space-between}.traffic-type{background:#e8f5e8;border-radius:8px;color:#2e7d32;font-weight:500;padding:.15rem .4rem}.traffic-distance{color:#666;font-weight:500}.traffic-countries{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.25rem}.country-tag{background:#e8f5e8;border:1px solid #c8e6c9;border-radius:12px;color:#2e7d32;font-size:.75rem;font-weight:500;padding:.2rem .5rem}.country-tag.more{background:#f5f5f5;border:1px solid #e0e0e0;color:#666}.capacity-info{display:flex;flex-direction:column;gap:.25rem}.capacity-item{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.capacity-label{color:#666}.capacity-value{color:#333;font-weight:600}.equipment-info{display:flex;flex-direction:column;gap:.5rem}.specialties,.types-list{display:flex;flex-wrap:wrap;gap:.3rem;max-width:100%}.specialty-tag,.type-tag{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.7rem;font-weight:500;padding:.25rem .6rem;white-space:nowrap}.specialty-tag{background:#f3e5f5;color:#7b1fa2}.specialty-tag.more,.type-tag.more{background:#f5f5f5;color:#666}.no-types{color:#999;font-size:.8rem;font-style:italic}.rate-info{align-items:center;display:flex;flex-direction:column;gap:.25rem}.rate-price{color:#2e7d32;font-size:1rem;font-weight:700}.rate-total{color:#666;font-size:.8rem}.availability-info{display:flex;flex-direction:column;gap:.5rem}.availability-dates{color:#666;display:flex;flex-direction:column;font-size:.8rem;gap:.1rem}.availability-status{display:flex;justify-content:center}.status{border-radius:16px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.status.available{background:#e8f5e8;color:#2e7d32}.action-buttons{display:flex;flex-direction:column;gap:.5rem}.action-buttons button{font-size:.85rem;padding:.5rem 1rem}.haulier-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.haulier-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.haulier-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.haulier-info h4{font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.route{font-size:.9rem;margin:0;opacity:.9}.haulier-rating{text-align:right}.rate{background:#fff3;border-radius:20px;font-size:1rem;font-weight:600;padding:.5rem 1rem}.haulier-details{padding:1.5rem}.detail-row{border-bottom:1px solid #f0f0f0;margin-bottom:.75rem;padding-bottom:.75rem}.detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.label{color:#666;font-weight:500}.label,.value{font-size:.9rem}.value{color:#333;font-weight:600;max-width:60%;text-align:right}.haulier-description{border-top:1px solid #f0f0f0;margin-top:1rem;padding:0 1.5rem 1.5rem}.haulier-description p{color:#666;font-size:.9rem;line-height:1.5;margin:0}.haulier-stats{background:#f8f9fa;border-top:1px solid #e1e5e9;justify-content:space-around;padding:1rem 1.5rem}.stat{align-items:center;color:#666;display:flex;font-size:.8rem;font-weight:500;gap:.5rem}.stat-icon{font-size:1rem;font-style:normal}.haulier-actions{border-top:1px solid #e1e5e9;display:flex;gap:1rem;padding:1.5rem}.haulier-actions button{flex:1 1}.no-results{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;grid-column:1/-1;padding:4rem 2rem;text-align:center}.no-results-icon{font-size:4rem;margin-bottom:1rem}.no-results h3{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.no-results p{color:#666;font-size:1rem;margin:0 0 2rem}.loading-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#667eea;margin-bottom:1rem}.loading-container p{color:#666;font-size:1rem;margin:0}@media (max-width:1200px){.haulier-list-item,.list-header{gap:.8rem;grid-template-columns:1.5fr 1.5fr 1fr 2fr .8fr 1.5fr 1fr;padding:1rem}.company-name{font-size:1rem}.column-header{font-size:.8rem}}@media (max-width:768px){.search-dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;padding:1.5rem}.header-content h1{font-size:2rem}.header-content p{font-size:1rem}.header-actions{justify-content:stretch;width:100%}.header-actions button{flex:1 1}.filters-grid{gap:1rem;grid-template-columns:1fr}.results-header{flex-direction:column;gap:1rem;text-align:center}.sort-controls{justify-content:center;width:100%}.list-header{display:none}.haulier-list-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1.5rem}.hauliers-list{background:#0000;box-shadow:none}.list-column{width:100%}.mobile-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.mobile-card-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.mobile-card-actions{display:flex;gap:.5rem;margin-top:1rem}}@media (max-width:480px){.search-dashboard{padding:.5rem}.dashboard-header,.filters-card,.haulier-card,.results-header{border-radius:8px}.dashboard-header{padding:1rem}.header-content h1{font-size:1.75rem}.header-content p{font-size:.9rem}.haulier-actions,.haulier-details,.haulier-header{padding:1rem}.detail-row{align-items:flex-start;flex-direction:column;gap:.25rem}.value{max-width:100%;text-align:left}}.haulier-card{animation:fadeInUp .3s ease-out}.hauliers-grid .haulier-card:first-child{animation-delay:.1s}.hauliers-grid .haulier-card:nth-child(2){animation-delay:.2s}.hauliers-grid .haulier-card:nth-child(3){animation-delay:.3s}.hauliers-grid .haulier-card:nth-child(4){animation-delay:.4s}.hauliers-grid .haulier-card:nth-child(5){animation-delay:.5s}.hauliers-grid .haulier-card:nth-child(6){animation-delay:.6s}.modal-overlay{padding:1rem}.contact-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #e1e5e9;padding:1.5rem 2rem}.modal-close,.modal-header h2{font-size:1.5rem}.modal-close{border-radius:50%;color:#666;height:40px;padding:.5rem;transition:all .2s ease;width:40px}.modal-close:hover{background:#e1e5e9}.modal-body{padding:2rem}.haulier-summary{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.summary-item{color:#555;font-size:.95rem;margin-bottom:.75rem}.summary-item:last-child{margin-bottom:0}.summary-item strong{color:#333;font-weight:600}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:.95rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color)}.form-actions{border-top:1px solid #e1e5e9;gap:1rem;margin-top:1rem;padding-top:1.5rem}.form-actions button{min-width:120px}@media (max-width:768px){.contact-modal{margin:1rem;max-height:95vh}.modal-header{padding:1rem 1.5rem}.modal-header h2{font-size:1.3rem}.modal-body{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (max-width:480px){.modal-overlay{padding:.5rem}.contact-modal{margin:.5rem}.haulier-summary,.modal-body,.modal-header{padding:1rem}}.details-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;margin:2rem auto;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:90%}.haulier-details{padding:0}.detail-section{border-bottom:1px solid #e1e5e9;margin-bottom:2rem;padding-bottom:1.5rem}.detail-section:last-child{margin-bottom:0}.detail-section h3{align-items:center;display:flex;font-size:1.2rem;gap:.5rem;margin:0 0 1rem}.detail-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{gap:.25rem}.detail-label{font-size:.85rem}.detail-value{font-size:1rem;font-weight:500}.certifications-list,.equipment-list,.specialties-list,.trailer-types-list{display:flex;flex-wrap:wrap;gap:.5rem}.certification-tag,.equipment-tag,.specialty-tag,.trailer-type-tag{background:#f0f4ff;border:1px solid #dbeafe;border-radius:6px;color:#3b82f6;font-size:.85rem;font-weight:500;padding:.5rem .75rem}.specialty-tag{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.certification-tag{background:#fef3c7;border-color:#fde68a;color:#d97706}.equipment-tag{background:#f3e8ff;border-color:#e9d5ff;color:#9333ea}.cost-estimate{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.cost-breakdown{display:flex;flex-direction:column;gap:.75rem}.cost-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.cost-item.total{border-top:2px solid #e2e8f0;color:#1e293b;font-size:1.1rem;font-weight:600;margin-top:.5rem;padding-top:1rem}.cost-label{color:#64748b;font-weight:500}.cost-value{color:#1e293b;font-weight:600}.status-available{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;color:#16a34a;font-weight:600;padding:.25rem .75rem}.modal-actions{border-top:1px solid #e1e5e9;gap:1rem;margin-top:2rem;padding-top:1.5rem}.modal-actions button{min-width:140px}@media (max-width:768px){.details-modal{margin:1rem;max-height:95vh}.detail-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.certifications-list,.equipment-list,.specialties-list,.trailer-types-list{gap:.25rem}.certification-tag,.equipment-tag,.specialty-tag,.trailer-type-tag{font-size:.8rem;padding:.4rem .6rem}}@media (max-width:480px){.details-modal{margin:.5rem;width:95%}.detail-section h3{font-size:1.1rem}.cost-estimate{padding:1rem}}:root{--bg:#f7f8fb;--card:#fff;--muted:#6b7280;--text:#0f172a;--primary:#6e5ae6;--primary-weak:#efeaff;--success:#10b981;--danger:#ef4444;--border:#e5e7eb;--shadow:0 10px 25px #1118270f;--radius:14px;--radius-sm:10px}.forwarder-jobs{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.jobs-main-content{flex:1 1;margin-left:280px;padding:1.5rem;transition:margin-left .3s ease}.jobs-main-content.nav-collapsed{margin-left:80px}.jobs-header{color:#fff;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px #00000080}.header-content h1{margin:0 0 .75rem}.jobs-controls{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;flex-direction:column;margin-bottom:2rem;padding:1.5rem}.jobs-controls,.search-section{display:flex;gap:1rem}.search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease}.search-input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-section{align-items:center;display:flex}.filter-buttons{flex-wrap:wrap;gap:.5rem}.filter-btn{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.jobs-list{display:flex;flex-direction:column;gap:1rem}.forwarder-jobs .job-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 25px #1118270f;margin:0;overflow:hidden;padding:0;transition:all .2s ease}.forwarder-jobs .job-card:hover{box-shadow:0 15px 35px #1118271a;transform:translateY(-2px)}.forwarder-jobs .job-header{align-items:center;background:#fafbff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.forwarder-jobs .job-title{align-items:center;display:flex;gap:14px}.forwarder-jobs .job-id{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:.2px}.forwarder-jobs .job-status{align-items:center;background:#10b9811f;border-radius:999px;color:#10b981;display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.2px;padding:6px 10px}.forwarder-jobs .job-status:before{background:#10b981;border-radius:999px;content:"";height:8px;width:8px}.forwarder-jobs .job-meta{grid-gap:6px 18px;align-items:center;color:#6b7280;display:grid;font-size:13px;gap:6px 18px;grid-template-columns:auto auto}.forwarder-jobs .meta__label{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.forwarder-jobs .meta__value{color:#0f172a;font-weight:600}.forwarder-jobs .job-content{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;padding:20px 24px}.forwarder-jobs .job-details{grid-row-gap:14px;grid-column-gap:18px;column-gap:18px;display:grid;flex:1 1;grid-template-columns:160px 1fr;row-gap:14px;width:100%}.forwarder-jobs .detail-row{display:contents}.forwarder-jobs .label{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.forwarder-jobs .value{color:#0f172a;font-weight:600}.forwarder-jobs .chips,.forwarder-jobs .value{display:flex;flex-wrap:wrap;gap:8px}.forwarder-jobs .chip{background:#efeaff;border-radius:999px;color:#6e5ae6;font-size:12px;font-weight:700;padding:6px 10px}.forwarder-jobs .job-rate{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px #1118270f;min-width:210px;padding:14px 18px;text-align:right}.forwarder-jobs .rate-amount{color:#059669;font-size:20px;font-weight:800;margin-bottom:4px}.forwarder-jobs .rate-label{color:#6b7280;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.forwarder-jobs .job-alert{align-items:flex-start;background:#fff9e6;border:1px solid #fde68a;border-radius:10px;color:#92400e;display:flex;gap:10px;margin:0 24px 16px;padding:14px 16px}.forwarder-jobs .alert-icon{font-size:16px;line-height:1;margin-top:1px}.forwarder-jobs .alert-text{font-size:14px;font-weight:500}.forwarder-jobs .job-actions{background:#fafbff;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:20px 24px}.forwarder-jobs .action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#0f172a;cursor:pointer;font-size:14px;font-weight:700;padding:10px 14px;transition:transform .06s ease,box-shadow .2s ease,background .2s ease}.forwarder-jobs .action-btn:hover{box-shadow:0 6px 16px #11182714;transform:translateY(-1px)}.forwarder-jobs .action-btn.primary{background:#6e5ae6;border-color:#0000;color:#fff}.forwarder-jobs .action-btn.primary:hover{background:#5a4fcf;border-color:#5a4fcf}@media (max-width:980px){.forwarder-jobs .job-meta{grid-template-columns:1fr;text-align:right}.forwarder-jobs .job-content{flex-direction:column;gap:16px}.forwarder-jobs .job-details{grid-template-columns:1fr}.forwarder-jobs .job-rate{align-self:flex-end;min-width:180px}}.no-jobs-card{padding:3rem 2rem;text-align:center}.no-jobs-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.no-jobs-icon{font-size:3rem;opacity:.5}.no-jobs-content h3{color:#334155;font-size:1.5rem;font-weight:600;margin:0}.no-jobs-content p{color:#64748b;font-size:1rem;margin:0;max-width:400px}@media (max-width:1200px){.jobs-main-content{margin-left:80px}}@media (max-width:980px){.meta{grid-template-columns:1fr;text-align:right}.info-row{flex-direction:column}.rate{align-self:flex-end}}@media (max-width:768px){.jobs-main-content{margin-left:0;padding:1rem}.jobs-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-content h1{font-size:1.5rem}.filter-buttons{justify-content:center}}@media (max-width:480px){.jobs-controls{padding:1rem}.job-card{margin:0 -.5rem}.job-card__section{padding:16px 20px}}.job-card{animation:fadeInUp .4s ease-out}.operating-info{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:2rem;padding:1rem 1.5rem}.countries-info,.routes-info{align-items:center;display:flex;gap:.5rem}.info-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;min-width:60px;text-transform:uppercase}.info-value{color:#1e293b;font-size:.875rem;font-weight:500}.offers-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.dashboard-main-content{flex:1 1;margin-left:280px;padding:var(--spacing-6);transition:margin-left .3s ease}.dashboard-main-content.nav-collapsed{margin-left:80px}.dashboard-header{color:#fff;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px #00000080}.header-content{position:relative;z-index:1}.header-content h1{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:var(--spacing-3);text-shadow:0 2px 4px #0000001a}.header-content p{color:#ffffffe6;font-size:1.2rem;font-weight:400;line-height:1.5;margin:0}.stats-grid{margin-bottom:var(--spacing-6)}.stat-card{padding:var(--spacing-5);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-number{color:var(--primary-blue);font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-2)}.stat-label{color:var(--medium-gray);font-size:var(--font-size-sm);letter-spacing:.5px;text-transform:uppercase}.filters-section{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000d;margin-bottom:var(--spacing-6);padding:var(--spacing-5)}.filters-row{align-items:end;display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:150px}.filter-group label{color:var(--dark-gray);font-size:var(--font-size-sm);font-weight:500}.filter-select{background-color:var(--white);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--spacing-3);transition:border-color .2s ease}.filter-select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.offers-list{margin-top:var(--spacing-6)}.no-offers{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000d;padding:var(--spacing-12);text-align:center}.no-offers-icon{font-size:4rem;margin-bottom:var(--spacing-4)}.no-offers h3{color:var(--dark-gray);font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.no-offers p{color:var(--medium-gray);font-size:var(--font-size-base);margin-bottom:var(--spacing-6)}.offers-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.offer-card{padding:var(--spacing-5);transition:transform .2s ease,box-shadow .2s ease}.offer-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.offer-header{align-items:flex-start;border-bottom:1px solid var(--border-gray);justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4)}.offer-job-info h3{color:var(--dark-gray);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-1)}.job-route{color:var(--medium-gray);font-size:var(--font-size-sm);margin:0}.offer-status-container{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-1)}.offer-status{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.status-pending{background-color:#fef3c7;color:#92400e}.status-accepted{background-color:#d1fae5;color:#065f46}.status-rejected{background-color:#fee2e2;color:#991b1b}.status-expired{background-color:#f3f4f6;color:#6b7280}.pricing-type-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;margin-left:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);text-transform:uppercase}.pricing-type-guaranteed{background-color:#dbeafe;color:#1e40af}.pricing-type-daily{background-color:#d1fae5;color:#065f46}.pricing-type-km{background-color:#fef3c7;color:#92400e}.offer-haulier{border-bottom:1px solid var(--border-gray);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4)}.haulier-name{color:var(--dark-gray);font-size:var(--font-size-base);margin-bottom:var(--spacing-1)}.haulier-rating{color:var(--medium-gray);font-size:var(--font-size-sm)}.offer-details{margin-bottom:var(--spacing-4)}.detail-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2)}.detail-label{color:var(--medium-gray);font-weight:500}.detail-label,.detail-value{font-size:var(--font-size-sm)}.detail-value{color:var(--dark-gray);font-weight:600}.detail-value.amount{color:var(--primary-blue);font-size:var(--font-size-base)}.offer-notes{background-color:var(--light-gray);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-3)}.offer-notes strong{color:var(--dark-gray);display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.offer-notes p{color:var(--medium-gray);font-size:var(--font-size-sm);line-height:1.5;margin:0}.offer-actions{align-items:center;flex-wrap:wrap;gap:var(--spacing-2)}.accepted-info,.rejected-info{border-radius:var(--radius-md);flex:1 1;font-size:var(--font-size-sm);padding:var(--spacing-2);text-align:center}.accepted-info{background-color:#d1fae5;color:#065f46}.rejected-info{background-color:#fee2e2;color:#991b1b}.modal-overlay{background-color:#00000080;padding:var(--spacing-4)}.offer-modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid var(--border-gray);padding:var(--spacing-5)}.modal-header h2{color:var(--dark-gray);font-size:var(--font-size-xl)}.modal-close{border-radius:var(--radius-md);color:var(--medium-gray);font-size:var(--font-size-2xl);transition:background-color .2s ease}.modal-close:hover{background-color:var(--light-gray);color:var(--dark-gray)}.modal-body{padding:var(--spacing-5)}.modal-section{margin-bottom:var(--spacing-6)}.modal-section:last-child{margin-bottom:0}.modal-section h3{border-bottom:1px solid var(--border-gray);color:var(--dark-gray);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2)}.detail-grid{grid-gap:var(--spacing-3);gap:var(--spacing-3)}.detail-item{align-items:center;border-bottom:1px solid var(--border-gray);justify-content:space-between;padding:var(--spacing-2) 0}.detail-item:last-child{border-bottom:none}.detail-item strong{color:var(--medium-gray);font-size:var(--font-size-sm);font-weight:500}.status-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:.5px;padding:var(--spacing-1) var(--spacing-2)}.notes-section{background-color:var(--light-gray);border-radius:var(--radius-md);margin-top:var(--spacing-4);padding:var(--spacing-3)}.notes-section strong{color:var(--dark-gray);display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.notes-section p{color:var(--medium-gray);font-size:var(--font-size-sm);line-height:1.5;margin:0}.modal-footer{border-top:1px solid var(--border-gray);display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-5)}@media (max-width:768px){.dashboard-main-content{margin-left:0;padding:var(--spacing-4)}.dashboard-main-content.nav-collapsed{margin-left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-row{align-items:stretch;flex-direction:column}.filter-group{min-width:auto}.offers-grid{grid-template-columns:1fr}.offer-actions{align-items:stretch}.modal-footer,.offer-actions{flex-direction:column}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.offer-header{gap:var(--spacing-2)}.detail-row,.offer-header{align-items:flex-start;flex-direction:column}.detail-row{gap:var(--spacing-1)}}.forwarder-overview-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.forwarder-overview-container{flex:1 1;margin-left:280px;padding:2rem;transition:margin-left .3s ease}.forwarder-overview-container.nav-collapsed{margin-left:80px}.overview-header{color:#fff;margin-bottom:2rem;text-align:center}.overview-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.overview-subtitle{font-size:1.1rem;margin:0 auto;max-width:600px;opacity:.9}.financial-metrics{margin-bottom:2rem}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.metric-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.metric-card.revenue{border-left:4px solid #10b981}.metric-card.costs{border-left:4px solid #ef4444}.metric-card.profit{border-left:4px solid #3b82f6}.metric-card.margin{border-left:4px solid #8b5cf6}.metric-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.metric-content{flex:1 1}.metric-value{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.metric-label{font-size:.9rem;margin-bottom:.25rem}.metric-change,.metric-label{color:#718096;font-weight:500}.metric-change{font-size:.8rem}.metric-change.positive{color:#10b981}.charts-section{margin-bottom:2rem}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.chart-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.chart-card h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.chart-container{height:400px;position:relative}.contract-performance-section{margin-bottom:2rem}.performance-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.section-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.performance-table{overflow-x:auto}.table-header{background:#f7fafc;border-radius:8px;color:#2d3748;font-weight:600;margin-bottom:.5rem}.table-header,.table-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:1rem}.table-row{align-items:center;border-bottom:1px solid #e2e8f0}.table-row:hover{background:#f7fafc}.contract-name{color:#2d3748;font-weight:600}.status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.status-badge.active{background:#c6f6d5;color:#2f855a}.top-hauliers-section{margin-bottom:2rem}.hauliers-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.hauliers-list{display:flex;flex-direction:column;gap:1rem}.haulier-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:background .2s ease}.haulier-item:hover{background:#edf2f7}.haulier-rank{color:#667eea;font-size:1.2rem;font-weight:700;text-align:center;width:40px}.haulier-info{flex:1 1}.haulier-name{color:#2d3748;font-weight:600;margin-bottom:.25rem}.haulier-stats{color:#718096;display:flex;font-size:.9rem;gap:1rem}.haulier-stats .stat{align-items:center;display:flex;gap:.25rem}.haulier-costs{text-align:right}.total-paid{color:#2d3748;font-size:1.1rem;font-weight:600}.average-cost{color:#718096;font-size:.9rem}.cost-breakdown-section{margin-bottom:2rem}.breakdown-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.breakdown-card h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.breakdown-list{display:flex;flex-direction:column;gap:1rem}.breakdown-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:1rem;padding:1rem}.breakdown-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.breakdown-category{color:#2d3748;font-weight:600}.breakdown-percentage{color:#718096;font-size:.9rem;font-weight:500}.breakdown-amount{color:#2d3748;font-weight:600;min-width:120px;text-align:right}.breakdown-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100px}.breakdown-fill{border-radius:4px;height:100%;transition:width .3s ease}@media (max-width:768px){.forwarder-overview-container{margin-left:0;padding:1rem}.overview-title{font-size:2rem}.overview-subtitle{font-size:1rem}.metrics-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-card{padding:1rem}.metric-icon{font-size:1.5rem;height:50px;width:50px}.metric-value{font-size:1.25rem}.charts-grid{gap:1rem;grid-template-columns:1fr}.chart-container{height:300px}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.table-header{display:none}.table-row{display:flex}.haulier-item,.table-row{align-items:flex-start;flex-direction:column;gap:.5rem}.haulier-costs{text-align:left}.breakdown-item{gap:.5rem}.breakdown-info,.breakdown-item{align-items:flex-start;flex-direction:column}.breakdown-info{gap:.25rem}.breakdown-amount{min-width:auto;text-align:left}.breakdown-bar{width:100%}}@media (max-width:480px){.forwarder-overview-container{padding:.5rem}.overview-title{font-size:1.75rem}.metrics-grid{grid-template-columns:1fr}.metric-card{flex-direction:column;text-align:center}.breakdown-card,.chart-card,.hauliers-card,.performance-card{padding:1.5rem}}.onboarding-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.onboarding-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:800px;overflow:hidden;width:100%}.onboarding-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.onboarding-header h1{font-size:2rem;font-weight:700;margin:0 0 .5rem}.onboarding-header p{font-size:1.1rem;margin:0;opacity:.9}.progress-bar{background:#f0f0f0;height:6px;position:relative}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 3px 3px 0;height:100%;transition:width .3s ease}.step-indicator{background:#f8f9fa;color:#667eea;font-size:.9rem;font-weight:600;padding:1rem;text-align:center}.onboarding-step{padding:2rem}.onboarding-step h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.onboarding-step p{color:#666;font-size:1rem;margin:0 0 2rem}.form-group{margin-bottom:1.5rem}.form-row{grid-gap:1rem;gap:1rem}.form-group label{margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checkbox-grid{grid-gap:.75rem;background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;gap:.75rem;max-height:300px;overflow-y:auto;padding:1rem}.checkbox-item{background:#fff;border:1px solid #e1e5e9;border-radius:6px;font-size:.9rem;padding:.5rem}.checkbox-item:hover{background:#f0f4ff;border-color:#667eea}.checkbox-item input[type=checkbox]{margin-right:.5rem;transform:scale(1.2)}.checkbox-item input[type=checkbox]:checked+span{color:#667eea;font-weight:600}.onboarding-actions{align-items:center;background:#f8f9fa;border-top:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:2rem}.onboarding-actions button{min-width:120px}.error-message{background:#fee;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:.9rem;margin:1rem 2rem;padding:1rem}@media (max-width:768px){.onboarding-container{padding:1rem .5rem}.onboarding-card{border-radius:15px}.onboarding-header{padding:1.5rem}.onboarding-header h1{font-size:1.5rem}.onboarding-step{padding:1.5rem}.form-row{gap:0}.checkbox-grid,.form-row{grid-template-columns:1fr}.checkbox-grid{max-height:250px}.onboarding-actions{flex-direction:column;gap:1rem;padding:1.5rem}.onboarding-actions button{width:100%}}@media (max-width:480px){.onboarding-header h1,.onboarding-step h2{font-size:1.3rem}.checkbox-grid{padding:.75rem}.checkbox-item{font-size:.85rem;padding:.4rem}}.onboarding-step{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.checkbox-grid::-webkit-scrollbar{width:6px}.checkbox-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.checkbox-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.checkbox-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.onboarding-actions button:disabled{cursor:not-allowed;opacity:.7}.onboarding-step.completed{border-left:4px solid #48bb78;padding-left:1.5rem}.form-group label:after{color:#e53e3e}.posting-page{background:linear-gradient(135deg,var(--light-gray) 0,var(--white) 100%);min-height:100vh;padding:var(--spacing-4)}.posting-container{margin:0 auto;max-width:800px;padding:var(--spacing-6) 0}.posting-header{margin-bottom:var(--spacing-6);text-align:center}.back-link{display:inline-block;margin-bottom:var(--spacing-4)}.posting-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-2)}.posting-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.posting-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.posting-form{padding:var(--spacing-6)}.form-section{margin-bottom:var(--spacing-6)}.form-section h3{border-bottom:2px solid var(--light-gray);color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2)}.form-group label{font-size:.95rem}.form-group input,.form-group textarea{background:var(--white);border:2px solid var(--border-color);width:100%}.form-group input:focus,.form-group textarea:focus{box-shadow:0 0 0 3px var(--primary-light)}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.checkbox-grid{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--spacing-2)}.checkbox-item{align-items:center;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:var(--spacing-2);padding:var(--spacing-2);transition:background-color .2s ease}.checkbox-item:hover{background-color:var(--light-gray)}.checkbox-item input[type=checkbox]{cursor:pointer;margin:0;width:auto}.checkbox-item span{color:var(--text-primary);font-size:.95rem;font-weight:500}.alert{border-radius:var(--border-radius);margin-bottom:var(--spacing-4)}.alert-error{background-color:var(--error-light);border:1px solid var(--error);color:var(--error)}.alert-success{background-color:var(--success-light);border:1px solid var(--success);color:var(--success)}.form-actions,.loading-container{gap:var(--spacing-4)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border-top:4px solid var(--light-gray);border:4px solid var(--light-gray)}@media (max-width:768px){.posting-page{padding:var(--spacing-3)}.posting-container{padding:var(--spacing-4) 0}.posting-title{font-size:2rem}.posting-subtitle{font-size:1rem}.posting-form{padding:var(--spacing-4)}.form-row{gap:var(--spacing-3)}.checkbox-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:var(--spacing-3)}.form-actions button{width:100%}}@media (max-width:480px){.posting-page{padding:var(--spacing-2)}.posting-title{font-size:1.75rem}.posting-form{padding:var(--spacing-3)}.form-section h3{font-size:1.25rem}}.form-group input:invalid,.form-group textarea:invalid{border-color:var(--error)}.form-group input:invalid:focus,.form-group textarea:invalid:focus{box-shadow:0 0 0 3px var(--error-light)}.form-group label:after{color:var(--error);content:" *";font-weight:700}.form-group label:not([for*=required]):after{content:""}.form-group input:valid,.form-group textarea:valid{border-color:var(--success)}.form-group input:disabled,.form-group textarea:disabled{background-color:var(--light-gray);cursor:not-allowed;opacity:.6}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary);opacity:.7}.form-group input[type=date],.form-group input[type=number]{font-family:inherit}.form-group textarea{line-height:1.5}.dropdown-container{position:relative;width:100%}.dropdown-select{align-items:center;background:var(--white);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:var(--spacing-3);transition:border-color .2s ease,box-shadow .2s ease}.dropdown-select:hover{border-color:var(--primary-color)}.dropdown-placeholder{color:var(--text-secondary);font-size:1rem}.dropdown-arrow{color:var(--text-secondary);font-size:.8rem;transition:transform .2s ease}.dropdown-select.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-options{background:var(--white);border:2px solid var(--border-color);border-radius:0 0 var(--border-radius) var(--border-radius);border-top:none;box-shadow:var(--shadow-lg);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-option{align-items:center;border-bottom:1px solid var(--light-gray);cursor:pointer;display:flex;gap:var(--spacing-2);padding:var(--spacing-3);transition:background-color .2s ease}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background-color:var(--light-gray)}.dropdown-option input[type=checkbox]{cursor:pointer;margin:0;width:auto}.dropdown-option span{color:var(--text-primary);font-size:.95rem;font-weight:500}.selected-items{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-2)}.selected-item{background-color:var(--primary-light);border-radius:var(--border-radius);display:inline-flex;font-size:.85rem;font-weight:500;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2)}.remove-item,.selected-item{align-items:center;color:var(--primary-dark)}.remove-item{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;height:16px;justify-content:center;padding:0;transition:background-color .2s ease;width:16px}.remove-item:hover{background-color:var(--primary-color);color:var(--white)}@media (max-width:768px){.dropdown-options{max-height:150px}.selected-items{gap:var(--spacing-1)}.selected-item{font-size:.8rem;padding:var(--spacing-1)}}.profile-page{background:#f8fafc;display:flex;min-height:100vh}.profile-main-content{flex:1 1;margin-left:280px;padding:1.5rem;transition:margin-left .3s ease}.profile-main-content.nav-collapsed{margin-left:80px}.profile-container{margin:0 auto;max-width:1200px}.profile-header{margin-bottom:var(--spacing-6);text-align:center}.back-link{align-items:center;color:var(--primary-color);display:inline-flex;font-weight:500;margin-bottom:var(--spacing-3);text-decoration:none;transition:color .2s ease}.back-link:hover{color:var(--primary-dark)}.profile-title{color:var(--text-dark);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-2)}.profile-subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:var(--spacing-4)}.profile-content{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:1fr}.profile-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.profile-card:hover{box-shadow:var(--shadow-md)}.card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3)}.card-header h2{color:var(--text-dark);font-size:1.5rem;font-weight:600;margin:0}.company-info{display:flex;flex-direction:column;gap:var(--spacing-3)}.info-row{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:1fr 1fr}.info-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.info-item.full-width{grid-column:1/-1}.info-item .label{color:var(--text-muted);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item .value{color:var(--text-dark);font-size:1rem}.info-item .value a{color:var(--primary-color);text-decoration:none}.info-item .value a:hover{text-decoration:underline}.edit-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-group{gap:var(--spacing-2)}.form-group label{color:var(--text-dark);font-size:.9rem}.form-group input,.form-group textarea{border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;padding:var(--spacing-3);transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{min-height:80px}.edit-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-3)}.stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{align-items:center;background:var(--light-gray);border-radius:var(--border-radius);display:flex;gap:var(--spacing-3);padding:var(--spacing-4);transition:transform .2s ease}.stat-item:hover{transform:translateY(-2px)}.stat-icon{align-items:center;background:var(--white);border-radius:50%;box-shadow:var(--shadow-sm);display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-value{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-1)}.stat-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.coverage-areas{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.area-tag{background:var(--primary-color);border-radius:var(--border-radius-full);color:var(--white);font-size:.9rem;font-weight:500;padding:var(--spacing-2) var(--spacing-3)}.no-data{color:var(--text-muted);font-style:italic;padding:var(--spacing-4);text-align:center}.documents-section{margin-bottom:var(--spacing-5)}.documents-section h3{border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2)}.document-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.doc-item{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-2) 0}.doc-item .label{color:var(--text-muted);font-size:.9rem;font-weight:600}.doc-item .value{color:var(--text-dark);font-weight:500}.document-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.document-item{align-items:center;background:var(--light-gray);border-radius:var(--border-radius);display:flex;gap:var(--spacing-3);padding:var(--spacing-3);transition:background-color .2s ease}.document-item:hover{background:var(--border-color)}.doc-icon{align-items:center;background:var(--white);border-radius:50%;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.doc-name{color:var(--text-dark);flex:1 1;font-weight:600}.doc-expiry,.doc-issuer{color:var(--text-muted);font-size:.9rem}.upload-section{border-top:1px solid var(--border-color);margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.upload-area{align-items:center;background:var(--light-gray);border:2px dashed var(--border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-6);transition:border-color .2s ease,background-color .2s ease}.upload-area:hover{background:#3b82f60d;border-color:var(--primary-color)}.upload-button{background:var(--primary-color);border-radius:var(--border-radius);color:var(--white);cursor:pointer;font-weight:600;padding:var(--spacing-3) var(--spacing-4);transition:background-color .2s ease}.upload-button:hover{background:var(--primary-dark)}.upload-hint{color:var(--text-muted);font-size:.9rem;text-align:center}.loading-spinner{align-items:center;color:var(--text-muted);display:flex;font-size:1.1rem;justify-content:center;min-height:200px}.error-message,.success-message{border-radius:var(--border-radius);font-weight:500;margin-bottom:var(--spacing-4);padding:var(--spacing-3)}.error-message{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.success-message{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}@media (max-width:768px){.profile-main-content{margin-left:0;padding:1rem}.profile-main-content.nav-collapsed{margin-left:0}.profile-title{font-size:2rem}.form-row,.info-row{gap:var(--spacing-3)}.form-row,.info-row,.stats-grid{grid-template-columns:1fr}.edit-actions{flex-direction:column}.card-header{gap:var(--spacing-3)}.card-header,.doc-item{align-items:flex-start;flex-direction:column}.doc-item{gap:var(--spacing-1)}.document-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-2)}}@media (max-width:480px){.profile-main-content{padding:.75rem}.profile-title{font-size:1.8rem}.profile-subtitle{font-size:1rem}.stat-item{flex-direction:column;gap:var(--spacing-2);text-align:center}.stat-icon{font-size:1.5rem;height:50px;width:50px}}.contract-proposal-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.contract-proposal-form{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.form-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.form-header h3{color:#333;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;transition:all .3s;width:30px}.close-btn:hover{background:#f0f0f0;color:#333}.proposal-form{padding:20px}.form-section{margin-bottom:25px}.form-section h4{border-bottom:2px solid #4caf50;color:#333;font-size:16px;margin-bottom:15px;margin-top:0;padding-bottom:8px}.form-row{grid-gap:15px;gap:15px;margin-bottom:15px}.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-size:14px;margin-bottom:6px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.form-group textarea{font-family:inherit}.form-actions{border-top:1px solid #e0e0e0;gap:15px;margin-top:25px;padding-top:20px}.btn-cancel{background:#fff;border:2px solid #ddd;border-radius:5px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.btn-cancel:hover{background:#f5f5f5;border-color:#999}.btn-submit{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .3s}.btn-submit:hover:not(:disabled){background:#45a049}.btn-submit:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}.contract-proposal-message{background:#f8f9fa;border:2px solid #4caf50;border-radius:8px;margin:10px 0;max-width:500px;padding:15px}.contract-proposal-message.own{background:#e8f5e9;margin-left:auto}.contract-proposal-message.other{background:#fff3cd;border-color:#ffc107;margin-right:auto}.proposal-header{align-items:center;border-bottom:1px solid #ddd;display:flex;gap:8px;margin-bottom:15px;padding-bottom:10px}.proposal-icon{font-size:20px}.proposal-title{color:#333;font-size:16px;font-weight:700}.proposal-terms{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.term-item{background:#fff;border:1px solid #e0e0e0;border-radius:5px;display:flex;justify-content:space-between;padding:8px}.term-label{color:#666;font-size:13px;font-weight:600}.term-value{color:#333;font-size:14px;font-weight:700}.proposal-actions{border-top:1px solid #ddd;display:flex;gap:10px;margin-top:15px;padding-top:15px}.btn-agree{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 20px;transition:background .3s}.btn-agree:hover:not(:disabled){background:#45a049}.btn-agree:disabled{background:#ccc;cursor:not-allowed}.btn-discuss{background:#fff;border:2px solid #4caf50;border-radius:5px;color:#333;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.btn-discuss:hover{background:#4caf50;color:#fff}.agreed-badge{background:#d4edda;border:2px solid #28a745;border-radius:5px;color:#155724;font-size:14px;font-weight:700;margin-top:15px;padding:10px;text-align:center}.offer-message{background:#fff9e6;border:1px solid gold;margin:8px 0;max-width:100%;padding:16px}.offer-message.own{background:#e6f3ff;border-color:#4a90e2}.offer-message.other{background:#fff9e6;border-color:gold}.offer-header{color:#333;font-size:16px}.offer-header,.offer-title{font-weight:600}.offer-preview{margin-bottom:12px}.offer-preview-item{color:#666;font-size:14px;margin-bottom:8px}.offer-preview-item strong{color:#333;margin-right:8px}.offer-actions{display:flex;gap:8px;margin-top:12px}.message-time{color:#999;font-size:11px;margin-top:8px}.offer-details-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:90%}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#e0e0e0;color:#333}.modal-body{padding:24px}.offer-details-content{display:flex;flex-direction:column;gap:24px}.detail-section{border-bottom:1px solid #f0f0f0;padding-bottom:20px}.detail-section:last-child{border-bottom:none;padding-bottom:0}.detail-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.detail-section h4{color:#555;font-size:16px;font-weight:600;margin:0 0 12px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1/-1}.detail-label{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#333;font-size:15px;line-height:1.5}.detail-value a{color:#4a90e2;text-decoration:none}.detail-value a:hover{text-decoration:underline}.loading-info{color:#999;font-style:italic;padding:20px;text-align:center}.modal-actions{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.offer-details-modal{max-height:95vh;width:95%}.detail-grid{grid-template-columns:1fr}.modal-actions,.modal-body,.modal-header{padding:16px}}.chat-page{background-color:var(--light-gray);display:flex;min-height:100vh}.chat-main-content{flex:1 1;margin-left:280px;padding:var(--spacing-4);transition:margin-left .3s ease}.chat-main-content.nav-collapsed{margin-left:70px}.chat-container{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);height:calc(100vh - 2rem);overflow:hidden}.chat-container,.chat-sidebar{background:var(--white);display:flex}.chat-sidebar{border-right:1px solid var(--light-gray);flex-direction:column;width:320px}.chat-header{align-items:center;border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-between;padding:var(--spacing-4)}.chat-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.conversations-list{flex:1 1;overflow-y:auto;padding:var(--spacing-2)}.conversation-item{align-items:center;border-radius:var(--border-radius-md);cursor:pointer;display:flex;margin-bottom:var(--spacing-2);padding:var(--spacing-3);position:relative;transition:all .2s ease}.conversation-item:hover{background:var(--light-gray)}.conversation-item.active{background:var(--primary-color);color:var(--white)}.conversation-item.active .conversation-name{color:var(--white)}.conversation-item.active .conversation-preview{color:#fffc}.conversation-item.active .conversation-time{color:#fff9}.conversation-avatar{margin-right:var(--spacing-3)}.avatar-circle{align-items:center;background:var(--primary-color);border-radius:50%;color:var(--white);display:flex;font-size:var(--font-size-md);font-weight:600;height:40px;justify-content:center;width:40px}.conversation-item.active .avatar-circle{background:var(--white);color:var(--primary-color)}.conversation-details{flex:1 1;min-width:0}.conversation-name{color:var(--text-primary);font-weight:600}.conversation-name,.conversation-preview{margin-bottom:var(--spacing-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview{color:var(--text-secondary);font-size:var(--font-size-sm)}.conversation-time{color:var(--text-tertiary);font-size:var(--font-size-xs)}.unread-badge{font-size:var(--font-size-xs);height:20px;margin-left:var(--spacing-2);width:20px}.chat-main{background:var(--white);display:flex;flex:1 1;flex-direction:column}.chat-header-main{border-bottom:1px solid var(--light-gray);justify-content:space-between;padding:var(--spacing-4)}.chat-header-main,.chat-participant{align-items:center;display:flex}.chat-participant h4{color:var(--text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-1) 0}.participant-role{color:var(--text-secondary);font-size:var(--font-size-sm)}.chat-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.chat-actions button{font-size:var(--font-size-sm);min-width:fit-content;padding:var(--spacing-2) var(--spacing-3);white-space:nowrap}.messages-container{background:var(--light-gray);flex:1 1;overflow-y:auto;padding:var(--spacing-4)}.messages-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.message-date{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:500;margin:var(--spacing-4) 0;text-align:center}.message{display:flex;margin-bottom:var(--spacing-2)}.message.own{justify-content:flex-end}.message.other{justify-content:flex-start}.message-content{border-radius:var(--border-radius-lg);max-width:70%;padding:var(--spacing-3);position:relative}.message.own .message-content{background:var(--primary-color);border-bottom-right-radius:var(--border-radius-sm);color:var(--white)}.message.other .message-content{background:var(--white);border:1px solid var(--light-gray);border-bottom-left-radius:var(--border-radius-sm);color:var(--text-primary)}.message-text{word-wrap:break-word;line-height:1.6;margin-bottom:var(--spacing-1);white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.message-time{font-size:var(--font-size-xs);opacity:.7;text-align:right}.message.other .message-time{text-align:left}.offer-message{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin:10px 0;padding:15px}.offer-header{align-items:center;border-bottom:1px solid #ffc107;display:flex;gap:8px;margin-bottom:12px;padding-bottom:10px}.offer-icon{font-size:20px}.offer-title{color:#856404;font-size:16px;font-weight:700}.offer-details{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.offer-item{background:#fff;border:1px solid #e0e0e0;border-radius:5px;color:#333;font-size:14px;padding:8px}.offer-item strong{color:#856404;margin-right:8px}.message-input-container{background:var(--white);border-top:1px solid var(--light-gray);padding:var(--spacing-4)}.message-input-wrapper{align-items:flex-end;display:flex;gap:var(--spacing-3)}.message-input{border:1px solid var(--light-gray);border-radius:var(--border-radius-md);flex:1 1;font-family:inherit;font-size:var(--font-size-md);max-height:120px;min-height:44px;padding:var(--spacing-3);resize:none;transition:border-color .2s ease}.message-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.send-button{height:44px;padding:0 var(--spacing-4);white-space:nowrap}.no-conversation{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.no-conversation-icon{font-size:4rem;margin-bottom:var(--spacing-4)}.no-conversation h3{color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.no-conversation p{font-size:var(--font-size-md);margin:0}.chat-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--light-gray);border:3px solid var(--light-gray);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:var(--spacing-3);width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-error{align-items:center;background:var(--error-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);color:var(--white);display:flex;gap:var(--spacing-3);max-width:400px;padding:var(--spacing-3);position:fixed;right:var(--spacing-4);top:var(--spacing-4);z-index:1000}.chat-error p{flex:1 1;margin:0}@media (max-width:768px){.chat-main-content{margin-left:0;padding:var(--spacing-2)}.chat-main-content.nav-collapsed{margin-left:0}.chat-container{flex-direction:column;height:calc(100vh - 1rem)}.chat-sidebar{border-bottom:1px solid var(--light-gray);border-right:none;height:40%;width:100%}.chat-main{height:60%}.conversation-item{padding:var(--spacing-2)}.chat-header-main{padding:var(--spacing-3)}.chat-actions{flex-direction:column;gap:var(--spacing-1)}.chat-actions button{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.message-input-container,.messages-container{padding:var(--spacing-3)}.message-content{max-width:85%}}@media (max-width:480px){.chat-header{padding:var(--spacing-3)}.chat-header h3{font-size:var(--font-size-md)}.conversation-name{font-size:var(--font-size-sm)}.chat-actions button{font-size:var(--font-size-xs);min-width:auto;padding:var(--spacing-1)}.message-content{max-width:90%;padding:var(--spacing-2)}.message-input-wrapper{gap:var(--spacing-2)}.send-button{font-size:var(--font-size-sm);padding:0 var(--spacing-3)}}.notifications-page{background-color:var(--light-gray);display:flex;min-height:100vh}.notifications-main-content{flex:1 1;margin-left:280px;padding:var(--spacing-4);transition:margin-left .3s ease}.notifications-main-content.nav-collapsed{margin-left:70px}.notifications-container{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:800px;overflow:hidden}.notifications-header{border-bottom:1px solid var(--light-gray);flex-wrap:wrap;justify-content:space-between;padding:var(--spacing-4)}.notifications-header,.notifications-title{align-items:center;display:flex;gap:var(--spacing-3)}.notifications-title h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}.unread-badge{align-items:center;background:var(--accent-color);border-radius:50%;color:var(--white);display:flex;font-size:var(--font-size-sm);font-weight:600;height:24px;justify-content:center;width:24px}.notifications-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.filter-buttons{display:flex;gap:var(--spacing-2)}.notifications-list{max-height:600px;overflow-y:auto;padding:var(--spacing-4)}.notification-card{border:1px solid var(--light-gray);margin-bottom:var(--spacing-3);transition:all .2s ease}.notification-card:hover{box-shadow:var(--shadow-md)}.notification-card.unread{background:#3b82f605;border-left:4px solid var(--primary-color)}.notification-content{padding:var(--spacing-3)}.notification-header{align-items:flex-start;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.notification-icons{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-1)}.type-icon{font-size:var(--font-size-lg)}.priority-icon{font-size:var(--font-size-sm)}.notification-meta{flex:1 1;min-width:0}.notification-title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;line-height:1.3;margin:0 0 var(--spacing-1) 0}.notification-time{color:var(--text-tertiary);font-size:var(--font-size-sm)}.notification-actions{align-items:flex-start;display:flex;gap:var(--spacing-1)}.notification-message{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.5;margin:0 0 var(--spacing-3) 0}.notification-action-button{align-self:flex-start}.no-notifications{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-8);text-align:center}.no-notifications-icon{font-size:4rem;margin-bottom:var(--spacing-4);opacity:.5}.no-notifications h3{color:var(--text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-2) 0}.no-notifications p{font-size:var(--font-size-md);margin:0;max-width:300px}.notifications-error{align-items:center;background:var(--error-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);color:var(--white);display:flex;gap:var(--spacing-3);max-width:400px;padding:var(--spacing-3);position:fixed;right:var(--spacing-4);top:var(--spacing-4);z-index:1000}.notifications-error p{flex:1 1;margin:0}@media (max-width:768px){.notifications-main-content{margin-left:0;padding:var(--spacing-2)}.notifications-main-content.nav-collapsed{margin-left:0}.notifications-container{border-radius:var(--border-radius-md)}.notifications-header{align-items:stretch;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3)}.notifications-title{justify-content:center}.notifications-actions{flex-wrap:wrap;justify-content:center}.filter-buttons{justify-content:center}.notifications-list{max-height:none;padding:var(--spacing-3)}.notification-header{flex-direction:column;gap:var(--spacing-2)}.notification-actions{align-self:flex-end}.notification-content{padding:var(--spacing-2)}}@media (max-width:480px){.notifications-title h2{font-size:var(--font-size-lg)}.notification-message,.notification-title{font-size:var(--font-size-sm)}.filter-buttons{flex-direction:column;width:100%}.filter-buttons button{width:100%}.notifications-actions{flex-direction:column;width:100%}.notifications-actions button{width:100%}}.settings-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;min-height:100vh}.settings-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:var(--spacing-6)}.settings-main-content{flex:1 1;margin-left:280px;max-width:1200px;padding:var(--spacing-6);transition:margin-left .3s ease}.settings-main-content.nav-collapsed{margin-left:80px}.settings-header{margin-bottom:var(--spacing-6);text-align:center}.settings-header .header-content h1{color:var(--primary-blue);font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-2);text-shadow:0 2px 4px #0000001a}.settings-header .header-content p{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}.alert{align-items:center;animation:slideInDown .3s ease;border-radius:var(--border-radius-lg);display:flex;font-weight:500;margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.alert-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.alert-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b}.alert-icon{font-size:var(--font-size-lg);margin-right:var(--spacing-3)}.settings-tabs{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000000d;display:flex;margin-bottom:var(--spacing-6);overflow-x:auto;padding:var(--spacing-2)}.settings-tab{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;min-width:fit-content;padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease;white-space:nowrap}.settings-tab:hover{background:var(--background-hover);color:var(--primary-blue);transform:translateY(-1px)}.settings-tab.active{background:linear-gradient(135deg,var(--primary-blue) 0,#3b82f6 100%);box-shadow:0 4px 12px #3b82f64d;color:#fff}.tab-icon{font-size:var(--font-size-lg);margin-right:var(--spacing-2)}.tab-label{font-size:var(--font-size-sm);font-weight:600}.settings-content{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:0 10px 25px #0000001a;overflow:hidden}.settings-card{border:none;border-radius:0;box-shadow:none}.settings-card .card-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid var(--border-color);padding:var(--spacing-6)}.settings-card .card-header h3{align-items:center;color:var(--primary-blue);display:flex;font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-2) 0}.settings-card .card-header p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.settings-form{padding:var(--spacing-6)}.form-row{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:var(--spacing-4)}.form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-2)}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);padding:var(--spacing-3);transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.notification-group,.privacy-group,.security-group{margin-bottom:var(--spacing-6)}.notification-group h4,.privacy-group h4,.security-group h4{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2)}.toggle-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.toggle-item{align-items:center;background:var(--background-hover);border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:var(--spacing-3);transition:all .2s ease}.toggle-item:hover{background:#f1f5f9;border-color:var(--primary-blue)}.toggle-item label{color:var(--text-primary);cursor:pointer;font-weight:500;margin:0}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#cbd5e1;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background:linear-gradient(135deg,var(--primary-blue) 0,#3b82f6 100%)}input:checked+.slider:before{transform:translateX(26px)}.password-section{border-top:2px solid var(--border-color);margin-top:var(--spacing-6);padding-top:var(--spacing-6)}.password-section h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-4)}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6);padding-top:var(--spacing-4)}@media (max-width:768px){.settings-main-content{margin-left:0;padding:var(--spacing-4)}.settings-main-content.nav-collapsed{margin-left:0}.form-row{grid-template-columns:1fr}.settings-tabs{flex-direction:column}.settings-tab{justify-content:center}.toggle-item{align-items:flex-start;gap:var(--spacing-2)}.form-actions,.toggle-item{flex-direction:column}}@media (max-width:480px){.settings-header .header-content h1{font-size:var(--font-size-2xl)}.settings-card .card-header,.settings-form{padding:var(--spacing-4)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.settings-page .loading-spinner{margin:var(--spacing-8) auto}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group input.success,.form-group select.success,.form-group textarea.success{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.toggle-switch:focus-within .slider{box-shadow:0 0 0 3px #3b82f64d}.settings-tab:focus{outline:2px solid var(--primary-blue);outline-offset:2px}@media (prefers-color-scheme:dark){.settings-page{background:linear-gradient(135deg,#1e293b,#334155)}.settings-card .card-header,.settings-content{background:#1e293b;border-color:#475569}.settings-card .card-header{background:linear-gradient(135deg,#334155,#475569)}.form-group input,.form-group select,.form-group textarea{background:#334155;border-color:#475569;color:#fff}.toggle-item{background:#334155;border-color:#475569}.toggle-item:hover{background:#475569}}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}html{scroll-behavior:smooth}:focus{outline:2px solid var(--sky-blue);outline-offset:2px}.skip-link{background:var(--primary-blue);border-radius:var(--radius-md);color:var(--white);left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:1000}.skip-link:focus{top:6px}
/*# sourceMappingURL=main.51310da4.css.map*/