:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #3b82f6;--color-secondary: #0891b2;--color-secondary-dark: #0e7490;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #065f46;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #92400e;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-danger-dark: #991b1b;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #1e40af;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-neutral-900);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}.landing-page{width:100%;overflow-x:hidden}.nav{position:sticky;top:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-neutral-200);z-index:100;padding:0}.nav-container{width:100%;max-width:none;margin:0;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:var(--color-neutral-900)}.logo-icon{font-size:1.75rem}.logo-text{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-image{height:32px;width:auto;display:block;object-fit:contain}.logo-image-lg{height:56px;width:auto;display:block;object-fit:contain}@media(max-width:640px){.logo-image{height:24px}.logo-image-lg{height:40px}}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{font-weight:500;color:var(--color-neutral-700);transition:color .2s}.nav-links a:hover{color:var(--color-primary)}.btn-primary,.btn-outline,.btn-outline-white,.btn-large,.btn-full{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.5rem;font-weight:600;font-size:.875rem;border-radius:.5rem;transition:all .2s;cursor:pointer;border:none;font-family:var(--font-sans)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;border:1px solid var(--color-neutral-300);color:var(--color-neutral-700)}.btn-outline:hover{background-color:var(--color-neutral-50);border-color:var(--color-primary);color:var(--color-primary)}.btn-outline-white{background-color:transparent;border:2px solid white;color:#fff}.btn-outline-white:hover{background-color:#fff;color:var(--color-primary)}.btn-large{padding:1rem 2rem;font-size:1rem}.btn-full{width:100%}.hero{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:6rem 2rem 4rem;text-align:center}.hero-container{width:100%;max-width:none;margin:0}.hero-badge{display:inline-block;background-color:var(--color-primary-light);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600;margin-bottom:2rem}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--color-neutral-900)}.hero-subtitle{font-size:1.25rem;color:var(--color-neutral-600);margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem}.hero-stats{display:flex;gap:3rem;justify-content:center;padding-top:3rem;border-top:1px solid var(--color-neutral-200)}.stat-item{text-align:center}.stat-value{font-size:2.5rem;font-weight:800;color:var(--color-primary);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--color-neutral-600);font-weight:500}.container{width:100%;max-width:none;margin:0;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:800;color:var(--color-neutral-900);margin-bottom:1rem}.section-header p{font-size:1.125rem;color:var(--color-neutral-600);max-width:600px;margin:0 auto}.dashboard-preview{padding:6rem 0;background-color:var(--color-neutral-50)}.dashboard-mockup{margin-top:3rem}.mockup-window{background-color:#fff;border-radius:1rem;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--color-neutral-200)}.mockup-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));padding:1rem;display:flex;align-items:center;gap:1rem}.mockup-dots{display:flex;gap:.5rem}.mockup-dots span{width:.75rem;height:.75rem;border-radius:50%;background-color:#ffffff4d}.mockup-title{color:#fff;font-weight:600}.mockup-content{display:grid;grid-template-columns:200px 1fr;min-height:400px}.mockup-sidebar{background-color:var(--color-neutral-50);padding:1.5rem 1rem;border-right:1px solid var(--color-neutral-200)}.mockup-nav-item{padding:.75rem 1rem;margin-bottom:.5rem;border-radius:.5rem;font-size:.875rem;color:var(--color-neutral-600);cursor:pointer;transition:all .2s}.mockup-nav-item.active{background-color:var(--color-primary);color:#fff}.mockup-main{padding:2rem}.mockup-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.mockup-stat-card{background-color:var(--color-neutral-50);padding:1.5rem;border-radius:.5rem;border:1px solid var(--color-neutral-200)}.mockup-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-neutral-500);margin-bottom:.5rem;font-weight:600}.mockup-stat-value{font-size:2rem;font-weight:800;color:var(--color-neutral-900)}.mockup-table{background-color:#fff;border:1px solid var(--color-neutral-200);border-radius:.5rem;overflow:hidden}.mockup-table-header{padding:1rem 1.5rem;background-color:var(--color-neutral-50);font-weight:600;border-bottom:1px solid var(--color-neutral-200)}.mockup-table-row{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-neutral-100)}.badge-transit{background-color:#fef3c7;color:#92400e;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.badge-booked{background-color:#dbeafe;color:#1e40af;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.badge-delivered{background-color:#d1fae5;color:#065f46;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.features-section{padding:6rem 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background-color:#fff;padding:2rem;border-radius:1rem;border:1px solid var(--color-neutral-200);transition:all .3s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.feature-icon{font-size:3rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--color-neutral-900)}.feature-card p{color:var(--color-neutral-600);line-height:1.6}.transport-modes{padding:6rem 0;background-color:var(--color-neutral-50)}.modes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.mode-card{background-color:#fff;padding:2.5rem;border-radius:1rem;box-shadow:var(--shadow-md);transition:all .3s}.mode-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.mode-icon{font-size:4rem;margin-bottom:1.5rem}.mode-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--color-neutral-900)}.mode-card>p{color:var(--color-neutral-600);margin-bottom:1.5rem}.mode-features{list-style:none;padding:0}.mode-features li{padding:.5rem 0;color:var(--color-neutral-700);font-size:.9375rem}.benefits-section{padding:6rem 0}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.benefit-item{display:flex;gap:1.5rem}.benefit-number{flex-shrink:0;width:3rem;height:3rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:1.25rem;font-weight:800;display:flex;align-items:center;justify-content:center;border-radius:.75rem}.benefit-item h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--color-neutral-900)}.benefit-item p{color:var(--color-neutral-600);line-height:1.6}.testimonials-section{padding:6rem 0;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.testimonial-card{background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:var(--shadow-md)}.testimonial-rating{margin-bottom:1rem;color:#f59e0b}.testimonial-text{color:var(--color-neutral-700);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.author-name{font-weight:600;color:var(--color-neutral-900);margin-bottom:.125rem}.author-title{font-size:.875rem;color:var(--color-neutral-600)}.pricing-section{padding:6rem 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.pricing-card{background-color:#fff;border:2px solid var(--color-neutral-200);border-radius:1rem;padding:2.5rem;transition:all .3s;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-featured{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.pricing-badge{position:absolute;top:-1rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;padding:.5rem 1.5rem;border-radius:2rem;font-size:.875rem;font-weight:600}.pricing-header h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--color-neutral-900)}.pricing-header p{color:var(--color-neutral-600);margin-bottom:2rem}.pricing-price{margin-bottom:2rem;display:flex;align-items:baseline;gap:.25rem}.price-currency{font-size:1.5rem;font-weight:700;color:var(--color-neutral-900)}.price-amount{font-size:3.5rem;font-weight:800;color:var(--color-neutral-900)}.price-period{font-size:1rem;color:var(--color-neutral-600)}.pricing-features{list-style:none;padding:0;margin-bottom:2rem}.pricing-features li{padding:.75rem 0;color:var(--color-neutral-700);border-bottom:1px solid var(--color-neutral-100)}.faq-section{padding:6rem 0;background-color:var(--color-neutral-50)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.faq-item h3{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;color:var(--color-neutral-900)}.faq-item p{color:var(--color-neutral-600);line-height:1.6}.cta-section{padding:6rem 0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-content>p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.95}.cta-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.cta-note{font-size:.875rem;opacity:.85}.footer{background-color:var(--color-neutral-900);color:var(--color-neutral-400);padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:#fff;margin-bottom:1rem}.footer-desc{line-height:1.6;max-width:300px}.footer-col h4{color:#fff;font-weight:700;margin-bottom:1rem}.footer-col ul{list-style:none;padding:0}.footer-col ul li{margin-bottom:.75rem}.footer-col ul li a{color:var(--color-neutral-400);transition:color .2s}.footer-col ul li a:hover{color:#fff}.footer-bottom{padding-top:2rem;border-top:1px solid var(--color-neutral-800);display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--color-neutral-400);transition:color .2s}.footer-links a:hover{color:#fff}.login-page{min-height:100vh;display:grid;grid-template-columns:45% 55%}.login-brand-panel{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:3rem;display:flex;flex-direction:column;color:#fff;position:relative;overflow:hidden}.login-brand-panel:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.brand-panel-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.brand-logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.5rem;color:#fff;margin-bottom:3rem}.brand-logo .logo-text{color:#fff;background:none;-webkit-text-fill-color:white}.brand-logo .logo-image,.brand-logo .logo-image-lg{filter:brightness(0) invert(1)}.brand-illustration{flex:1;display:flex;align-items:center;justify-content:center;margin:2rem 0}.illustration-container{text-align:center}.shipping-container{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.container-box{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.shipping-route{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.route-point{font-size:2rem;animation:pulse 2s ease-in-out infinite}.route-point.ship{animation:ship-move 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes ship-move{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.route-line{width:60px;height:2px;background-color:#ffffff4d;position:relative;overflow:hidden}.route-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:line-move 2s linear infinite}@keyframes line-move{0%{left:-100%}to{left:100%}}.tracking-info{display:flex;flex-direction:column;gap:.75rem;align-items:center}.tracking-badge{display:flex;align-items:center;gap:.5rem;background-color:#ffffff26;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-dot{width:8px;height:8px;border-radius:50%;background-color:#f59e0b;animation:blink 2s ease-in-out infinite}.badge-dot.green{background-color:#10b981}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.brand-features{margin-top:auto}.brand-features h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.brand-features ul{list-style:none;padding:0;margin-bottom:2rem}.brand-features li{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.9375rem}.feature-check{flex-shrink:0;width:1.5rem;height:1.5rem;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem}.brand-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.brand-stat{text-align:center}.brand-stat .stat-number{font-size:2rem;font-weight:800;margin-bottom:.25rem}.brand-stat .stat-label{font-size:.875rem;opacity:.9}.login-form-panel{background-color:#fff;display:flex;align-items:center;justify-content:center;padding:3rem}.login-form-container{width:100%;max-width:440px}.login-header{margin-bottom:2.5rem}.login-header h1{font-size:2rem;font-weight:800;margin-bottom:.5rem;color:var(--color-neutral-900)}.login-header p{color:var(--color-neutral-600);font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.75rem 1rem;border-radius:.5rem;font-weight:600}.loading-state{padding:.75rem 1rem;border-radius:.5rem;background:#fff;border:1px solid var(--color-neutral-200);color:var(--color-neutral-700);font-weight:600;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;font-size:.875rem;color:var(--color-neutral-700)}.form-group input{padding:.875rem 1rem;border:2px solid var(--color-neutral-200);border-radius:.5rem;font-size:1rem;transition:all .2s;font-family:var(--font-sans)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-group input.form-input,.form-group select.form-select{padding:0 .625rem;font-size:.8125rem;border:1px solid var(--color-neutral-300);border-radius:.375rem;height:32px}.form-group input.form-input:focus,.form-group select.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb14}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-neutral-700)}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.link{color:var(--color-primary);font-weight:600;transition:color .2s}.link:hover{color:var(--color-primary-dark)}.btn-login{margin-top:.5rem;padding:.875rem;font-size:1rem}.login-divider{text-align:center;margin:2rem 0;position:relative}.login-divider:before,.login-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 30px);height:1px;background-color:var(--color-neutral-200)}.login-divider:before{left:0}.login-divider:after{right:0}.login-divider span{background-color:#fff;padding:0 1rem;color:var(--color-neutral-500);font-size:.875rem}.login-footer{text-align:center}.footer-text{margin-bottom:1.5rem;color:var(--color-neutral-600);font-size:.9375rem}.link-primary{color:var(--color-primary);font-weight:600;transition:color .2s}.link-primary:hover{color:var(--color-primary-dark)}.back-link{display:inline-block;color:var(--color-neutral-600);font-size:.875rem;transition:color .2s}.back-link:hover{color:var(--color-neutral-900)}.login-security{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-neutral-100);text-align:center}.login-security p{font-size:.875rem;color:var(--color-neutral-500)}.dashboard-page{min-height:100vh;background-color:#f8fafc}.dashboard-page{--topbar-height: 5rem}.dashboard-container{width:100%;max-width:none;margin:0;padding:0}.dashboard-header{position:sticky;top:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;box-shadow:0 1px 3px #0000000d;margin-bottom:0;border-bottom:1px solid var(--color-neutral-200);min-height:var(--topbar-height)}.dashboard-header .logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem}.header-actions{display:flex;align-items:center;gap:1.5rem}.btn-icon{position:relative;background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background-color .2s}.btn-icon:hover{background-color:var(--color-neutral-100)}.badge-count{position:absolute;top:0;right:0;background-color:var(--color-danger);color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:1rem}.user-profile{display:flex;align-items:center;gap:.75rem}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.875rem;color:var(--color-neutral-900)}.user-role{font-size:.75rem;color:var(--color-neutral-500)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.dashboard-main{padding:2rem}.dashboard-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.dashboard-main h1{font-size:2rem;font-weight:800;margin-bottom:.25rem;color:var(--color-neutral-900)}.dashboard-subtitle{color:var(--color-neutral-600);font-size:1rem}.quick-actions{display:flex;gap:.75rem}.quick-actions button{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{background-color:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);display:flex;gap:1rem;transition:all .2s;container-type:inline-size;overflow:hidden}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.kpi-card-primary{border-left:4px solid var(--color-primary)}.kpi-card-success{border-left:4px solid var(--color-success)}.kpi-card-warning{border-left:4px solid var(--color-warning)}.kpi-card-danger{border-left:4px solid var(--color-danger)}.kpi-card-info{border-left:4px solid #0ea5e9}.kpi-icon{font-size:2.5rem;line-height:1}.kpi-title{font-size:.875rem;font-weight:600;color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.kpi-value{font-size:clamp(1rem,7cqi,1.75rem);font-weight:800;color:var(--color-neutral-900);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-trend{font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-trend-up{color:var(--color-success)}.kpi-trend-down{color:var(--color-danger)}.kpi-trend-neutral{color:var(--color-neutral-500)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.chart-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);overflow:hidden}.chart-card-wide{grid-column:1 / -1}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-neutral-200)}.chart-header h3{font-size:1rem;font-weight:700;color:var(--color-neutral-900)}.chart-period{font-size:.875rem;color:var(--color-neutral-500)}.chart-content{padding:1.5rem}.transport-chart{display:flex;flex-direction:column;gap:1.25rem}.transport-bar-item{display:flex;flex-direction:column;gap:.5rem}.transport-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--color-neutral-700)}.transport-icon{font-size:1.25rem}.transport-name{min-width:60px}.transport-bar-container{background-color:var(--color-neutral-100);border-radius:.5rem;overflow:hidden;height:2rem}.transport-bar{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:.75rem;color:#fff;font-weight:700;font-size:.875rem;transition:width .8s ease}.transport-sea{background:linear-gradient(90deg,#0284c7,#0ea5e9)}.transport-air{background:linear-gradient(90deg,#7c3aed,#a855f7)}.transport-road{background:linear-gradient(90deg,#ea580c,#f97316)}.transport-rail{background:linear-gradient(90deg,#059669,#10b981)}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;height:200px}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.bar-value{font-size:.75rem;font-weight:700;color:var(--color-neutral-700)}.bar{width:100%;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-dark));border-radius:.25rem .25rem 0 0;min-height:20px;transition:height .8s ease}.bar-label{font-size:.75rem;font-weight:600;color:var(--color-neutral-600)}.line-chart{height:220px}.line-chart-grid{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:.5rem}.line-chart-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.line-chart-bar{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}.line-chart-point{width:12px;height:12px;background-color:var(--color-primary);border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #2563eb66;margin-bottom:.5rem}.line-chart-value{font-size:.75rem;font-weight:700;color:var(--color-neutral-700);margin-bottom:.5rem}.line-chart-label{font-size:.75rem;font-weight:600;color:var(--color-neutral-600);margin-top:auto;padding-top:.5rem}.widgets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.widget-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);overflow:hidden}.widget-card-large{grid-column:1 / -1}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-neutral-200)}.widget-header h3{font-size:1rem;font-weight:700;color:var(--color-neutral-900)}.link-sm{font-size:.875rem;color:var(--color-primary);font-weight:600;transition:color .2s}.link-sm:hover{color:var(--color-primary-dark)}.badge-alert{background-color:var(--color-danger);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .625rem;border-radius:1rem}.widget-content{padding:1.5rem}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table thead{background-color:var(--color-neutral-50)}.data-table th{text-align:left;padding:.75rem 1rem;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-neutral-600);border-bottom:2px solid var(--color-neutral-200)}.data-table td{padding:1rem;border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-700)}.data-table tbody tr:hover{background-color:var(--color-neutral-50)}.font-mono{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8125rem}.font-semibold{font-weight:600}.route-cell{max-width:250px}.route-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.transport-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.status-success{background-color:#d1fae5;color:#065f46}.status-info{background-color:#dbeafe;color:#1e40af}.status-warning{background-color:#fef3c7;color:#92400e}.status-danger{background-color:#fee2e2;color:#991b1b}.status-neutral{background-color:var(--color-neutral-100);color:var(--color-neutral-700)}.priority-badge{display:inline-block;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:700;letter-spacing:.3px}.priority-urgent{background-color:#fee2e2;color:#991b1b}.priority-high{background-color:#fed7aa;color:#9a3412}.priority-medium{background-color:#dbeafe;color:#1e40af}.priority-low{background-color:var(--color-neutral-100);color:var(--color-neutral-600)}.list-items{display:flex;flex-direction:column;gap:1rem}.list-item{padding:1rem;border-radius:.5rem;border:1px solid var(--color-neutral-200);transition:all .2s}.list-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #2563eb1a}.list-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.list-item-body{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.list-item-client,.invoice-client{font-weight:600;color:var(--color-neutral-900)}.list-item-route{color:var(--color-neutral-600)}.list-item-eta,.invoice-due{font-size:.8125rem;color:var(--color-neutral-500)}.urgent-item{border-left:3px solid var(--color-danger)}.milestone-item{display:flex;gap:1rem;padding:1rem}.milestone-date{flex-shrink:0;width:4rem;height:4rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.milestone-day{font-size:1.5rem;font-weight:800;line-height:1}.milestone-month{font-size:.75rem;font-weight:600;text-transform:uppercase}.milestone-details{flex:1;display:flex;flex-direction:column;gap:.375rem}.milestone-event{font-weight:700;color:var(--color-neutral-900);font-size:.9375rem}.milestone-location{font-size:.875rem;color:var(--color-neutral-600)}.milestone-tracking{font-size:.8125rem;color:var(--color-neutral-500)}.invoice-amount{font-size:1.125rem;font-weight:800;color:var(--color-neutral-900)}.shipments-page{min-height:100vh;background-color:#f8fafc}.shipments-container{width:100%;max-width:none;margin:0}.shipments-main{padding:2rem}.shipment-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.shipment-tab{border:1px solid var(--color-neutral-200);background:#fff;color:var(--color-neutral-700);padding:.5rem .75rem;border-radius:999px;font-weight:600;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.shipment-tab:hover{background:var(--color-neutral-50)}.shipment-tab.active{border-color:#2563eb59;background:#2563eb14;color:var(--color-primary)}.shipment-tab-badge{background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);color:var(--color-neutral-700);font-size:.75rem;padding:.125rem .5rem;border-radius:999px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:800;margin-bottom:.25rem;color:var(--color-neutral-900)}.page-subtitle{color:var(--color-neutral-600);font-size:1rem}.filters-section{background-color:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200)}.search-bar,.search-box{position:relative;margin-bottom:1.5rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.125rem}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid var(--color-neutral-200);border-radius:.5rem;font-size:.9375rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:600;color:var(--color-neutral-700)}.filter-select,.filter-input{padding:.625rem .875rem;border:1px solid var(--color-neutral-300);border-radius:.5rem;font-size:.875rem;background-color:#fff;transition:all .2s}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.filter-actions{display:flex;align-items:flex-end}.bulk-actions-bar{background-color:var(--color-primary);color:#fff;padding:1rem 1.5rem;border-radius:.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.selected-count{font-weight:600;font-size:.9375rem}.bulk-actions{display:flex;gap:.75rem}.bulk-actions .btn-outline{background-color:#fff;border-color:#fff;color:var(--color-primary)}.bulk-actions .btn-outline:hover{background-color:#ffffffe6}.bulk-actions .btn-danger{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.bulk-actions .btn-danger:hover{background-color:#dc2626}.shipments-table-container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);overflow:hidden;margin-bottom:1.5rem}.table-wrapper{overflow-x:auto}.shipments-table{width:100%;border-collapse:collapse;font-size:.875rem}.shipments-table thead{background-color:var(--color-neutral-50);border-bottom:2px solid var(--color-neutral-200)}.shipments-table th{text-align:left;padding:1rem;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-neutral-600);white-space:nowrap}.shipments-table td{padding:1rem;border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-700)}.shipments-table tbody tr{transition:background-color .2s}.shipments-table tbody tr:hover{background-color:var(--color-neutral-50)}.shipments-table tbody tr.selected{background-color:#eff6ff}.checkbox-col{width:40px;text-align:center}.checkbox-col input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.mode-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;padding:.375rem .75rem;background-color:var(--color-neutral-100);border-radius:.375rem}.route-column{min-width:250px}.route-info{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.route-origin,.route-destination{font-weight:500}.route-arrow{color:var(--color-neutral-400);font-weight:700}.date-info{display:flex;flex-direction:column;gap:.25rem}.date-etd,.date-eta{font-size:.8125rem}.date-etd{font-weight:600;color:var(--color-neutral-800)}.date-eta{color:var(--color-neutral-500)}.shipment-status-badge{display:inline-block;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.shipment-status-draft{background-color:var(--color-neutral-100);color:var(--color-neutral-700)}.shipment-status-booked,.shipment-status-in-transit{background-color:#dbeafe;color:#1e40af}.shipment-status-delayed{background-color:#fee2e2;color:#991b1b}.shipment-status-arrived{background-color:#d1fae5;color:#065f46}.shipment-status-customs{background-color:#fef3c7;color:#92400e}.shipment-status-delivered{background-color:#d1fae5;color:#065f46}.shipment-status-cancelled{background-color:var(--color-neutral-200);color:var(--color-neutral-600)}.carrier-cell{min-width:150px;font-size:.8125rem}.amount-cell,.profit-cell{font-weight:700;font-size:.8125rem;white-space:nowrap}.amount-cell{color:var(--color-neutral-900)}.profit-cell{color:var(--color-success)}.action-buttons{display:flex;gap:.375rem}.action-btn{background:none;border:none;padding:.375rem;font-size:1rem;cursor:pointer;border-radius:.25rem;transition:background-color .2s}.action-btn:hover{background-color:var(--color-neutral-100)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200)}.pagination-info{font-size:.875rem;color:var(--color-neutral-600)}.pagination-controls{display:flex;gap:.5rem;align-items:center}.pagination-btn{padding:.5rem .75rem;border:1px solid var(--color-neutral-300);background-color:#fff;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;color:var(--color-neutral-700);min-width:2.5rem}.pagination-btn:hover:not(:disabled){background-color:var(--color-neutral-50);border-color:var(--color-primary)}.pagination-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-ellipsis{padding:.5rem;color:var(--color-neutral-400)}.empty-state{padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--color-neutral-900)}.empty-state p{color:var(--color-neutral-600);margin-bottom:1.5rem}.loading-skeleton{padding:1.5rem}.skeleton-row{display:grid;grid-template-columns:40px repeat(7,1fr);gap:1rem;padding:1rem;border-bottom:1px solid var(--color-neutral-100)}.skeleton-cell{background:linear-gradient(90deg,var(--color-neutral-100) 25%,var(--color-neutral-200) 50%,var(--color-neutral-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.25rem}.skeleton-checkbox{width:1rem;height:1rem}.skeleton-text{height:1rem}.skeleton-badge{height:1.5rem;width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.create-shipment-page{min-height:100vh;background-color:#f8fafc}.create-shipment-container{width:100%;max-width:none;margin:0}.create-shipment-main{padding:2rem}.stepper{display:flex;gap:1rem;margin-bottom:2rem;background-color:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200)}.step{flex:1;display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;cursor:pointer;transition:all .3s;background-color:var(--color-neutral-50);border:2px solid transparent}.step:hover{background-color:var(--color-neutral-100)}.step.active{background-color:#eff6ff;border-color:var(--color-primary)}.step.completed{background-color:#d1fae5;border-color:var(--color-success)}.step-icon{font-size:2rem;line-height:1}.step-info{flex:1}.step-number{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-neutral-600);letter-spacing:.5px}.step-title{font-size:.9375rem;font-weight:700;color:var(--color-neutral-900);margin-top:.25rem}.form-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);padding:2rem}@media(max-width:640px){.form-card{padding:1rem}.form-card .section-title{font-size:1.125rem;margin-bottom:1rem;padding-bottom:.5rem}}.form-step{min-height:400px}.section-title{font-size:1.5rem;font-weight:800;color:var(--color-neutral-900);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-neutral-200)}.subsection{margin-top:2rem}.subsection-title{font-size:1.125rem;font-weight:700;color:var(--color-neutral-800);margin-bottom:1rem}.mode-selector{margin-bottom:2rem}.mode-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-neutral-700);margin-bottom:.75rem}.mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mode-option{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;border:2px solid var(--color-neutral-200);border-radius:.75rem;background-color:#fff;cursor:pointer;transition:all .2s}.mode-option:hover{border-color:var(--color-primary);background-color:#f0f9ff}.mode-option.active{border-color:var(--color-primary);background-color:#eff6ff;box-shadow:0 0 0 3px #2563eb1a}.mode-icon{font-size:3rem;line-height:1}.mode-name{font-size:1rem;font-weight:700;color:var(--color-neutral-900)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group label{font-size:.6875rem;font-weight:600;color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.4px}.form-input,.form-select{height:32px;padding:0 .625rem;border:1px solid var(--color-neutral-300);border-radius:.375rem;font-size:.8125rem;background-color:#fff;font-family:inherit;color:var(--color-neutral-800);width:100%;transition:border-color .15s}input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{display:inline-flex;align-items:center;line-height:1}input[type=date]::-webkit-datetime-edit,input[type=datetime-local]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit,input[type=month]::-webkit-datetime-edit,input[type=week]::-webkit-datetime-edit{padding:0;margin:0;line-height:1;display:inline-flex;align-items:center}input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper,input[type=time]::-webkit-datetime-edit-fields-wrapper,input[type=month]::-webkit-datetime-edit-fields-wrapper,input[type=week]::-webkit-datetime-edit-fields-wrapper{padding:0;margin:0;line-height:1;display:inline-flex;align-items:center}input[type=date]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-year-field,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=datetime-local]::-webkit-datetime-edit-text,input[type=datetime-local]::-webkit-datetime-edit-year-field,input[type=datetime-local]::-webkit-datetime-edit-month-field,input[type=datetime-local]::-webkit-datetime-edit-day-field,input[type=datetime-local]::-webkit-datetime-edit-hour-field,input[type=datetime-local]::-webkit-datetime-edit-minute-field,input[type=time]::-webkit-datetime-edit-text,input[type=time]::-webkit-datetime-edit-hour-field,input[type=time]::-webkit-datetime-edit-minute-field,input[type=month]::-webkit-datetime-edit-text,input[type=month]::-webkit-datetime-edit-year-field,input[type=month]::-webkit-datetime-edit-month-field{padding:0;margin:0;line-height:1}.form-textarea{padding:.5rem .625rem;border:1px solid var(--color-neutral-300);border-radius:.375rem;font-size:.8125rem;background-color:#fff;font-family:inherit;color:var(--color-neutral-800);width:100%;resize:vertical;min-height:80px;transition:border-color .15s}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-neutral-50);color:var(--color-neutral-500);cursor:not-allowed}.documents-section{margin-top:1rem}.upload-area{border:2px dashed var(--color-neutral-300);border-radius:.75rem;padding:2rem;text-align:center;background-color:var(--color-neutral-50);transition:all .2s}.upload-area:hover{border-color:var(--color-primary);background-color:#f0f9ff}.upload-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.upload-text{font-size:.9375rem;color:var(--color-neutral-700);margin-bottom:1rem}.upload-hint{font-size:.8125rem;color:var(--color-neutral-500);margin-top:.5rem}.documents-list{margin-top:1.5rem;padding:1.5rem;background-color:var(--color-neutral-50);border-radius:.5rem}.documents-list-title{font-size:.875rem;font-weight:700;color:var(--color-neutral-700);margin-bottom:1rem}.document-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem;background-color:#fff;border:1px solid var(--color-neutral-200);border-radius:.5rem;margin-bottom:.75rem;transition:all .2s}.document-item:last-child{margin-bottom:0}.document-item:hover{box-shadow:0 2px 4px #0000000d}.document-info{display:flex;align-items:center;gap:.75rem;flex:1}.document-icon{font-size:1.5rem}.document-details{flex:1}.document-name{font-size:.875rem;font-weight:600;color:var(--color-neutral-900);margin-bottom:.125rem}.document-meta{font-size:.75rem;color:var(--color-neutral-500)}.btn-icon-small{background:none;border:none;padding:.5rem;font-size:1rem;cursor:pointer;border-radius:.25rem;color:var(--color-neutral-500);transition:all .2s}.btn-icon-small:hover{background-color:var(--color-neutral-100);color:var(--color-danger)}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--color-neutral-200)}.form-actions-left,.form-actions-right{display:flex;gap:1rem}.form-actions button{min-width:120px}@media(max-width:1024px){.hero-title{font-size:2.5rem}.features-grid,.modes-grid,.testimonials-grid,.pricing-grid,.benefits-grid,.mockup-content{grid-template-columns:1fr}.mockup-sidebar{display:none}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.hero{padding:4rem 1rem 3rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column}.hero-stats{flex-direction:column;gap:2rem}.nav-links{gap:1rem}.section-header h2{font-size:1.75rem}.mockup-stats,.faq-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.cta-actions{flex-direction:column}.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{padding:2rem 1.5rem}.kpi-grid,.charts-grid{grid-template-columns:1fr}.chart-card-wide{grid-column:auto}.widgets-grid{grid-template-columns:1fr}.widget-card-large{grid-column:auto}.dashboard-header{flex-direction:row;gap:.75rem;text-align:left;padding:.75rem 1rem}.dashboard-header .logo{font-size:1rem;gap:.5rem;white-space:nowrap;flex-shrink:0}.header-actions{flex-direction:row;width:auto;gap:.5rem}.header-actions .user-info{display:none}.header-actions .btn-outline{padding:.4rem .6rem;font-size:.8125rem}.dashboard-top{flex-direction:column;gap:1.5rem}.quick-actions{flex-direction:column;width:100%}.quick-actions button{width:100%;justify-content:center}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:.5rem}.route-cell{max-width:150px}.bar-chart{height:150px}.line-chart{height:180px}.page-header{flex-direction:column;gap:1.5rem}.page-header button{width:100%}.filters-grid{grid-template-columns:1fr}.bulk-actions-bar{flex-direction:column;gap:1rem;text-align:center}.bulk-actions{flex-direction:column;width:100%}.bulk-actions button{width:100%}.table-wrapper{overflow-x:scroll}.shipments-table{min-width:1200px}.pagination{flex-direction:column;gap:1rem}.pagination-controls{flex-wrap:wrap;justify-content:center}.stepper{flex-direction:column}.step{width:100%}.mode-options,.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:1rem}.form-actions-left,.form-actions-right,.form-actions button{width:100%}}.tracking-page{min-height:100vh;background-color:#f8fafc}.tracking-container{width:100%;max-width:none;margin:0}.tracking-main{padding:2rem}.tracking-filters-section{margin-bottom:2rem}.search-box-large{position:relative;margin-bottom:1.5rem}.search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:var(--color-neutral-400)}.search-input-large{width:100%;padding:1rem 1rem 1rem 3.5rem;border:2px solid var(--color-neutral-200);border-radius:.75rem;font-size:1rem;background-color:#fff;transition:all .2s}.search-input-large:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.filters-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;background-color:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200)}.filter-label{font-size:.8125rem;font-weight:600;color:var(--color-neutral-700);margin-bottom:.375rem}.filter-checkbox{width:1.25rem;height:1.25rem;cursor:pointer;margin-top:.25rem}.clear-filters-btn{margin-left:auto}.tracking-content{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}.tracking-list{min-width:0}.tracking-list-header{margin-bottom:1.5rem}.tracking-list-title{font-size:1.25rem;font-weight:700;color:var(--color-neutral-900)}.tracking-cards-grid{display:grid;gap:1.5rem}.tracking-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:2px solid var(--color-neutral-200);padding:1.5rem;transition:all .3s;cursor:pointer}.tracking-card:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--color-primary)}.tracking-card.selected{border-color:var(--color-primary);background-color:#f0f9ff;box-shadow:0 4px 12px #2563eb26}.tracking-card-header{margin-bottom:1.25rem}.tracking-card-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.tracking-reference{font-size:1.125rem;font-weight:700;color:var(--color-primary);transition:color .2s}.tracking-reference:hover{color:var(--color-primary-dark);text-decoration:underline}.tracking-customer{font-size:.875rem;color:var(--color-neutral-600);font-weight:500}.tracking-route-display{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin-bottom:1.25rem;padding:1rem;background-color:var(--color-neutral-50);border-radius:.5rem}.route-endpoint{display:flex;flex-direction:column;gap:.25rem}.route-endpoint-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;color:var(--color-neutral-500);letter-spacing:.5px}.route-endpoint-value{font-size:.875rem;font-weight:600;color:var(--color-neutral-900)}.route-arrow-line{display:flex;flex-direction:column;align-items:center;gap:.375rem;min-width:120px}.route-progress-bar{width:100%;height:6px;background-color:var(--color-neutral-200);border-radius:3px;overflow:hidden;position:relative}.route-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:3px;transition:width .6s ease}.route-progress-text{font-size:.75rem;font-weight:700;color:var(--color-primary)}.tracking-current-status{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#eff6ff;border-radius:.5rem;border:1px solid #bfdbfe;margin-bottom:1.25rem}.current-status-icon{font-size:1.5rem}.current-status-info{flex:1}.current-status-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-neutral-600);letter-spacing:.5px}.current-status-value{font-size:.9375rem;font-weight:700;color:var(--color-neutral-900);margin-top:.125rem}.tracking-milestones-preview{display:grid;gap:.75rem;margin-bottom:1rem}.milestone-preview-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background-color:var(--color-neutral-50);border-radius:.5rem;border-left:3px solid var(--color-success)}.milestone-preview-item.next-milestone{border-left-color:var(--color-neutral-300);opacity:.8}.milestone-preview-icon{font-size:1.25rem;line-height:1}.milestone-preview-content{flex:1}.milestone-preview-status{font-size:.875rem;font-weight:600;color:var(--color-neutral-900);margin-bottom:.125rem}.milestone-preview-time{font-size:.75rem;color:var(--color-neutral-600)}.tracking-alerts{display:flex;gap:.5rem;margin-bottom:1rem}.alert-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:700}.alert-warning{background-color:#fef3c7;color:#92400e;border:1px solid #fcd34d}.alert-danger{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.tracking-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--color-neutral-200)}.tracking-dates{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-neutral-600)}.tracking-date-item{font-weight:500}.tracking-date-separator{color:var(--color-neutral-400)}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-state-title{font-size:1.25rem;font-weight:700;color:var(--color-neutral-900);margin-bottom:.5rem}.empty-state-text{font-size:.9375rem;color:var(--color-neutral-600)}.tracking-detail-panel{position:sticky;top:2rem;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 12px #0000001a;border:1px solid var(--color-neutral-200);max-height:calc(100vh - 4rem);overflow-y:auto}.detail-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--color-neutral-200)}.detail-panel-title{font-size:1.125rem;font-weight:700;color:var(--color-neutral-900)}.btn-icon-close{background:none;border:none;font-size:1.5rem;color:var(--color-neutral-500);cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s;line-height:1}.btn-icon-close:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.tag-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:999px;border:1px solid var(--color-neutral-200);background:var(--color-neutral-50);color:var(--color-neutral-900);font-size:.75rem;font-weight:800}.btn-icon-remove{background:none;border:none;padding:0;cursor:pointer;color:var(--color-neutral-600);font-size:1.1rem;line-height:1}.btn-icon-remove:hover{color:var(--color-neutral-900)}.pnl-user-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.pnl-user-row:last-child{margin-bottom:0}.detail-panel-shipment-info{padding:1.5rem;border-bottom:1px solid var(--color-neutral-200)}.detail-shipment-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.mode-icon-large{font-size:2.5rem;line-height:1}.detail-shipment-title{flex:1}.detail-reference{font-size:1.25rem;font-weight:700;color:var(--color-primary);display:block;margin-bottom:.25rem;transition:color .2s}.detail-reference:hover{color:var(--color-primary-dark);text-decoration:underline}.detail-customer{font-size:.875rem;color:var(--color-neutral-600);font-weight:500}.detail-route{padding:.75rem 1rem;background-color:var(--color-neutral-50);border-radius:.5rem;margin-bottom:1rem}.detail-route-text{font-size:.9375rem;font-weight:600;color:var(--color-neutral-900)}.exception-alert{display:flex;gap:1rem;padding:1rem;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:.5rem}.exception-icon{font-size:1.5rem;line-height:1}.exception-content{flex:1}.exception-title{font-size:.875rem;font-weight:700;color:#991b1b;margin-bottom:.25rem}.exception-message{font-size:.8125rem;color:#7f1d1d}.detail-timeline{padding:1.5rem}.detail-timeline-item{position:relative;display:grid;grid-template-columns:48px 1fr;gap:1rem;padding-bottom:1.5rem}.detail-timeline-item:last-child{padding-bottom:0}.detail-timeline-marker{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-neutral-200);border-radius:50%;flex-shrink:0}.detail-timeline-item.completed .detail-timeline-marker{background-color:var(--color-success)}.detail-timeline-item.delayed .detail-timeline-marker{background-color:var(--color-warning)}.detail-timeline-icon{font-size:1.5rem;line-height:1}.detail-timeline-line{position:absolute;left:24px;top:48px;width:2px;height:calc(100% - 24px);background-color:var(--color-neutral-200)}.detail-timeline-item.completed .detail-timeline-line{background-color:var(--color-success)}.detail-timeline-content{padding-top:.375rem}.detail-timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.75rem}.detail-timeline-status{font-size:1rem;font-weight:700;color:var(--color-neutral-900);display:flex;align-items:center;gap:.5rem}.delay-badge{font-size:.6875rem;padding:.25rem .5rem;background-color:#fef3c7;color:#92400e;border-radius:.25rem}.detail-timeline-time{font-size:.75rem;color:var(--color-neutral-600);font-weight:600;white-space:nowrap}.detail-timeline-description{font-size:.875rem;color:var(--color-neutral-700);margin-bottom:.375rem;line-height:1.5}.detail-timeline-location{font-size:.8125rem;color:var(--color-neutral-600);font-weight:500}.detail-panel-actions{padding:1.5rem;border-top:1px solid var(--color-neutral-200)}.btn-block{width:100%;justify-content:center}@media(max-width:1200px){.tracking-content{grid-template-columns:1fr}.tracking-detail-panel{position:relative;top:0;max-height:none}}@media(max-width:768px){.tracking-main{padding:1rem}.filters-row{flex-direction:column;align-items:stretch}.clear-filters-btn{margin-left:0}.tracking-route-display{grid-template-columns:1fr;gap:.75rem}.route-arrow-line{transform:rotate(90deg);margin:.5rem 0}.detail-timeline-item{grid-template-columns:40px 1fr}.detail-timeline-marker{width:40px;height:40px}.detail-timeline-line{left:20px;top:40px}.detail-timeline-header{flex-direction:column;align-items:flex-start}}.invoices-page{min-height:100vh;background-color:#f8fafc}.invoices-container{width:100%;max-width:none;margin:0}.invoices-main{padding:2rem}.invoice-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);display:flex;align-items:center;gap:1rem;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card.stat-success{border-left:4px solid var(--color-success)}.stat-card.stat-warning{border-left:4px solid var(--color-warning)}.stat-card.stat-info{border-left:4px solid var(--color-primary)}.stat-card.stat-revenue{border-left:4px solid #10b981}.stat-card.stat-outstanding{border-left:4px solid #f59e0b}.stat-icon{font-size:2.5rem;line-height:1}.stat-content{flex:1}.stat-value{font-size:1.5rem;font-weight:800;color:var(--color-neutral-900)}.invoice-number-link{font-weight:700;color:var(--color-primary);transition:color .2s}.invoice-number-link:hover{color:var(--color-primary-dark);text-decoration:underline}.shipment-ref-link{color:var(--color-neutral-700);transition:color .2s}.shipment-ref-link:hover{color:var(--color-primary);text-decoration:underline}.customer-cell{font-weight:500;color:var(--color-neutral-800)}.overdue-date{color:var(--color-danger);font-weight:700}.invoice-status-draft{background-color:var(--color-neutral-100);color:var(--color-neutral-700)}.invoice-status-sent{background-color:#dbeafe;color:#1e40af}.invoice-status-paid{background-color:#d1fae5;color:#065f46}.invoice-status-overdue{background-color:#fee2e2;color:#991b1b}.invoice-status-cancelled{background-color:var(--color-neutral-200);color:var(--color-neutral-600)}.btn-success{background-color:var(--color-success);color:#fff;padding:.625rem 1.25rem;border:1px solid var(--color-success);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-success:hover{background-color:#059669;border-color:#059669}.create-invoice-page{min-height:100vh;background-color:#f8fafc}.create-invoice-container{width:100%;max-width:none;margin:0}.create-invoice-main{padding:2rem}.invoice-form-layout{display:grid;grid-template-columns:1fr 480px;gap:2rem;align-items:start}.invoice-form-main{min-width:0}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-neutral-200)}.line-items-table{overflow-x:auto}.invoice-line-items-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.invoice-line-items-table thead{background-color:var(--color-neutral-50)}.invoice-line-items-table th{text-align:left;padding:.75rem;font-weight:700;font-size:.8125rem;text-transform:uppercase;color:var(--color-neutral-600);border-bottom:2px solid var(--color-neutral-200)}.invoice-line-items-table td{padding:.75rem;border-bottom:1px solid var(--color-neutral-100)}.invoice-line-items-table .form-input{margin:0}.amount-display{font-weight:700;color:var(--color-neutral-900);text-align:right}.invoice-preview-panel{position:sticky;top:2rem}.invoice-preview-sticky{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 12px #0000001a;border:1px solid var(--color-neutral-200);overflow:hidden}.preview-title{font-size:1rem;font-weight:700;padding:1.25rem;background-color:var(--color-neutral-50);border-bottom:2px solid var(--color-neutral-200);color:var(--color-neutral-900)}.invoice-preview-card{padding:1.5rem;max-height:calc(100vh - 8rem);overflow-y:auto}.invoice-preview-header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-neutral-200)}.invoice-preview-company{flex:1}.company-logo{font-size:2rem;margin-bottom:.5rem}.company-name{font-size:1rem;font-weight:700;color:var(--color-neutral-900);margin-bottom:.5rem}.company-address{font-size:.75rem;color:var(--color-neutral-600);line-height:1.6}.invoice-preview-meta{text-align:right}.invoice-title{font-size:1.5rem;font-weight:800;color:var(--color-neutral-900);margin-bottom:.5rem}.invoice-number{font-size:.875rem;font-weight:600;color:var(--color-neutral-700);margin-bottom:.25rem}.invoice-date{font-size:.75rem;color:var(--color-neutral-600)}.invoice-preview-billing{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-neutral-200)}.billing-section{font-size:.8125rem}.billing-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;color:var(--color-neutral-500);margin-bottom:.375rem;letter-spacing:.5px}.billing-customer{font-weight:700;color:var(--color-neutral-900);margin-bottom:.25rem}.billing-address{color:var(--color-neutral-600);line-height:1.5}.billing-value{font-weight:600;color:var(--color-neutral-900)}.invoice-preview-items{margin-bottom:1.5rem}.preview-items-table{width:100%;font-size:.8125rem;border-collapse:collapse}.preview-items-table thead{background-color:var(--color-neutral-50)}.preview-items-table th{text-align:left;padding:.5rem;font-weight:700;font-size:.6875rem;text-transform:uppercase;color:var(--color-neutral-600);border-bottom:2px solid var(--color-neutral-200)}.preview-items-table th:last-child{text-align:right}.preview-items-table td{padding:.5rem;border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-700)}.preview-items-table td:last-child{text-align:right;font-weight:600}.invoice-preview-totals{margin-bottom:1.5rem;padding:1rem;background-color:var(--color-neutral-50);border-radius:.5rem}.total-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;color:var(--color-neutral-700)}.total-row:last-child{margin-bottom:0}.total-final{margin-top:.75rem;padding-top:.75rem;border-top:2px solid var(--color-neutral-300);font-size:1.125rem;font-weight:800;color:var(--color-neutral-900)}.invoice-preview-notes{padding:1rem;background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:.375rem}.notes-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;color:#92400e;margin-bottom:.5rem;letter-spacing:.5px}.notes-text{font-size:.8125rem;color:#78350f;line-height:1.5}.invoice-detail-page{min-height:100vh;background-color:#f8fafc}.invoice-detail-container{width:100%;max-width:none;margin:0}.invoice-detail-main{padding:2rem}.invoice-detail-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200)}.invoice-detail-status{flex:1}.invoice-actions-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.invoice-document{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 12px #0000001a;border:1px solid var(--color-neutral-200);padding:3rem;margin-bottom:2rem;position:relative}.invoice-document-header{display:flex;justify-content:space-between;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:3px solid var(--color-neutral-900)}.invoice-company-section{display:flex;gap:1rem}.company-logo-large{font-size:3rem;line-height:1}.company-details{flex:1}.company-name-large{font-size:1.5rem;font-weight:800;color:var(--color-neutral-900);margin-bottom:.5rem}.company-address-text{font-size:.875rem;color:var(--color-neutral-600);line-height:1.6}.invoice-header-meta{text-align:right}.invoice-document-title{font-size:2.5rem;font-weight:900;color:var(--color-neutral-900);margin-bottom:.5rem;letter-spacing:.5px}.invoice-number-large{font-size:1.125rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem}.invoice-meta-details{font-size:.9375rem}.meta-row{display:flex;justify-content:flex-end;gap:.5rem;margin-bottom:.375rem}.meta-label{font-weight:600;color:var(--color-neutral-600)}.meta-value{font-weight:700;color:var(--color-neutral-900)}.overdue-text{color:var(--color-danger)}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-neutral-200)}.party-section{font-size:.9375rem}.party-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-neutral-500);margin-bottom:.5rem;letter-spacing:.5px}.party-name{font-size:1.125rem;font-weight:700;color:var(--color-neutral-900);margin-bottom:.5rem}.party-address{color:var(--color-neutral-600);line-height:1.6}.party-value{font-weight:600;color:var(--color-neutral-900)}.shipment-ref-link-large{font-size:1.125rem;font-weight:700;color:var(--color-primary);display:inline-block;transition:color .2s}.shipment-ref-link-large:hover{color:var(--color-primary-dark);text-decoration:underline}.invoice-items-section{margin-bottom:2rem}.invoice-items-table{width:100%;border-collapse:collapse;font-size:.9375rem}.invoice-items-table thead{background-color:var(--color-neutral-900);color:#fff}.invoice-items-table th{text-align:left;padding:.875rem;font-weight:700;font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px}.item-description-col{width:50%}.item-qty-col,.item-price-col,.item-amount-col{width:16.66%;text-align:right}.invoice-items-table tbody tr{border-bottom:1px solid var(--color-neutral-200)}.invoice-items-table td{padding:.875rem;color:var(--color-neutral-700)}.item-description{font-weight:500;color:var(--color-neutral-900)}.item-qty,.item-price,.item-amount{text-align:right}.item-amount{font-weight:700;color:var(--color-neutral-900)}.invoice-totals-section{display:flex;justify-content:flex-end;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-neutral-200)}.invoice-totals-table{min-width:350px}.total-row{display:flex;justify-content:space-between;padding:.625rem 0;font-size:.9375rem;color:var(--color-neutral-700)}.total-label,.total-value{font-weight:600}.total-final-row{margin-top:.75rem;padding-top:1rem;border-top:2px solid var(--color-neutral-900)}.total-label-final{font-size:1.125rem;font-weight:800;color:var(--color-neutral-900)}.total-value-final{font-size:1.5rem;font-weight:900;color:var(--color-neutral-900)}.invoice-notes-section{margin-bottom:2rem;padding:1.5rem;background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:.5rem}.notes-title{font-size:.875rem;font-weight:700;color:#92400e;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.notes-content{font-size:.9375rem;color:#78350f;line-height:1.6}.invoice-footer{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem;background-color:var(--color-neutral-50);border-radius:.5rem;font-size:.875rem}.footer-section{color:var(--color-neutral-700)}.footer-title{font-weight:700;color:var(--color-neutral-900);margin-bottom:.5rem}.footer-content{line-height:1.6}.invoice-paid-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);text-align:center;pointer-events:none}.paid-stamp{font-size:6rem;font-weight:900;color:var(--color-success);opacity:.15;letter-spacing:.5rem;border:8px solid var(--color-success);padding:2rem 4rem;border-radius:1rem}.paid-date{font-size:1.5rem;font-weight:700;color:var(--color-success);opacity:.2;margin-top:1rem}.invoice-metadata{margin-bottom:2rem}.metadata-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);padding:1.5rem;margin-bottom:1.5rem}.metadata-title{font-size:1rem;font-weight:700;color:var(--color-neutral-900);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-neutral-200)}.metadata-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.metadata-item{display:flex;flex-direction:column;gap:.25rem}.metadata-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-neutral-500);letter-spacing:.5px}.metadata-value{font-size:.9375rem;font-weight:600;color:var(--color-neutral-900)}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.quick-action-btn{padding:.75rem 1rem;background-color:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:.5rem;font-size:.875rem;font-weight:600;color:var(--color-neutral-700);cursor:pointer;transition:all .2s;text-align:center}.quick-action-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}@media print{.no-print{display:none!important}.invoice-document{box-shadow:none;border:none;padding:0}body{background-color:#fff}}@media(max-width:1200px){.invoice-form-layout{grid-template-columns:1fr}.invoice-preview-panel{position:relative;top:0}.invoice-preview-card{max-height:none}}@media(max-width:768px){.invoices-main,.create-invoice-main,.invoice-detail-main{padding:1rem}.invoice-stats-grid{grid-template-columns:1fr}.invoice-document{padding:1.5rem}.invoice-document-header{flex-direction:column}.invoice-header-meta{text-align:left}.invoice-parties,.invoice-footer,.metadata-grid,.quick-actions-grid{grid-template-columns:1fr}.invoice-detail-actions{flex-direction:column;align-items:stretch}.invoice-actions-buttons{flex-direction:column}.invoice-actions-buttons button,.invoice-actions-buttons a{width:100%;justify-content:center}}.reports-page{min-height:100vh;background-color:#f8fafc}.reports-container{width:100%;max-width:none;margin:0}.reports-main{padding:2rem}.export-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.reports-filters{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{background-color:#fff;border-radius:.75rem;padding:1.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);display:flex;gap:1.25rem;align-items:flex-start;transition:all .2s}.kpi-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.kpi-icon{font-size:2.5rem;line-height:1;flex-shrink:0}.kpi-content{flex:1;min-width:0}.kpi-label{font-size:.875rem;font-weight:600;color:var(--color-neutral-600);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:clamp(1rem,7cqi,1.75rem);font-weight:800;color:var(--color-neutral-900);margin-bottom:.25rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-subvalue{font-size:.875rem;font-weight:600;color:var(--color-neutral-600);margin-bottom:.5rem}.kpi-change{font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.kpi-change-positive{color:var(--color-success)}.kpi-change-negative{color:var(--color-danger)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.chart-card{background-color:#fff;border-radius:.75rem;padding:1.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200)}.chart-card-large{grid-column:span 1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-neutral-200)}.chart-title{font-size:1.125rem;font-weight:700;color:var(--color-neutral-900)}.chart-legend-inline{display:flex;gap:1.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--color-neutral-700)}.legend-color{width:16px;height:16px;border-radius:.25rem}.bar-chart{position:relative;width:100%}.bar-chart-container{display:flex;align-items:flex-end;justify-content:space-around;width:100%;height:100%;gap:.5rem;padding:0 .5rem}.bar-chart-item{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;height:100%}.bar-chart-bars{width:100%;flex:1;min-height:0;display:flex;align-items:flex-end;justify-content:center;gap:.25rem;position:relative}.bar-chart-bar{border-radius:.375rem .375rem 0 0;transition:all .3s;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem;cursor:pointer;min-height:8px}.bar-chart-bar:hover{opacity:.8;transform:scaleY(1.02)}.bar-value{font-size:.6875rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.bar-chart-label{font-size:.75rem;font-weight:600;color:var(--color-neutral-700);margin-top:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.pie-chart-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.pie-chart{display:block}.pie-segment{cursor:pointer;transition:all .2s}.pie-segment:hover{opacity:.8;filter:brightness(1.1)}.pie-chart-legend{width:100%;display:flex;flex-direction:column;gap:.75rem}.pie-legend-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.pie-legend-color{width:20px;height:20px;border-radius:.25rem;flex-shrink:0}.pie-legend-label{flex:1;font-weight:600;color:var(--color-neutral-700)}.pie-legend-value{font-weight:700;color:var(--color-neutral-900)}.service-revenue-list{display:flex;flex-direction:column;gap:1.25rem}.service-revenue-item{display:flex;flex-direction:column;gap:.5rem}.service-info{display:flex;justify-content:space-between;align-items:center}.service-name{font-size:.875rem;font-weight:600;color:var(--color-neutral-900)}.service-percentage{font-size:.8125rem;font-weight:700;color:var(--color-neutral-600)}.service-bar-container{width:100%;height:8px;background-color:var(--color-neutral-100);border-radius:999px;overflow:hidden}.service-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:999px;transition:width .3s}.service-value{font-size:.875rem;font-weight:700;color:var(--color-neutral-900)}.summary-tables{display:grid;grid-template-columns:1fr;gap:2rem}.summary-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);overflow:hidden}.summary-header{padding:1.5rem;border-bottom:2px solid var(--color-neutral-200);background-color:var(--color-neutral-50)}.summary-title{font-size:1.125rem;font-weight:700;color:var(--color-neutral-900)}.summary-table{width:100%;border-collapse:collapse;font-size:.9375rem}.summary-table thead{background-color:var(--color-neutral-50);border-bottom:2px solid var(--color-neutral-200)}.summary-table th{text-align:left;padding:.875rem 1.25rem;font-weight:700;font-size:.8125rem;text-transform:uppercase;color:var(--color-neutral-600);letter-spacing:.5px}.summary-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-700)}.summary-table tbody tr:hover{background-color:var(--color-neutral-50)}.lane-name,.customer-name,.mode-name{font-weight:600;color:var(--color-neutral-900)}.mode-name{display:flex;align-items:center;gap:.5rem}.mode-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.lane-route{font-size:.875rem;color:var(--color-neutral-600)}.lane-shipments,.customer-shipments,.mode-count{font-weight:600}.lane-revenue,.customer-revenue,.mode-revenue{font-weight:700;color:var(--color-neutral-900)}.customer-profit{font-weight:700;color:var(--color-success)}.customer-margin,.mode-percentage{font-weight:700;color:var(--color-primary)}.lane-transit,.mode-avg{font-size:.875rem}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;padding:1.5rem}.performance-metric{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem;background-color:var(--color-neutral-50);border-radius:.5rem;border:1px solid var(--color-neutral-200)}.performance-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-neutral-600);margin-bottom:.75rem;letter-spacing:.5px}.performance-value{font-size:2rem;font-weight:800;color:var(--color-neutral-900);line-height:1}.performance-value.performance-success{color:var(--color-success)}.performance-value.performance-warning{color:var(--color-warning)}.performance-value.performance-highlight{color:var(--color-primary)}.performance-percentage,.performance-unit{font-size:.875rem;font-weight:600;color:var(--color-neutral-600);margin-top:.25rem}.performance-rating{font-size:.875rem;margin-top:.5rem}@media(max-width:1400px){.charts-grid{grid-template-columns:1fr}.chart-card-large{grid-column:span 1}}@media(max-width:768px){.reports-main{padding:1rem}.kpi-grid{grid-template-columns:1fr}.export-buttons{flex-direction:column}.export-buttons button{width:100%;justify-content:center}.reports-filters{grid-template-columns:1fr}.bar-chart-label{font-size:.6875rem}.performance-grid{grid-template-columns:1fr}.summary-table{font-size:.8125rem}.summary-table th,.summary-table td{padding:.75rem}}.customers-page,.carriers-page{min-height:100vh;background-color:#f8fafc}.customers-container,.carriers-container{width:100%;max-width:none;margin:0}.customers-main,.carriers-main{padding:2rem}.customers-stats,.carriers-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);display:flex;align-items:center;gap:1rem}.stat-icon{font-size:2rem;flex-shrink:0}.stat-info{flex:1}.stat-label{font-size:.875rem;font-weight:600;color:var(--color-neutral-600);margin-bottom:.25rem}.stat-value{font-size:1.875rem;font-weight:800;color:var(--color-neutral-900)}.customers-content,.carriers-content{display:grid;grid-template-columns:1fr;gap:2rem}.customers-list-section,.carriers-list-section{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);overflow:hidden}.customers-table,.carriers-table{width:100%;border-collapse:collapse;font-size:.9375rem}.customers-table thead,.carriers-table thead{background-color:var(--color-neutral-50);border-bottom:2px solid var(--color-neutral-200)}.customers-table th,.carriers-table th{text-align:left;padding:.875rem 1.25rem;font-weight:700;font-size:.8125rem;text-transform:uppercase;color:var(--color-neutral-600);letter-spacing:.5px}.customers-table td,.carriers-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-700)}.customers-table tbody tr,.carriers-table tbody tr{cursor:pointer;transition:background-color .2s}.customers-table tbody tr:hover,.carriers-table tbody tr:hover{background-color:var(--color-neutral-50)}.customers-table tbody tr.selected,.carriers-table tbody tr.selected{background-color:#eff6ff}.customer-info,.carrier-info{display:flex;flex-direction:column;gap:.25rem}.customer-name,.carrier-name{font-weight:600;color:var(--color-neutral-900)}.customer-id,.carrier-code{font-size:.8125rem;color:var(--color-neutral-500)}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-name{font-weight:500;color:var(--color-neutral-800)}.contact-email{font-size:.8125rem;color:var(--color-neutral-500)}.location-info{display:flex;flex-direction:column;gap:.25rem}.country-name{font-size:.875rem;color:var(--color-neutral-500)}.shipment-count{display:inline-block;background-color:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-weight:700;font-size:.875rem}.revenue-cell{font-weight:700;color:var(--color-neutral-900)}.credit-usage{display:flex;flex-direction:column;gap:.25rem}.credit-bar-container{width:100px;height:8px;background-color:var(--color-neutral-100);border-radius:999px;overflow:hidden}.credit-bar{height:100%;border-radius:999px;transition:width .3s}.credit-bar.credit-usage-low{background-color:var(--color-success)}.credit-bar.credit-usage-medium{background-color:var(--color-warning)}.credit-bar.credit-usage-high{background-color:var(--color-danger)}.credit-text{font-size:.8125rem;font-weight:600;color:var(--color-neutral-600)}.text-center{text-align:center}.customer-detail-panel,.carrier-detail-panel{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);height:fit-content;position:sticky;top:2rem}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--color-neutral-200)}.panel-title{font-size:1.125rem;font-weight:700;color:var(--color-neutral-900)}.btn-close{background:none;border:none;font-size:1.5rem;color:var(--color-neutral-500);cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.btn-close:hover{color:var(--color-neutral-900)}.panel-content{padding:1.5rem;max-height:calc(100vh - 200px);overflow-y:auto}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:0}.section-title{font-size:.875rem;font-weight:700;text-transform:uppercase;color:var(--color-neutral-600);margin-bottom:1rem;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:1fr;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-neutral-500);letter-spacing:.5px}.detail-value{font-size:.9375rem;font-weight:500;color:var(--color-neutral-900)}.detail-value.metric-highlight{font-weight:700;color:var(--color-primary);font-size:1.125rem}.panel-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--color-neutral-200)}.mode-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:var(--color-neutral-100);border-radius:9999px;font-weight:600;font-size:.875rem}.mode-icon{font-size:1rem;line-height:1}.mode-text{text-transform:capitalize}.performance-score{display:inline-block;padding:.375rem .875rem;border-radius:9999px;font-weight:700;font-size:.875rem;text-align:center}.performance-excellent{background-color:#dcfce7;color:#166534}.performance-good{background-color:#dbeafe;color:#1e40af}.performance-average{background-color:#fef3c7;color:#92400e}.performance-poor{background-color:#fee2e2;color:#991b1b}.performance-score-large{font-size:1.5rem;padding:.5rem 1rem}.on-time-percentage{font-weight:600;color:var(--color-success)}.service-regions,.specializations{display:flex;flex-wrap:wrap;gap:.5rem}.region-badge,.spec-badge{display:inline-block;padding:.375rem .75rem;background-color:var(--color-neutral-100);border-radius:9999px;font-size:.8125rem;font-weight:600;color:var(--color-neutral-700)}.spec-badge{background-color:#eff6ff;color:var(--color-primary)}.customer-detail-page{min-height:100vh;background-color:#f8fafc}.customer-detail-container{width:100%;max-width:none;margin:0}.customer-detail-main{padding:2rem}.customer-detail-header{background-color:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start}.header-left{display:flex;gap:1.5rem;align-items:flex-start}.customer-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;color:#fff;flex-shrink:0}.header-info{flex:1}.customer-title{font-size:1.875rem;font-weight:800;color:var(--color-neutral-900);margin-bottom:.5rem}.customer-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.9375rem;color:var(--color-neutral-600)}.meta-item{font-weight:500}.meta-separator{color:var(--color-neutral-400)}.customer-status-line{display:flex;align-items:center;gap:1rem}.rating{font-size:.9375rem;font-weight:600}.header-actions-detail{display:flex;gap:.75rem;flex-shrink:0}.customer-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card-detail{background-color:#fff;border-radius:.75rem;padding:1.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);display:flex;gap:1.25rem;align-items:flex-start}.kpi-value-sm{font-size:1.25rem;font-weight:700;color:var(--color-neutral-900);line-height:1.2}.kpi-truncate{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-subtext{font-size:.8125rem;color:var(--color-neutral-500);margin-top:.25rem}.customer-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);overflow:hidden}.detail-card-wide{grid-column:span 2}.detail-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--color-neutral-200);background-color:var(--color-neutral-50)}.detail-card-title{font-size:1.125rem;font-weight:700;color:var(--color-neutral-900)}.detail-card-content{padding:1.5rem}.info-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-top:.25rem}.overview-section{min-width:0}.info-card{background-color:#fff;border:1px solid var(--color-neutral-200);border-radius:.625rem;padding:1rem 1.125rem;box-shadow:0 1px 2px #0000000a}.cargo-list{display:grid;gap:1rem}.cargo-dimension-lines{display:grid;gap:.75rem}.shipment-subtabs{display:flex;gap:.5rem;margin:.75rem 0 1.25rem;flex-wrap:wrap}.shipment-subtab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-neutral-200);background:#fff;color:var(--color-neutral-700);padding:.5rem .75rem;border-radius:999px;font-weight:700;font-size:.875rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.shipment-subtab:hover{background:var(--color-neutral-50)}.shipment-subtab.active{border-color:#3861fb59;background:#3861fb14;color:var(--color-primary)}.mbl-parties-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.party-card{background-color:#fff;border:1px solid var(--color-neutral-200);border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #00000008;min-width:0}.party-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.party-card-title{font-size:.95rem;font-weight:800;color:var(--color-neutral-900)}.party-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.party-details{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-neutral-200)}.party-details-title{font-size:.6875rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;border-left:2.5px solid var(--color-primary);padding-left:.5rem;margin-bottom:.75rem}.party-details-footer{display:flex;justify-content:flex-end;margin-top:.75rem}.transport-grid{display:grid;grid-template-columns:1fr;gap:.625rem}.mbl-page{width:100%;max-width:100%;min-width:0}.mbl-page .info-card,.mbl-page .party-card{min-width:0}.mbl-page .form-input,.mbl-page .form-select,.mbl-page .form-textarea{max-width:100%}.mbl-page .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.mbl-page .detail-table{min-width:980px}.costs-tab{--costs-compact-font: .8125rem}.costs-tab .form-card{padding:1rem}.costs-tab .info-card{padding:.875rem;border-radius:.625rem}.costs-tab .section-title{font-size:1.25rem}.costs-tab .subsection-title{font-size:1rem}.costs-tab .form-label{font-size:.6875rem;margin-bottom:.2rem}.costs-tab .form-input,.costs-tab .form-select{min-height:2rem;padding:.35rem .5rem;font-size:var(--costs-compact-font)}.costs-tab .form-textarea{padding:.5rem .625rem;font-size:var(--costs-compact-font)}.costs-tab .btn-sm,.costs-tab .btn-outline.btn-sm,.costs-tab .btn-primary.btn-sm{min-height:1.9rem;padding:.3rem .55rem;font-size:.75rem}.costs-tab .detail-table th,.costs-tab .detail-table td{padding:.55rem .65rem;font-size:var(--costs-compact-font)}.costs-tab .cargo-list{gap:.75rem}@media(max-width:900px){.mbl-parties-grid{grid-template-columns:1fr}}.notes-list{display:grid;gap:1rem}.note-card{background-color:#fff;border:1px solid var(--color-neutral-200);border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #00000008}.note-meta{font-size:.875rem;color:var(--color-neutral-600);margin-bottom:.5rem}.note-content{color:var(--color-neutral-900);white-space:pre-wrap}.info-row{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-neutral-500);letter-spacing:.5px}.info-value{font-size:1rem;font-weight:500;color:var(--color-neutral-900)}.link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .2s}.link:hover{color:var(--color-secondary);text-decoration:underline}.detail-table{width:100%;border-collapse:collapse;font-size:.9375rem}.detail-table thead{background-color:var(--color-neutral-50);border-bottom:2px solid var(--color-neutral-200)}.detail-table th{text-align:left;padding:.875rem 1rem;font-weight:700;font-size:.8125rem;text-transform:uppercase;color:var(--color-neutral-600);letter-spacing:.5px}.detail-table td{padding:1rem;border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-700)}.detail-table tbody tr:hover{background-color:var(--color-neutral-50)}@media(max-width:1200px){.customers-content,.carriers-content{grid-template-columns:1fr}.customer-detail-panel,.carrier-detail-panel{position:static}.customer-detail-grid{grid-template-columns:1fr}.detail-card-wide{grid-column:span 1}}@media(max-width:768px){.customers-main,.carriers-main{padding:1rem}.customer-detail-header{flex-direction:column;gap:1.5rem}.header-left{width:100%}.header-actions-detail{width:100%;flex-direction:column}.header-actions-detail a{width:100%;justify-content:center}.customer-kpi-grid{grid-template-columns:1fr}.customers-table,.carriers-table{font-size:.8125rem}.customers-table th,.carriers-table th,.customers-table td,.carriers-table td{padding:.75rem}}.documents-page{min-height:100vh;background-color:#f8fafc}.documents-container{width:100%;max-width:none;margin:0}.documents-main{padding:2rem}.documents-content{display:grid;grid-template-columns:1fr 400px;gap:2rem}.documents-list-section{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);overflow:hidden}.documents-table{width:100%;border-collapse:collapse;font-size:.9375rem}.documents-table thead{background-color:var(--color-neutral-50);border-bottom:2px solid var(--color-neutral-200)}.documents-table th{text-align:left;padding:.875rem 1.25rem;font-weight:700;font-size:.8125rem;text-transform:uppercase;color:var(--color-neutral-600);letter-spacing:.5px}.documents-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-700)}.documents-table tbody tr{cursor:pointer;transition:background-color .2s}.documents-table tbody tr:hover{background-color:var(--color-neutral-50)}.documents-table tbody tr.selected{background-color:#eff6ff}.document-info{display:flex;align-items:center;gap:.75rem}.file-icon{font-size:1.5rem;line-height:1}.file-details{display:flex;flex-direction:column;gap:.25rem}.file-name{font-weight:600;color:var(--color-neutral-900);font-size:.9375rem}.file-id{font-size:.8125rem;color:var(--color-neutral-500)}.doc-type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:var(--color-neutral-100);border-radius:9999px;font-weight:600;font-size:.875rem}.doc-type-icon{font-size:1rem;line-height:1}.doc-type-text{white-space:nowrap}.shipment-link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .2s}.shipment-link:hover{color:var(--color-secondary);text-decoration:underline}.route-info{font-size:.875rem;color:var(--color-neutral-600)}.upload-info{display:flex;flex-direction:column;gap:.25rem}.upload-date{font-weight:500;color:var(--color-neutral-800);font-size:.875rem}.upload-by{font-size:.8125rem;color:var(--color-neutral-500)}.file-size{font-size:.875rem;color:var(--color-neutral-600);font-weight:500}.document-preview-panel{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);height:fit-content;position:sticky;top:2rem}.preview-placeholder{background-color:var(--color-neutral-50);border-radius:.5rem;padding:3rem 2rem;text-align:center;margin-bottom:2rem;border:2px dashed var(--color-neutral-300)}.preview-icon{font-size:4rem;margin-bottom:1rem}.preview-filename{font-size:1rem;font-weight:700;color:var(--color-neutral-900);margin-bottom:.5rem}.preview-type{font-size:.875rem;color:var(--color-neutral-500);margin-bottom:1.5rem}.preview-actions{display:flex;gap:.75rem;justify-content:center}.notes-content{background-color:var(--color-neutral-50);padding:1rem;border-radius:.5rem;border:1px solid var(--color-neutral-200);color:var(--color-neutral-700);line-height:1.6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.cm-modal{max-width:520px}.cm-modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-neutral-200)}.cm-modal-title{font-size:1rem;font-weight:700;color:var(--color-neutral-900);line-height:1.3}.cm-modal-sub{font-size:.8125rem;color:var(--color-neutral-500);margin-top:.125rem}.cm-modal-body{padding:.875rem 1.25rem;display:flex;flex-direction:column;gap:0}.cm-section{padding:.75rem 0;border-bottom:1px solid var(--color-neutral-100)}.cm-section:last-child{border-bottom:none;padding-bottom:0}.cm-section:first-child{padding-top:0}.cm-section-title{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-neutral-400);margin-bottom:.5rem}.modal-compact{max-width:720px}.modal-compact .form-card{padding:1rem}.modal-compact .form-actions{margin-top:.75rem}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--color-neutral-200)}.modal-title{font-size:1.5rem;font-weight:800;color:var(--color-neutral-900)}.modal-body{padding:2rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem 2rem;border-top:2px solid var(--color-neutral-200);background-color:var(--color-neutral-50)}.upload-zone{border:2px dashed var(--color-neutral-300);border-radius:.75rem;padding:3rem 2rem;text-align:center;background-color:var(--color-neutral-50);cursor:pointer;transition:all .2s;margin-bottom:2rem;position:relative}.upload-zone:hover{border-color:var(--color-primary);background-color:#eff6ff}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-text{margin-bottom:1rem}.upload-primary{font-size:1.125rem;font-weight:700;color:var(--color-neutral-900);margin-bottom:.5rem}.upload-secondary{font-size:.9375rem;color:var(--color-neutral-600)}.upload-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.form-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.form-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group-full{grid-column:1 / -1}.form-label{font-size:.6875rem;font-weight:600;color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.4px}.form-input,.form-select{height:32px;padding:0 .625rem;border:1px solid var(--color-neutral-300);border-radius:.375rem;font-size:.8125rem;font-family:inherit;background-color:#fff;color:var(--color-neutral-800);width:100%;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb14}.form-textarea{padding:.5rem .625rem;border:1px solid var(--color-neutral-300);border-radius:.375rem;font-size:.8125rem;font-family:inherit;background-color:#fff;color:var(--color-neutral-800);width:100%;resize:vertical;min-height:80px;transition:border-color .15s}.settings-page{min-height:100vh;background-color:#f8fafc}.settings-container{width:100%;max-width:none;margin:0}.settings-main{padding:2rem}.settings-layout{display:grid;grid-template-columns:250px 1fr;gap:2rem;margin-top:2rem}.settings-sidebar{background-color:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);height:fit-content;position:sticky;top:2rem}.settings-nav{display:flex;flex-direction:column;gap:.5rem}.settings-nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.5rem;border:none;background:none;cursor:pointer;font-size:.9375rem;font-weight:600;color:var(--color-neutral-600);transition:all .2s;text-align:left;width:100%}.settings-nav-item:hover{background-color:var(--color-neutral-50);color:var(--color-neutral-900)}.settings-nav-item.active{background-color:#eff6ff;color:var(--color-primary)}.nav-icon{font-size:1.25rem;line-height:1}.nav-label{flex:1}.settings-content{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--color-neutral-200);overflow:hidden}.settings-section{padding:2rem}.section-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.section-title{font-size:1.875rem;font-weight:800;color:var(--color-neutral-900);margin-bottom:.5rem}.section-description{font-size:1rem;color:var(--color-neutral-600);line-height:1.5}.settings-card{background-color:#fff;border:2px solid var(--color-neutral-200);border-radius:.75rem;overflow:hidden}.card-section{padding:2rem;border-bottom:2px solid var(--color-neutral-200)}.card-section:last-child{border-bottom:none}.card-subtitle{font-size:1.125rem;font-weight:700;color:var(--color-neutral-900);margin-bottom:1.5rem}.card-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem 2rem;background-color:var(--color-neutral-50);border-top:2px solid var(--color-neutral-200)}.toggle-group{display:flex;flex-direction:column;gap:1.25rem}.toggle-label{display:flex;align-items:center;gap:1rem;cursor:pointer}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;width:48px;height:28px;background-color:var(--color-neutral-300);border-radius:9999px;transition:background-color .2s;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background-color:#fff;border-radius:9999px;transition:transform .2s}.toggle-input:checked+.toggle-switch{background-color:var(--color-primary)}.toggle-input:checked+.toggle-switch:after{transform:translate(20px)}.toggle-text{font-size:.9375rem;font-weight:500;color:var(--color-neutral-700)}.settings-table{width:100%;border-collapse:collapse;font-size:.9375rem}.settings-table thead{background-color:var(--color-neutral-50);border-bottom:2px solid var(--color-neutral-200)}.settings-table th{text-align:left;padding:.875rem 1.25rem;font-weight:700;font-size:.8125rem;text-transform:uppercase;color:var(--color-neutral-600);letter-spacing:.5px}.settings-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-700)}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar-sm{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.user-name-cell{font-weight:600;color:var(--color-neutral-900)}.role-badge{display:inline-block;padding:.375rem .75rem;border-radius:9999px;font-weight:600;font-size:.8125rem;text-transform:capitalize}.role-admin{background-color:#fef3c7;color:#92400e}.role-manager{background-color:#dbeafe;color:#1e40af}.role-operator{background-color:#dcfce7;color:#166534}.role-viewer{background-color:var(--color-neutral-100);color:var(--color-neutral-700)}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.integration-card{background-color:#fff;border:2px solid var(--color-neutral-200);border-radius:.75rem;padding:1.5rem;transition:all .2s}.integration-card:hover{box-shadow:0 4px 6px #0000000d;border-color:var(--color-neutral-300)}.integration-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.integration-icon{font-size:2.5rem;line-height:1;flex-shrink:0}.integration-info{flex:1}.integration-name{font-size:1.125rem;font-weight:700;color:var(--color-neutral-900);margin-bottom:.25rem}.integration-type{font-size:.875rem;color:var(--color-neutral-600)}.integration-sync{font-size:.8125rem;color:var(--color-neutral-500);margin-bottom:1rem}.integration-actions{display:flex;gap:.5rem}@media(max-width:1200px){.documents-content{grid-template-columns:1fr}.document-preview-panel{position:static}.settings-layout{grid-template-columns:1fr}.settings-sidebar{position:static}.settings-nav{flex-direction:row;flex-wrap:wrap}.settings-nav-item{flex:1;min-width:150px}}@media(max-width:768px){.documents-main,.settings-main{padding:1rem}.form-grid-2col{grid-template-columns:1fr}.modal-overlay{padding:1rem}.modal-header,.modal-body,.modal-footer{padding:1.5rem}.integrations-grid{grid-template-columns:1fr}.settings-nav{flex-direction:column}.settings-nav-item{min-width:0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;min-height:400px}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-title{font-size:1.5rem;font-weight:700;color:var(--color-neutral-900);margin-bottom:var(--spacing-sm)}.empty-state-description{font-size:1rem;color:var(--color-neutral-600);margin-bottom:var(--spacing-xl);max-width:400px;line-height:1.6}.modal-sm{max-width:480px}.confirm-message{font-size:1rem;color:var(--color-neutral-700);line-height:1.6}.btn-danger{background-color:var(--color-danger);color:#fff;border:2px solid var(--color-danger);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-base)}.btn-danger:hover{background-color:var(--color-danger-dark);border-color:var(--color-danger-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning{background-color:var(--color-warning);color:#fff;border:2px solid var(--color-warning);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-base)}.btn-warning:hover{background-color:var(--color-warning-dark);border-color:var(--color-warning-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-link-sm{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:color var(--transition-base);padding:0}.btn-link-sm:hover{color:var(--color-primary-dark);text-decoration:underline}.skeleton-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.skeleton-stat-card{background-color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200)}.skeleton-card{background-color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200)}.skeleton-list{background-color:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);overflow:hidden}.skeleton-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-neutral-100)}.skeleton-list-item:last-child{border-bottom:none}.skeleton-circle{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.skeleton-line{height:12px;background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-line-sm{width:40%;height:10px;margin-bottom:var(--spacing-sm)}.skeleton-line-md{width:60%;height:12px}.skeleton-line-lg{width:80%;height:16px;margin-top:var(--spacing-sm)}.skeleton-table{background-color:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);overflow:hidden}.skeleton-row{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-neutral-100)}.skeleton-row:last-child{border-bottom:none}.skeleton-cell .skeleton-line{width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;z-index:999}.notification-panel{position:fixed;top:4rem;right:2rem;width:420px;max-height:600px;background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--color-neutral-200);z-index:1000;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:2px solid var(--color-neutral-200)}.notification-title-group{display:flex;align-items:center;gap:var(--spacing-sm)}.notification-title{font-size:1.25rem;font-weight:800;color:var(--color-neutral-900)}.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:var(--color-danger);color:#fff;font-size:.75rem;font-weight:700;border-radius:var(--radius-full)}.notification-list{flex:1;overflow-y:auto;max-height:480px}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-neutral-100);cursor:pointer;transition:background-color var(--transition-base);position:relative}.notification-item:hover{background-color:var(--color-neutral-50)}.notification-item.unread{background-color:#eff6ff}.notification-item.unread:hover{background-color:#dbeafe}.notification-item.severity-critical{border-left:3px solid #dc2626}.notification-item.severity-warning{border-left:3px solid #f59e0b}.notification-item.severity-info{border-left:3px solid transparent}.notification-empty{padding:2rem 1.25rem;text-align:center;color:#64748b;font-size:.9rem}.notification-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.notification-item-title{font-weight:700;font-size:.9375rem;color:var(--color-neutral-900)}.notification-time{font-size:.75rem;color:var(--color-neutral-500);white-space:nowrap}.notification-message{font-size:.875rem;color:var(--color-neutral-600);line-height:1.5}.notification-unread-dot{position:absolute;top:1.5rem;right:1rem;width:8px;height:8px;background-color:var(--color-primary);border-radius:var(--radius-full)}.notification-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:2px solid var(--color-neutral-200);text-align:center;background-color:var(--color-neutral-50)}.btn-primary,.btn-outline,.btn-secondary,.btn-sm{transition:all var(--transition-base);font-weight:600;border-radius:var(--radius-md)}.btn-primary:hover,.btn-outline:hover,.btn-secondary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active,.btn-outline:active,.btn-secondary:active{transform:translateY(0)}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background-color:var(--color-danger);color:#fff;font-size:.6875rem;font-weight:700;border-radius:var(--radius-full);margin-left:4px}table{border-collapse:separate;border-spacing:0}table thead{position:sticky;top:0;background-color:var(--color-neutral-50);z-index:10}table th{font-weight:700;font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-neutral-600);white-space:nowrap}table tbody tr{transition:background-color var(--transition-base)}table tbody tr:hover{background-color:var(--color-neutral-50)}.card,.settings-card,.integration-card,.documents-list-section,.document-preview-panel{border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.card:hover,.integration-card:hover{box-shadow:var(--shadow-md)}@media(max-width:768px){.notification-panel{right:1rem;left:1rem;width:auto}}.dashboard-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;min-height:calc(100vh - var(--topbar-height))}.dashboard-sidebar{background-color:#fff;border-right:2px solid var(--color-neutral-200);padding:var(--spacing-lg) 0;position:sticky;top:var(--topbar-height);height:calc(100vh - var(--topbar-height));overflow-y:auto}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0 var(--spacing-md)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;color:var(--color-neutral-600);transition:all var(--transition-base);text-decoration:none}.sidebar-nav-item:hover{background-color:var(--color-neutral-50);color:var(--color-neutral-900);transform:translate(4px)}.sidebar-nav-item.active{background-color:#eff6ff;color:var(--color-primary)}.sidebar-nav-item .nav-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.sidebar-nav-item .nav-label{flex:1}.sidebar-divider{height:1px;background-color:var(--color-neutral-200);margin:var(--spacing-md) 0}.nav-menu-toggle{display:none;background:transparent;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);width:40px;height:40px;font-size:1.25rem;line-height:1;cursor:pointer;color:var(--color-neutral-700);align-items:center;justify-content:center;flex-shrink:0}.nav-menu-toggle:hover{background-color:var(--color-neutral-50)}.nav-backdrop{display:none}@media(max-width:1024px){.dashboard-layout{grid-template-columns:minmax(0,1fr);position:relative}.nav-menu-toggle{display:inline-flex}.dashboard-sidebar{position:fixed;top:var(--topbar-height);left:0;bottom:0;z-index:60;width:min(280px,80vw);height:calc(100vh - var(--topbar-height));border-right:1px solid var(--color-neutral-200);border-bottom:none;padding:var(--spacing-md) 0;transform:translate(-100%);transition:transform .25s ease;box-shadow:2px 0 8px #00000014}.dashboard-sidebar.is-open{transform:translate(0)}.nav-backdrop{display:block;position:fixed;top:var(--topbar-height);left:0;right:0;bottom:0;background:#0f172a66;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s ease}.dashboard-layout.is-menu-open .nav-backdrop{opacity:1;pointer-events:auto}.sidebar-nav{flex-direction:column;overflow-x:visible;padding:0 var(--spacing-md);gap:var(--spacing-xs)}.sidebar-nav-item{flex-direction:row;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);min-width:0;text-align:left}.sidebar-nav-item .nav-label{font-size:.9375rem}.sidebar-nav-item:hover{transform:translate(0)}}.sdh{background:#fff;border:1px solid var(--color-neutral-200);border-radius:1rem;padding:1.25rem 1.5rem;box-shadow:0 1px 4px #0000000f}.sdh-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.sdh-identity{display:flex;align-items:center;gap:.875rem}.sdh-mode-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.3125rem .75rem;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}.sdh-mode-sea{background:#dbeafe;color:#1e40af}.sdh-mode-air{background:#ede9fe;color:#5b21b6}.sdh-mode-road{background:#fef3c7;color:#92400e}.sdh-mode-rail{background:#d1fae5;color:#065f46}.sdh-ref{font-size:1.375rem;font-weight:800;color:var(--color-neutral-900);letter-spacing:-.01em}.sdh-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sdh-status-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid transparent;padding:.375rem 2rem .375rem .875rem;border-radius:999px;font-weight:700;font-size:.8125rem;cursor:pointer;font-family:var(--font-sans);background-repeat:no-repeat;background-position:right .625rem center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E");transition:box-shadow .15s}.sdh-status-select:focus{outline:none;box-shadow:0 0 0 3px #2563eb33}.sdh-status-select[data-status=draft]{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.sdh-status-select[data-status=booked]{background-color:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.sdh-status-select[data-status=in-transit]{background-color:#d1fae5;color:#065f46;border-color:#6ee7b7}.sdh-status-select[data-status=delayed]{background-color:#fef3c7;color:#92400e;border-color:#fcd34d}.sdh-status-select[data-status=arrived]{background-color:#e0f2fe;color:#075985;border-color:#7dd3fc}.sdh-status-select[data-status=customs-hold]{background-color:#fff7ed;color:#9a3412;border-color:#fdba74}.sdh-status-select[data-status=delivered]{background-color:#dcfce7;color:#14532d;border-color:#86efac}.sdh-status-select[data-status=cancelled]{background-color:#fee2e2;color:#991b1b;border-color:#fca5a5}.sdh-meta{display:flex;align-items:center;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-neutral-100);flex-wrap:wrap}.sdh-route{display:flex;align-items:center;gap:.5rem}.sdh-route-port{font-size:1.0625rem;font-weight:700;color:var(--color-neutral-800)}.sdh-route-arrow{font-size:1.125rem;color:var(--color-neutral-400)}.sdh-stats{display:flex;align-items:center;flex:1;flex-wrap:wrap;gap:0}.sdh-stat{display:flex;flex-direction:column;gap:.125rem;padding:0 1.25rem}.sdh-stat:first-child{padding-left:0}.sdh-stat-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-neutral-500)}.sdh-stat-value{font-size:.9375rem;font-weight:700;color:var(--color-neutral-800);white-space:nowrap}.sdh-stat-divider{width:1px;height:2rem;background:var(--color-neutral-200);align-self:center;flex-shrink:0}.sdh-tab-bar{display:flex;border-bottom:2px solid var(--color-neutral-200);margin:1.25rem 0 0;gap:0;overflow-x:auto;scrollbar-width:none}.sdh-tab-bar::-webkit-scrollbar{display:none}.sdh-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;padding:.6875rem 1rem;font-size:.875rem;font-weight:600;color:var(--color-neutral-500);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:.4375rem;transition:color .15s,border-color .15s;font-family:var(--font-sans)}.sdh-tab:hover{color:var(--color-neutral-800)}.sdh-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.sdh-tab-badge{background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);color:var(--color-neutral-600);font-size:.6875rem;font-weight:700;padding:.0625rem .4375rem;border-radius:999px;min-width:1.25rem;text-align:center}.sdh-tab.active .sdh-tab-badge{background:#2563eb1a;border-color:#2563eb40;color:var(--color-primary)}.tab-content{margin-top:1.25rem}.tab-content .section-title{font-size:.9375rem;font-weight:700;color:var(--color-neutral-700);text-transform:uppercase;letter-spacing:.4px;margin-bottom:.875rem;padding-bottom:0;border-bottom:none;padding-left:.625rem;border-left:3px solid var(--color-primary)}@media(max-width:768px){.sdh-top{flex-direction:column;align-items:flex-start}.sdh-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.sdh-stats{gap:.75rem}.sdh-stat{padding:0}.sdh-stat-divider{display:none}.sdh-ref{font-size:1.1rem}}.ov-layout{display:grid;grid-template-columns:1fr 300px;gap:1rem;align-items:start}.ov-col{display:flex;flex-direction:column;gap:.875rem}.ov-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:.625rem;padding:1rem 1.125rem;box-shadow:0 1px 2px #0000000a}.ov-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem;padding-bottom:.625rem;border-bottom:1px solid var(--color-neutral-100)}.ov-card-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--color-neutral-500);padding-left:.5rem;border-left:2.5px solid var(--color-primary)}.ov-card-meta{font-size:.75rem;color:var(--color-neutral-400);margin-left:auto}.ov-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.ov-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.ov-field-span2{grid-column:span 2}.ov-field-span3{grid-column:span 3}.ov-field{display:flex;flex-direction:column;gap:.25rem}.ov-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--color-neutral-500)}.ov-input,.ov-select,.ov-date-input{height:32px;padding:0 .5rem;font-size:.8125rem;border:1px solid var(--color-neutral-300);border-radius:.375rem;background:#fff;color:var(--color-neutral-800);width:100%;font-family:var(--font-sans);transition:border-color .15s,box-shadow .15s}.ov-input:focus,.ov-select:focus,.ov-date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1f}.ov-input:disabled,.ov-select:disabled{background:var(--color-neutral-50);color:var(--color-neutral-500);cursor:not-allowed}.ov-date-input{padding:0 .375rem;font-size:.75rem}.ov-textarea{padding:.375rem .5rem;font-size:.8125rem;border:1px solid var(--color-neutral-300);border-radius:.375rem;background:#fff;color:var(--color-neutral-800);width:100%;font-family:var(--font-sans);resize:vertical;transition:border-color .15s,box-shadow .15s}.ov-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1f}.ov-stack{display:flex;flex-direction:column;gap:.625rem}.ov-dates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}.ov-date-cell{display:flex;flex-direction:column;gap:.25rem}.ov-date-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--color-neutral-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.ov-address-sub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.ov-address-sub-title{font-size:.8125rem;font-weight:700;color:var(--color-neutral-700)}.ov-link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--color-primary);font-size:.75rem;font-weight:600;cursor:pointer;padding:0;font-family:var(--font-sans)}.ov-link-btn:hover{text-decoration:underline}.ov-user-cols{display:flex;flex-direction:column;gap:.25rem}.ov-user-col{display:flex;align-items:flex-start;gap:.5rem;padding:.3rem 0;border-bottom:1px solid var(--color-neutral-100)}.ov-user-col:last-child{border-bottom:none}.ov-user-col-title{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--color-neutral-500);min-width:88px;padding-top:.1rem;flex-shrink:0}.ov-user-empty{font-size:.8125rem;color:var(--color-neutral-400)}.ov-user-row{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.ov-user-name{font-size:.8125rem;font-weight:600;color:var(--color-neutral-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-user-remove{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--color-neutral-400);font-size:1rem;line-height:1;cursor:pointer;padding:0;flex-shrink:0;font-family:var(--font-sans)}.ov-user-remove:hover{color:var(--color-danger)}.ov-user-names{flex:1;display:flex;flex-direction:column;gap:.125rem}.ov-cargo-layout{display:flex;flex-direction:column;gap:.75rem}.ov-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}.ov-card-meta{font-size:.75rem;color:var(--color-neutral-500);font-weight:400;margin-left:.5rem}.ov-empty-hint{font-size:.8125rem;color:var(--color-neutral-400);margin:.25rem 0 0}.cargo-item-list{display:flex;flex-direction:column;gap:0;margin-top:.625rem;border:1px solid var(--color-neutral-200);border-radius:.5rem;overflow:hidden}.cargo-item{padding:.625rem .875rem;border-bottom:1px solid var(--color-neutral-100)}.cargo-item:last-child{border-bottom:none}.cargo-item:nth-child(2n){background:var(--color-neutral-50)}.cargo-item-hd{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.cargo-item-label{font-size:.8125rem;font-weight:600;color:var(--color-neutral-800);flex:1}.cargo-item-actions{display:flex;gap:.375rem;align-items:center;flex-shrink:0}.cargo-copy-select{height:28px!important;font-size:.75rem!important;padding:0 1.5rem 0 .5rem!important;width:auto!important}.cargo-item-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.375rem .75rem}.cargo-field{display:flex;flex-direction:column;gap:.0625rem}.cargo-field-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--color-neutral-400)}.cargo-field-value{font-size:.8125rem;font-weight:500;color:var(--color-neutral-800)}.cargo-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem 1.25rem;margin-top:.25rem}.cargo-stat{display:flex;flex-direction:column;gap:.125rem;padding:.5rem .75rem;background:var(--color-neutral-50);border-radius:.375rem}.cargo-stat-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--color-neutral-500)}.cargo-stat-value{font-size:1rem;font-weight:700;color:var(--color-neutral-800)}.ss-wrap{position:relative}.ss-input-wrap{position:relative;display:flex;align-items:center}.ss-input{width:100%;padding-right:1.5rem!important}.ss-clear{position:absolute;right:.375rem;background:none;border:none;color:var(--color-neutral-400);font-size:1rem;line-height:1;cursor:pointer;padding:0;font-family:var(--font-sans)}.ss-clear:hover{color:var(--color-neutral-700)}.ss-dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;border:1px solid var(--color-neutral-300);border-radius:.375rem;box-shadow:0 4px 16px #0000001a;max-height:200px;overflow-y:auto;z-index:200;margin:0;padding:.25rem 0;list-style:none}.ss-option{padding:.4rem .75rem;font-size:.8125rem;cursor:pointer;color:var(--color-neutral-800)}.ss-option:hover{background:var(--color-neutral-50)}.ss-option.selected{background:var(--color-info-light);color:var(--color-primary);font-weight:600}.ss-no-results{padding:.4rem .75rem;font-size:.8125rem;color:var(--color-neutral-400)}.readonly-display{display:flex;align-items:center;background:var(--color-neutral-100);color:var(--color-neutral-500);cursor:default;-webkit-user-select:text;user-select:text;font-style:italic}.party-picker-modal{max-width:480px}.party-picker-body{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.party-picker-results{border:1px solid var(--color-neutral-200);border-radius:.5rem;max-height:300px;overflow-y:auto}.party-picker-result{padding:.625rem .875rem;cursor:pointer;border-bottom:1px solid var(--color-neutral-100);transition:background .1s}.party-picker-result:last-child{border-bottom:none}.party-picker-result:hover{background:var(--color-neutral-50)}.party-picker-name{font-size:.8125rem;font-weight:600;color:var(--color-neutral-800)}.party-picker-addr{font-size:.75rem;color:var(--color-neutral-500);margin-top:.125rem}@media(max-width:1024px){.ov-layout{grid-template-columns:1fr}.ov-dates-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.ov-grid-3,.ov-dates-grid{grid-template-columns:repeat(2,1fr)}.ov-address-grid{grid-template-columns:1fr}.ov-field-span3{grid-column:span 2}}.side-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1100;opacity:0;pointer-events:none;transition:opacity .2s ease}.side-drawer-overlay.is-open{opacity:1;pointer-events:auto}.side-drawer{position:fixed;top:0;right:0;height:100vh;max-width:90vw;background:#fff;box-shadow:-16px 0 32px -16px #0f172a40;z-index:1101;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s cubic-bezier(.32,.72,0,1);pointer-events:none;visibility:hidden}.side-drawer.is-open{transform:translate(0);pointer-events:auto;visibility:visible}.side-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid #e2e8f0;flex-shrink:0}.side-drawer-title-block{display:flex;flex-direction:column;gap:.25rem;min-width:0}.side-drawer-title{margin:0;font-size:1.125rem;font-weight:600;color:#0f172a;line-height:1.3}.side-drawer-subtitle{font-size:.85rem;color:#64748b;line-height:1.4}.side-drawer-close{flex-shrink:0;background:transparent;border:1px solid transparent;width:32px;height:32px;border-radius:6px;font-size:1rem;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background-color .1s ease,color .1s ease}.side-drawer-close:hover{background:#f1f5f9;color:#0f172a}.side-drawer-close:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.side-drawer-body{flex:1 1 auto;overflow-y:auto;padding:1.25rem 1.5rem}.side-drawer-footer{padding:1rem 1.5rem;border-top:1px solid #e2e8f0;display:flex;gap:.5rem;justify-content:flex-end;flex-shrink:0;background:#f8fafc}@media(max-width:700px){.side-drawer{width:100%!important}}.legal-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-neutral-50, #f8fafc);color:#0f172a}.legal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid var(--color-neutral-200, #e2e8f0)}.legal-header-brand{display:inline-flex;align-items:center}.legal-main{flex:1;padding:2.5rem 1rem 4rem}.legal-container{max-width:760px;margin:0 auto}.legal-title{font-size:2.25rem;font-weight:800;color:var(--color-neutral-900, #0f172a);margin-bottom:.5rem}.legal-meta{font-size:.875rem;color:var(--color-neutral-600, #475569);margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-neutral-200, #e2e8f0)}.legal-intro{font-size:1.0625rem;line-height:1.7;color:var(--color-neutral-700, #334155);margin-bottom:2rem}.legal-intro p{margin-bottom:1rem}.legal-body section{margin-bottom:2rem}.legal-body h2{font-size:1.375rem;font-weight:700;color:var(--color-neutral-900, #0f172a);margin-top:.5rem;margin-bottom:.75rem}.legal-body h3{font-size:1.0625rem;font-weight:700;color:var(--color-neutral-900, #0f172a);margin-top:1.25rem;margin-bottom:.5rem}.legal-body p{font-size:.9375rem;line-height:1.7;color:var(--color-neutral-700, #334155);margin-bottom:.875rem}.legal-body ul{margin:0 0 1rem 1.25rem;padding:0}.legal-body li{font-size:.9375rem;line-height:1.7;color:var(--color-neutral-700, #334155);margin-bottom:.4rem;list-style:disc}.legal-body code{background:var(--color-neutral-100, #f1f5f9);border:1px solid var(--color-neutral-200, #e2e8f0);border-radius:.25rem;padding:.05rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.legal-body a{color:var(--color-primary, #2563eb);text-decoration:underline;text-underline-offset:2px}.legal-table-wrap{overflow-x:auto;margin:.75rem 0 1.25rem;border:1px solid var(--color-neutral-200, #e2e8f0);border-radius:.5rem}.legal-table{width:100%;border-collapse:collapse;font-size:.875rem}.legal-table th,.legal-table td{padding:.55rem .75rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-neutral-200, #e2e8f0);color:var(--color-neutral-700, #334155)}.legal-table th{background:var(--color-neutral-100, #f1f5f9);font-weight:700;color:var(--color-neutral-900, #0f172a)}.legal-table tbody tr:last-child td{border-bottom:none}.legal-footer{background:#fff;border-top:1px solid var(--color-neutral-200, #e2e8f0);padding:1.5rem 1rem}.legal-footer .legal-container{display:flex;flex-direction:column;gap:.5rem;align-items:center}.legal-footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.legal-footer-links a{color:var(--color-neutral-700, #334155);font-size:.875rem;font-weight:600;text-decoration:none}.legal-footer-links a:hover{color:var(--color-primary, #2563eb);text-decoration:underline}.legal-footer-copy{font-size:.8125rem;color:var(--color-neutral-500, #64748b)}@media(max-width:640px){.legal-title{font-size:1.625rem}.legal-main{padding:1.5rem 1rem 3rem}}.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:9000;display:flex;align-items:center;gap:1rem;padding:.875rem 1.125rem;background:#0f172a;color:#e2e8f0;border-radius:.625rem;box-shadow:0 10px 30px #0f172a40;max-width:880px;margin:0 auto}.cookie-banner-text{flex:1;font-size:.875rem;line-height:1.5}.cookie-banner-text strong{color:#fff;font-weight:700}.cookie-banner-text a{color:#93c5fd;text-decoration:underline;text-underline-offset:2px}.cookie-banner-button{flex-shrink:0;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;padding:.55rem 1.1rem;font-size:.875rem;font-weight:700;cursor:pointer;transition:background-color .15s ease}.cookie-banner-button:hover,.cookie-banner-button:focus-visible{background:#2563eb;outline:none}@media(max-width:640px){.cookie-banner{flex-direction:column;align-items:stretch;gap:.75rem;padding:.875rem 1rem}.cookie-banner-button{align-self:stretch}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}