@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}.print-only{display:none!important}@media print{@page{size:letter;margin:.75in .5in}@page :first{margin-top:.5in}body.print-a4{@page{size:A4;margin:20mm 15mm}}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html{font-size:12pt}body{margin:0;padding:0;background:#fff!important;color:#000!important;font-size:12pt;line-height:1.4;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}nav,aside,header:not(.print-header),footer:not(.print-footer),.sidebar,.navigation,.nav-bar,.navbar,.top-bar,.app-header,.app-sidebar,.main-nav,.side-nav,.breadcrumb,.breadcrumbs,[role=navigation],[role=banner]:not(.print-header){display:none!important}button:not(.print-button),.btn:not(.print-button),input[type=button],input[type=submit],input[type=reset],select,input:not([type=hidden]),textarea,.dropdown,.dropdown-menu,.modal,.modal-overlay,.dialog,.popup,.popover,.tooltip,.toast,.notification,.alert-dismissible,.close,.close-button,[role=dialog],[role=menu],[role=menuitem],[role=tooltip]{display:none!important}.no-print,.print-hide,[data-print=hide],.screen-only,.hide-print,.hidden-print{display:none!important}.print-only,.print-show,[data-print=show]{display:block!important}.print-only-inline{display:inline!important}.print-only-flex{display:flex!important}.print-break-before,.page-break-before{page-break-before:always!important;break-before:page!important}.print-break-after,.page-break-after{page-break-after:always!important;break-after:page!important}.print-avoid-break,.page-break-avoid,.avoid-break{page-break-inside:avoid!important;break-inside:avoid!important}p,li,dt,dd,blockquote{orphans:3;widows:3}h1,h2,h3,h4,h5,h6{page-break-after:avoid!important;break-after:avoid!important;page-break-inside:avoid!important;break-inside:avoid!important}h1{font-size:18pt!important;margin-bottom:12pt!important}h2{font-size:16pt!important;margin-bottom:10pt!important}h3{font-size:14pt!important;margin-bottom:8pt!important}h4{font-size:12pt!important;margin-bottom:6pt!important}h5,h6{font-size:11pt!important;margin-bottom:6pt!important}p{font-size:12pt!important;margin-bottom:8pt!important}.text-xs{font-size:9pt!important}.text-sm{font-size:10pt!important}.text-base{font-size:12pt!important}.text-lg{font-size:13pt!important}.text-xl{font-size:14pt!important}.text-2xl{font-size:16pt!important}.text-3xl{font-size:18pt!important}.text-4xl{font-size:22pt!important}.font-bold{font-weight:700!important}.font-semibold{font-weight:600!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}a[href]{text-decoration:none!important;color:#000!important}a[href^=http]:after,a[href^=https]:after{content:" (" attr(href) ")";font-size:9pt;font-weight:400;color:#666}a.no-print-url:after,.no-print-url a:after{content:none!important}h1 a:after,h2 a:after,h3 a:after,h4 a:after,h5 a:after,h6 a:after{content:none!important}table{width:100%!important;border-collapse:collapse!important;page-break-inside:auto!important;font-size:10pt!important}thead{display:table-header-group!important}tfoot{display:table-footer-group!important}tr{page-break-inside:avoid!important;break-inside:avoid!important}th,td{border:1px solid #333!important;padding:6pt 8pt!important;text-align:left!important;vertical-align:top!important}th{background-color:#f0f0f0!important;font-weight:700!important;color:#000!important;border-bottom:2px solid #333!important}td.text-right,th.text-right,td.numeric,th.numeric,[data-type=number],[data-type=currency]{text-align:right!important}tbody tr:nth-child(2n){background-color:#f9f9f9!important}caption{font-size:12pt!important;font-weight:700!important;text-align:left!important;margin-bottom:8pt!important}.shadow,.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl,[class*=shadow]{box-shadow:none!important}.bg-gray-50,.bg-gray-100,.bg-slate-50,.bg-slate-100{background-color:#fff!important}.bg-blue-50,.bg-blue-100,.bg-green-50,.bg-green-100,.bg-yellow-50,.bg-yellow-100,.bg-red-50,.bg-red-100,.bg-purple-50,.bg-purple-100{background-color:#f5f5f5!important}.text-gray-400,.text-gray-500{color:#666!important}.text-gray-600,.text-gray-700{color:#333!important}.text-gray-800,.text-gray-900{color:#000!important}.badge,.tag,.chip,.status-badge,span[class*=bg-green],span[class*=bg-red],span[class*=bg-yellow],span[class*=bg-blue]{border:1px solid #666!important;background-color:#fff!important;color:#000!important;padding:2pt 6pt!important}.flex:not(.print-flex){display:block!important}.grid:not(.print-grid){display:block!important}.grid>*:not(:last-child){margin-bottom:12pt!important}.container,.max-w-7xl,.max-w-6xl,.max-w-5xl,.max-w-4xl,.max-w-3xl,.max-w-2xl,.max-w-xl,.max-w-lg,.max-w-md,[class*=max-w-]{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important}.rounded,.rounded-sm,.rounded-md,.rounded-lg,.rounded-xl,.rounded-2xl,.rounded-full,[class*=rounded-]{border-radius:0!important}.p-0,.py-0,.px-0{padding:0!important}.m-0,.my-0,.mx-0{margin:0!important}img{max-width:100%!important;height:auto!important;page-break-inside:avoid!important;break-inside:avoid!important}img[alt=decoration],img[alt=decorative],img.decorative,.decorative-image{display:none!important}.print-report{padding:0!important;margin:0!important}.print-header{display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:2pt solid #333!important;padding-bottom:12pt!important;margin-bottom:16pt!important}.print-header-logo{width:120pt!important;height:auto!important}.print-header-company{text-align:right!important}.print-company-name{font-size:18pt!important;font-weight:700!important;color:#1d5838!important;margin:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-company-address{font-size:10pt!important;color:#333!important;margin:4pt 0 0!important}.print-report-title{text-align:center!important;margin-bottom:16pt!important;padding-bottom:12pt!important;border-bottom:1pt solid #ccc!important}.print-report-title h1{font-size:20pt!important;font-weight:700!important;color:#000!important;margin:0 0 8pt!important}.print-report-date{font-size:10pt!important;color:#666!important;margin:0!important}.print-report-meta{display:flex!important;justify-content:space-between!important;margin-bottom:16pt!important;font-size:10pt!important;color:#333!important}.print-section{margin-bottom:20pt!important;page-break-inside:avoid!important}.print-section-title{font-size:14pt!important;font-weight:700!important;color:#000!important;border-bottom:1pt solid #333!important;padding-bottom:4pt!important;margin-bottom:10pt!important}.print-summary{margin-top:20pt!important;padding-top:12pt!important;border-top:2pt solid #333!important;page-break-inside:avoid!important}.print-summary-title{font-size:14pt!important;font-weight:700!important;margin-bottom:10pt!important}.print-summary-row{display:flex!important;justify-content:space-between!important;padding:4pt 0!important;border-bottom:1pt dotted #ccc!important}.print-summary-row:last-child{border-bottom:none!important}.print-summary-label{font-weight:500!important}.print-summary-value{font-weight:700!important;text-align:right!important}.print-summary-total{margin-top:8pt!important;padding-top:8pt!important;border-top:2pt solid #333!important;font-size:13pt!important}body{counter-reset:page-number}.print-footer{display:block!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:30pt!important;padding:8pt .5in!important;border-top:1pt solid #ccc!important;background:#fff!important;font-size:9pt!important;color:#666!important}.print-footer-content{display:flex!important;justify-content:space-between!important;align-items:center!important}.print-footer-left{text-align:left!important}.print-footer-center{text-align:center!important}.print-footer-right{text-align:right!important}.print-page-number:after{counter-increment:page-number;content:"Page " counter(page-number)}@supports (-webkit-print-color-adjust: exact){.print-footer-right:after{content:"Page " counter(page)}}.invoice-container{width:100%!important;max-width:100%!important}.invoice-header{border-bottom:2pt solid #333!important;padding-bottom:12pt!important;margin-bottom:16pt!important}.invoice-meta{margin-bottom:16pt!important}.invoice-totals,.totals-section{page-break-inside:avoid!important;margin-top:16pt!important}.line-items-table{width:100%!important;margin-bottom:16pt!important}.line-items-table th{background:#f0f0f0!important;font-weight:700!important;text-align:left!important;padding:6pt!important}.line-items-table td{padding:6pt!important}.void-watermark{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) rotate(-45deg)!important;font-size:100pt!important;color:#dc262626!important;font-weight:700!important;z-index:9999!important;pointer-events:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.payment-terms{border-left:4pt solid #ffd700!important;background:#fff9e6!important;padding:12pt!important;margin-top:16pt!important;page-break-inside:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.invoice-footer{margin-top:24pt!important;text-align:center!important;font-size:9pt!important;color:#666!important;border-top:1pt solid #ccc!important;padding-top:12pt!important}.group-section{page-break-inside:avoid!important;margin-bottom:16pt!important}.group-header{background:#1d5838!important;color:#fff!important;padding:6pt 10pt!important;font-weight:700!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-form-group{margin-bottom:10pt!important;page-break-inside:avoid!important}.print-form-label{font-size:9pt!important;font-weight:600!important;color:#666!important;text-transform:uppercase!important;margin-bottom:2pt!important}.print-form-value{font-size:11pt!important;color:#000!important;padding:4pt 0!important;border-bottom:1pt solid #ddd!important}.print-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10pt 20pt!important}hr.print-divider{border:none!important;border-top:1pt solid #333!important;margin:16pt 0!important}.print-signature-line{display:flex!important;align-items:flex-end!important;margin-top:30pt!important;page-break-inside:avoid!important}.print-signature-line:before{content:""!important;flex:1!important;border-bottom:1pt solid #333!important;margin-right:10pt!important}.print-signature-label{font-size:10pt!important;color:#666!important}.print-notes{background:#f9f9f9!important;border:1pt solid #ddd!important;padding:10pt!important;margin-top:16pt!important;font-size:10pt!important;page-break-inside:avoid!important}.print-notes-title{font-weight:700!important;margin-bottom:6pt!important}.data-table,[class*=DataTable]{width:100%!important}.card{border:1pt solid #ddd!important;box-shadow:none!important;page-break-inside:avoid!important}.tab-content>[hidden],.tab-panel:not(.active){display:block!important}.workflow-pipeline,.pipeline-stage{page-break-inside:avoid!important}.loads-stats-widget,.stat-card{page-break-inside:avoid!important;border:1pt solid #ddd!important}.action-prompts,.action-prompt,.loads-filter-bar,.filter-bar,.week-filter-bar{display:none!important}}.print-trigger-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.print-trigger-button:hover{background-color:#e5e7eb;border-color:#9ca3af}.print-trigger-button:active{background-color:#d1d5db}.print-trigger-button svg{width:18px;height:18px}.print-trigger-button--primary{background-color:#1d5838;border-color:#1d5838;color:#fff}.print-trigger-button--primary:hover{background-color:#164429;border-color:#164429}@media print{.print-trigger-button{display:none!important}}:root{--touch-target-min: 44px;--touch-target-comfortable: 48px;--touch-target-large: 56px;--spacing-mobile-xs: 4px;--spacing-mobile-sm: 8px;--spacing-mobile-md: 12px;--spacing-mobile-lg: 16px;--spacing-mobile-xl: 20px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--sidebar-width-desktop: 240px;--sidebar-width-collapsed: 64px;--bottom-nav-height: 64px;--z-mobile-menu-overlay: 998;--z-mobile-menu: 999;--z-bottom-nav: 800;--z-fab: 850;--z-pull-refresh: 700}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center}.safe-area-bottom{padding-bottom:var(--safe-area-inset-bottom)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--color-bg);border-top:1px solid var(--color-border);display:flex;align-items:stretch;justify-content:space-around;z-index:var(--z-bottom-nav);padding-bottom:var(--safe-area-inset-bottom);box-shadow:0 -2px 10px #0000001a}.modal-fullscreen{position:fixed;inset:0;background:var(--color-bg);z-index:var(--z-modal);display:flex;flex-direction:column;padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom)}.modal-fullscreen-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);min-height:56px}.modal-fullscreen-title{font-size:18px;font-weight:600;color:var(--color-text)}.modal-fullscreen-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3)}@media(min-width:640px){.bottom-nav{display:none}.modal-fullscreen{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(90vw,600px);max-height:90vh;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.table-sticky-first{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-sticky-first table{min-width:800px}.table-sticky-first th:first-child,.table-sticky-first td:first-child{position:sticky;left:0;background:var(--color-bg);z-index:1;box-shadow:2px 0 4px #0000000d}.table-sticky-first th:first-child{background:var(--color-bg-secondary)}}@media(min-width:1024px){.mobile-menu-btn{display:none}.data-table{display:table}}@media(orientation:landscape)and (max-height:500px){.navbar{padding:var(--space-2) var(--space-4)}.bottom-nav{height:52px}.modal-fullscreen-header{min-height:48px;padding:var(--space-2) var(--space-4)}}@media(hover:none)and (pointer:coarse){.btn:hover,.card:hover,.table tr:hover{background:inherit}.btn:active{transform:scale(.98);opacity:.9}.btn+.btn{margin-left:var(--space-3)}.btn,.tab-btn{-webkit-user-select:none;user-select:none}}@media print{.bottom-nav,.mobile-menu-btn{display:none!important}.modal-fullscreen{position:static;transform:none;width:100%;max-height:none;box-shadow:none;border-radius:0}}input[type=date],input[type=time],input[type=datetime-local]{min-height:var(--touch-target-min);font-size:16px;padding:12px 16px;border-radius:var(--radius-md)}@supports (-webkit-touch-callout: none){input[type=date],input[type=time],input[type=datetime-local]{-webkit-appearance:none;appearance:none}}:root{--brand-green: #1D5838;--brand-green-light: #236B45;--brand-green-dark: #164428;--color-primary: var(--brand-green);--color-primary-hover: #164429;--color-primary-light: #e8f5ed;--color-primary-dark: var(--brand-green-dark);--primary-50: #e8f5ed;--primary-100: #d1eadb;--primary-200: #a3d5b7;--primary-400: #2d7a4d;--primary-500: var(--brand-green);--primary-600: #164429;--primary-700: #0f3320;--primary-800: #0a2315;--primary-900: #05120a;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--error-50: #fef2f2;--error-100: #fee2e2;--error-300: #fca5a5;--error-500: #ef4444;--error-600: #dc2626;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--info-50: #f0f9ff;--info-100: #e0f2fe;--info-500: #0ea5e9;--info-600: #0284c7;--info-700: #0369a1;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--navy-800: #1e3a5f;--navy-900: #0f172a;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-300: #93c5fd;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--yellow-50: #fefce8;--yellow-100: #fef9c3;--yellow-300: #fde047;--yellow-500: #eab308;--yellow-600: #ca8a04;--yellow-700: #a16207;--yellow-800: #854d0e;--red-50: #fef2f2;--red-100: #fee2e2;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7c3aed;--purple-800: #6b21a8;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--cyan-100: #cffafe;--cyan-800: #155e75;--orange-50: #fff7ed;--color-text: var(--gray-800);--color-text-secondary: var(--gray-500);--color-text-muted: var(--gray-500);--color-border: var(--gray-200);--color-bg: #ffffff;--color-bg-secondary: var(--gray-50);--color-bg-tertiary: var(--gray-100);--color-positive: #059669;--color-negative: #dc2626;--surface: var(--color-bg);--surface-secondary: var(--color-bg-secondary);--surface-tertiary: var(--color-bg-tertiary);--border: var(--color-border);--border-secondary: var(--color-border);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--bg-primary: var(--color-bg);--bg-secondary: var(--color-bg-secondary);--bg-tertiary: var(--color-bg-tertiary);--bg-hover: var(--color-bg-secondary);--card-bg: var(--color-bg);--border-light: var(--color-border);--primary-light: var(--primary-100, #e0f2fe);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", "SF Mono", "Consolas", "Monaco", monospace;--font-data: var(--font-mono);--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-tooltip: 1100;--vh-full: 100vh;--chart-blue: #3b82f6;--chart-blue-light: #60a5fa;--chart-emerald: #10b981;--chart-amber: #f59e0b;--chart-red: #ef4444;--chart-violet: #8b5cf6;--chart-pink: #ec4899;--chart-cyan: #06b6d4;--chart-orange: #f97316;--chart-tooltip-bg: rgba(255, 255, 255, .96);--chart-tooltip-text: var(--gray-800);--chart-tooltip-border: var(--gray-200);--alert-danger-bg: #fef2f2;--alert-warning-bg: #fffbeb;--alert-info-bg: #fff7ed;--alert-success-bg: #f0fdf4;--color-bg-elevated-alpha: rgba(255, 255, 255, .95);--modal-overlay-light: rgba(255, 255, 255, .8);--brand-deep: #15331e;--brand-deep-2: #0f2516;--brand-strong: #1f5a39;--brand-tint: #ecf3ee;--brand-chip-ink: #2a7a4f;--canvas: #f4f6f5;--surface-2: #fafbfc;--border-soft: #eef1ef;--ink: #13201a;--ink-2: #1a2620;--muted: #6b7480;--muted-2: #7a8a80;--disabled-num: #9aa4ad;--warn: #a9791f;--warn-bg: #fbf2dd;--warn-border: #f0e4cf;--accent-info: #2b6cb0;--accent-info-bg: #eaf1fb;--r-card: 13px;--r-card-sm: 11px;--r-chip: 11px;--shadow-card-hover: 0 4px 14px rgba(20, 51, 30, .07);--font-sans: var(--font-family)}@supports (height: 100dvh){:root{--vh-full: 100dvh}}[data-theme=dark]{--brand-deep: #0f2516;--brand-deep-2: #081208;--brand-strong: var(--brand-green);--brand-tint: rgba(45, 138, 82, .16);--brand-chip-ink: #4cbf83;--canvas: var(--color-bg-tertiary, #0f172a);--surface-2: var(--color-bg-secondary);--border-soft: var(--color-border);--ink: var(--color-text);--ink-2: var(--color-text);--muted: var(--color-text-secondary);--muted-2: var(--color-text-muted);--disabled-num: var(--color-text-muted);--warn: var(--warning-500);--warn-bg: rgba(245, 158, 11, .14);--warn-border: rgba(245, 158, 11, .3);--accent-info: var(--info-500);--accent-info-bg: rgba(14, 165, 233, .14);--shadow-card-hover: 0 4px 18px rgba(0, 0, 0, .5)}[data-theme=dark]{--brand-green: #2d8a52;--brand-green-light: #3ca066;--brand-green-dark: #1D5838;--color-primary: var(--brand-green);--color-primary-hover: #3ca066;--color-primary-light: rgba(45, 138, 82, .15);--color-primary-dark: #1D5838;--primary-50: rgba(45, 138, 82, .12);--primary-100: rgba(45, 138, 82, .2);--primary-200: rgba(45, 138, 82, .3);--primary-400: #3ca066;--primary-500: var(--brand-green);--primary-600: #1D5838;--primary-700: #164428;--primary-800: #0f3320;--primary-900: #05120a;--color-text: #e5e7eb;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--color-border: #1e2830;--color-bg: #0a0f14;--color-bg-secondary: #111820;--color-bg-tertiary: #1a242d;--color-positive: #4ade80;--color-negative: #f87171;--surface: var(--color-bg);--surface-secondary: var(--color-bg-secondary);--surface-tertiary: var(--color-bg-tertiary);--border: var(--color-border);--border-secondary: var(--color-border);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--bg-primary: var(--color-bg);--bg-secondary: var(--color-bg-secondary);--bg-tertiary: var(--color-bg-tertiary);--bg-hover: var(--color-bg-tertiary);--card-bg: #111820;--border-light: var(--color-border);--primary-light: rgba(0, 212, 255, .15);--green-50: rgba(34, 197, 94, .1);--green-100: rgba(34, 197, 94, .18);--green-200: rgba(34, 197, 94, .25);--green-700: #4ade80;--green-800: #86efac;--blue-50: rgba(59, 130, 246, .1);--blue-100: rgba(59, 130, 246, .18);--blue-200: rgba(59, 130, 246, .25);--blue-700: #60a5fa;--blue-800: #93c5fd;--purple-50: rgba(168, 85, 247, .1);--purple-100: rgba(168, 85, 247, .18);--purple-200: rgba(168, 85, 247, .25);--purple-700: #c084fc;--purple-800: #d8b4fe;--yellow-50: rgba(234, 179, 8, .1);--yellow-100: rgba(234, 179, 8, .18);--yellow-200: rgba(234, 179, 8, .25);--yellow-700: #fbbf24;--yellow-800: #fcd34d;--amber-50: rgba(245, 158, 11, .1);--amber-100: rgba(245, 158, 11, .18);--amber-200: rgba(245, 158, 11, .25);--amber-700: #fbbf24;--amber-800: #fcd34d;--red-50: rgba(239, 68, 68, .1);--red-100: rgba(239, 68, 68, .18);--red-200: rgba(239, 68, 68, .25);--red-700: #f87171;--red-800: #fca5a5;--accent-primary: #00d4ff;--accent-secondary: #0099cc;--accent-muted: rgba(0, 212, 255, .15);--status-active: #00ff88;--status-active-bg: rgba(0, 255, 136, .12);--status-warning: #ffaa00;--status-warning-bg: rgba(255, 170, 0, .12);--status-danger: #ff4444;--status-danger-bg: rgba(255, 68, 68, .12);--status-idle: #666677;--status-idle-bg: rgba(102, 102, 119, .12);--status-intransit: #00d4ff;--status-intransit-bg: rgba(0, 212, 255, .12);--grid-line: #1e2830;--grid-header: #0d1318;--grid-row-hover: rgba(0, 212, 255, .08);--grid-row-selected: rgba(0, 212, 255, .15);--gray-50: #1f2937;--gray-100: #374151;--gray-200: #4b5563;--gray-300: #6b7280;--gray-400: #9ca3af;--gray-500: #d1d5db;--gray-600: #e5e7eb;--gray-700: #f3f4f6;--gray-800: #f9fafb;--gray-900: #ffffff;--navy-800: #93c5fd;--navy-900: #bfdbfe;--success-50: #064e3b;--success-100: #065f46;--danger-50: #450a0a;--danger-100: #7f1d1d;--warning-50: #451a03;--warning-100: #78350f;--warning-200: #92400e;--warning-700: #fbbf24;--warning-800: #fde68a;--info-50: #0c4a6e;--info-100: #075985;--error-50: #450a0a;--error-100: #7f1d1d;--error-300: #f87171;--error-500: #ef4444;--error-600: #f87171;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .3);--chart-blue: #60a5fa;--chart-blue-light: #93c5fd;--chart-emerald: #34d399;--chart-amber: #fbbf24;--chart-red: #f87171;--chart-violet: #a78bfa;--chart-pink: #f472b6;--chart-cyan: #22d3ee;--chart-orange: #fb923c;--chart-tooltip-bg: rgba(17, 24, 39, .96);--chart-tooltip-text: #f3f4f6;--chart-tooltip-border: #4b5563;--alert-danger-bg: rgba(127, 29, 29, .5);--alert-warning-bg: rgba(113, 63, 18, .5);--alert-info-bg: rgba(30, 58, 95, .5);--alert-success-bg: rgba(6, 78, 59, .5);--color-bg-elevated-alpha: rgba(31, 41, 55, .95);--modal-overlay-light: rgba(17, 24, 39, .8)}[data-theme=dark] body{color-scheme:dark}[data-theme=dark] .card,[data-theme=dark] .modal-content,[data-theme=dark] .dropdown-menu{background-color:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{border-color:var(--primary-500)}[data-theme=dark] table{border-color:var(--color-border)}[data-theme=dark] th{background-color:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] td{border-color:var(--color-border)}[data-theme=dark] tr:hover{background-color:var(--color-bg-tertiary)}[data-theme=dark] .btn-secondary{background-color:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .btn-secondary:hover{background-color:var(--color-bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--color-bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-border)}[data-theme=dark] .modal{background-color:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer{background-color:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .badge-gray{background-color:var(--gray-100);color:var(--gray-600)}[data-theme=dark] .badge-blue{background-color:#1e3a5f;color:#93c5fd}[data-theme=dark] .badge-green{background-color:#14532d;color:#86efac}[data-theme=dark] .badge-yellow{background-color:#713f12;color:#fde047}[data-theme=dark] .badge-red{background-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .badge-orange{background-color:#7c2d12;color:#fdba74}[data-theme=dark] .badge-purple{background-color:#4c1d95;color:#c4b5fd}[data-theme=dark] .badge-cyan{background-color:#164e63;color:#67e8f9}[data-theme=dark] .badge-indigo{background-color:#312e81;color:#a5b4fc}[data-theme=dark] .badge-teal{background-color:#134e4a;color:#5eead4}[data-theme=dark] .load-badge-draft,[data-theme=dark] .load-badge-open-warning{background-color:#713f12;color:#fde047}[data-theme=dark] .load-badge-processed,[data-theme=dark] .load-badge-processed-info{background-color:#1e3a5f;color:#93c5fd}[data-theme=dark] .load-badge-invoiced,[data-theme=dark] .load-badge-invoiced-info{background-color:#164e63;color:#67e8f9}[data-theme=dark] .load-badge-inprogress{background-color:#1e3a5f;color:#93c5fd}[data-theme=dark] .load-badge-dispatched{background-color:#4c1d95;color:#c4b5fd}[data-theme=dark] .load-badge-intransit{background-color:#7c2d12;color:#fdba74}[data-theme=dark] .load-badge-delivered,[data-theme=dark] .load-badge-success{background-color:#14532d;color:#86efac}[data-theme=dark] .load-badge-onhold{background-color:var(--gray-100);color:var(--gray-600)}[data-theme=dark] .load-badge-cancelled,[data-theme=dark] .load-badge-danger{background-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .load-badge-paid,[data-theme=dark] .load-badge-green{background-color:#14532d;color:#86efac}[data-theme=dark] .load-badge-order{background-color:#1e3a5f;color:#93c5fd}[data-theme=dark] .load-badge-preload{background-color:#164e63;color:#67e8f9}[data-theme=dark] .load-badge-orange{background-color:#7c2d12;color:#fdba74}[data-theme=dark] .load-badge-yellow{background-color:#713f12;color:#fde047}[data-theme=dark] .load-badge-purple{background-color:#4c1d95;color:#c4b5fd}[data-theme=dark] .page-header{border-color:var(--color-border)}[data-theme=dark] .page-header h1,[data-theme=dark] .page-header h2{color:var(--color-text)}[data-theme=dark] .page-description{color:var(--color-text-secondary)}[data-theme=dark] .settings-subnav{background:var(--color-bg-tertiary)}[data-theme=dark] .settings-subnav-item{color:var(--color-text-secondary)}[data-theme=dark] .settings-subnav-item.active{background:var(--color-bg);color:var(--brand-green)}[data-theme=dark] .alert-success{background-color:#14532d;color:#86efac;border-color:#166534}[data-theme=dark] .alert-danger,[data-theme=dark] .alert-error{background-color:#7f1d1d;color:#fca5a5;border-color:#991b1b}[data-theme=dark] .alert-warning{background-color:#713f12;color:#fde047;border-color:#854d0e}[data-theme=dark] .alert-info{background-color:#1e3a5f;color:#93c5fd;border-color:#1e40af}[data-theme=dark] .pagination-btn{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .pagination-btn:hover:not(:disabled){background-color:var(--color-bg-tertiary)}[data-theme=dark] .pagination-btn.active{background-color:var(--primary-600);color:#fff}[data-theme=dark] .stat-card{background-color:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .dropdown-item{color:var(--color-text)}[data-theme=dark] .dropdown-item:hover{background-color:var(--color-bg-tertiary)}[data-theme=dark] .tab-btn{color:var(--color-text-secondary)}[data-theme=dark] .tab-btn.active{color:var(--color-text);border-color:var(--primary-500)}[data-theme=dark] .toolbar,[data-theme=dark] .filter-bar{background-color:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .customer-nav-item,[data-theme=dark] .driver-nav-item{color:#ffffffd9}[data-theme=dark] .customer-nav-item:hover,[data-theme=dark] .driver-nav-item:hover{color:#fff}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--color-text-muted)}[data-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}[data-theme=dark] .filter-input{background-color:var(--color-bg)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}[data-theme=dark] .Card,[data-theme=dark] [class*=card],[data-theme=dark] .section-card{background-color:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] [style*="background: #fef2f2"],[data-theme=dark] [style*="background-color: #fef2f2"]{background-color:var(--error-50)!important}[data-theme=dark] [style*="background: #fffbeb"],[data-theme=dark] [style*="background-color: #fffbeb"]{background-color:var(--warning-50)!important}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background-color:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--primary-500)!important;box-shadow:0 0 0 2px #1d58384d!important}[data-theme=dark] input:disabled,[data-theme=dark] select:disabled,[data-theme=dark] textarea:disabled{background-color:#1f2937!important;color:#6b7280!important}[data-theme=dark] option{background-color:#374151;color:#f9fafb}[data-theme=dark] .status-card,[data-theme=dark] .stat-card,[data-theme=dark] .kpi-card,[data-theme=dark] .dm-stat-item,[data-theme=dark] .dm-stats-widget{background-color:var(--color-bg-secondary)!important;border-color:var(--color-border)!important}[data-theme=dark] .status-card.status-green{background-color:#1f2937!important;border-color:var(--green-500)!important}[data-theme=dark] .status-card.status-blue{background-color:#1f2937!important;border-color:var(--blue-500)!important}[data-theme=dark] .status-card.status-yellow{background-color:#1f2937!important;border-color:var(--yellow-500)!important}[data-theme=dark] .status-card.status-gray{background-color:#1f2937!important;border-color:var(--gray-500)!important}[data-theme=dark] .status-card.active{background-color:#374151!important}[data-theme=dark] .status-card .status-count,[data-theme=dark] .dm-stat-value{text-shadow:0 0 10px currentColor}[data-theme=dark] .status-card .status-name,[data-theme=dark] .dm-stat-label{color:var(--color-text-secondary)!important}[data-theme=dark] .modal-content,[data-theme=dark] .modal-body,[data-theme=dark] .modal-overlay .modal-content{background-color:var(--color-bg)!important;color:var(--color-text)!important}[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer{background-color:var(--color-bg-secondary)!important;border-color:var(--color-border)!important}[data-theme=dark] .modal-header h2,[data-theme=dark] .modal-header h3{color:var(--color-text)!important}[data-theme=dark] .modal-close{background-color:var(--color-bg-tertiary)!important;color:var(--color-text)!important}[data-theme=dark] .modal-close:hover{background-color:var(--color-border)!important}[data-theme=dark] .driver-summary{background-color:var(--color-bg-tertiary)!important}[data-theme=dark] .driver-name{color:var(--color-text)!important}[data-theme=dark] .status-option{background-color:var(--color-bg-secondary)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}[data-theme=dark] .status-option:hover{border-color:var(--gray-500)!important}[data-theme=dark] .status-option.selected.status-green{background-color:#14532d!important;border-color:var(--green-500)!important;color:#86efac!important}[data-theme=dark] .status-option.selected.status-blue{background-color:#1e3a5f!important;border-color:var(--blue-500)!important;color:#93c5fd!important}[data-theme=dark] .status-option.selected.status-yellow{background-color:#713f12!important;border-color:var(--yellow-500)!important;color:#fde047!important}[data-theme=dark] .status-option.selected.status-gray{background-color:var(--color-bg-tertiary)!important;border-color:var(--gray-500)!important;color:var(--color-text)!important}[data-theme=dark] .btn-cancel{background-color:var(--color-bg-tertiary)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}[data-theme=dark] .btn-cancel:hover{background-color:var(--color-border)!important}[data-theme=dark] .status-badge.status-green{background-color:#14532d!important;color:#86efac!important}[data-theme=dark] .status-badge.status-blue{background-color:#1e3a5f!important;color:#93c5fd!important}[data-theme=dark] .status-badge.status-yellow{background-color:#713f12!important;color:#fde047!important}[data-theme=dark] .status-badge.status-gray{background-color:var(--color-bg-tertiary)!important;color:var(--color-text-secondary)!important}[data-theme=dark] .quick-available{background-color:#14532d!important;color:#86efac!important}[data-theme=dark] .quick-ontrip{background-color:#1e3a5f!important;color:#93c5fd!important}[data-theme=dark] .edit-btn{background-color:#064e3b!important;color:#6ee7b7!important}[data-theme=dark] .edit-btn:hover{background-color:#065f46!important}[data-theme=dark] .drivers-table thead{background-color:var(--color-bg-secondary)!important}[data-theme=dark] .drivers-table th{color:var(--color-text-secondary)!important}[data-theme=dark] .drivers-table td{border-color:var(--color-border)!important}[data-theme=dark] .drivers-table tbody tr:hover{background-color:var(--color-bg-tertiary)!important}[data-theme=dark] .availability-filters{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}[data-theme=dark] .filter-group label,[data-theme=dark] .filter-results{color:var(--color-text-secondary)!important}[data-theme=dark] .page-title{color:var(--color-text)!important}[data-theme=dark] .page-subtitle{color:var(--color-text-secondary)!important}[data-theme=dark] .dm-tabs{border-color:var(--color-border)!important}[data-theme=dark] .dm-tab{color:var(--color-text-secondary)!important}[data-theme=dark] .dm-tab:hover,[data-theme=dark] .dm-tab-active{color:var(--primary-400)!important}[data-theme=dark] .bg-white,[data-theme=dark] .rounded-lg.shadow,[data-theme=dark] .rounded-lg.shadow-lg,[data-theme=dark] .rounded-lg.shadow-xl,[data-theme=dark] .rounded-lg.shadow-2xl,[data-theme=dark] tbody.divide-y,[data-theme=dark] tbody.divide-gray-200,[data-theme=dark] [style*="background: white"],[data-theme=dark] [style*="background:white"],[data-theme=dark] [style*="background-color: white"],[data-theme=dark] [style*="background-color:white"],[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background:#fff"],[data-theme=dark] [style*="background-color: #fff"],[data-theme=dark] [style*="background-color:#fff"],[data-theme=dark] [style*="background: #ffffff"],[data-theme=dark] [style*="background:#ffffff"],[data-theme=dark] [style*="background-color: #ffffff"],[data-theme=dark] [style*="background-color:#ffffff"]{background-color:var(--color-bg)!important}[data-theme=dark] .hover\:bg-gray-50:hover{background-color:var(--color-bg-tertiary)!important}[data-theme=dark] .hover\:bg-green-50:hover{background-color:#14532d!important}[data-theme=dark] .hover\:bg-white\/20:hover{background-color:#ffffff1a!important}[data-theme=dark] .text-gray-700{color:var(--color-text)!important}[data-theme=dark] .text-gray-600{color:var(--color-text-secondary)!important}[data-theme=dark] .text-gray-500{color:var(--color-text-muted)!important}[data-theme=dark] .divide-gray-200>*+*{border-color:var(--color-border)!important}[data-theme=dark] .sticky.top-0{background-color:var(--color-bg)!important}[data-theme=dark] .border-blue-200{border-color:var(--blue-500)!important}[data-theme=dark] .modal-content.flex.flex-col{background-color:var(--color-bg)!important}[data-theme=dark] .px-4.py-2.text-sm.font-medium.text-gray-700{background-color:var(--color-bg-tertiary)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}[data-theme=dark] .filter-group select,[data-theme=dark] .filter-bar select,[data-theme=dark] .search-bar select{background-color:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}[data-theme=dark] .stat-item,[data-theme=dark] .stat-value,[data-theme=dark] .stat-label,[data-theme=dark] .checkbox-label span{color:var(--color-text)!important}[data-theme=dark] .empty-state{color:var(--color-text-secondary)!important}[data-theme=dark] .location-text{color:var(--color-text)!important}[data-theme=dark] .location-time{color:var(--color-text-muted)!important}[data-theme=dark] .driver-info,[data-theme=dark] .customer-info{color:var(--color-text)!important}[data-theme=dark] .driver-number,[data-theme=dark] .customer-number{color:var(--color-text-secondary)!important}[data-theme=dark] .driver-phone{color:var(--color-text-muted)!important}[data-theme=dark] .fleet-dashboard{background-color:var(--color-bg-secondary)!important}[data-theme=dark] .fleet-header{color:var(--color-text)!important}[data-theme=dark] .fleet-stat{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}[data-theme=dark] .fleet-stat .stat-label{color:var(--color-text-secondary)!important}[data-theme=dark] .fleet-stat .stat-active{background-color:#14532d!important;color:#86efac!important}[data-theme=dark] .fleet-filters{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}[data-theme=dark] .filter-input{background-color:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}[data-theme=dark] .type-btn{background-color:var(--color-bg-tertiary)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}[data-theme=dark] .type-btn:hover{background-color:var(--color-border)!important}[data-theme=dark] .type-btn.active{background-color:var(--color-bg-tertiary)!important;border-color:var(--gray-500)!important}[data-theme=dark] .type-btn.truck-btn.active{background-color:#1e3a5f!important;border-color:var(--blue-500)!important;color:#93c5fd!important}[data-theme=dark] .type-btn.trailer-btn.active{background-color:#4c1d95!important;border-color:var(--purple-500)!important;color:#c4b5fd!important}[data-theme=dark] .fleet-table-container{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}[data-theme=dark] .fleet-table thead{background-color:var(--color-bg-secondary)!important}[data-theme=dark] .fleet-table th{color:var(--color-text-secondary)!important;border-color:var(--color-border)!important}[data-theme=dark] .fleet-table td{border-color:var(--color-border)!important;color:var(--color-text)!important}[data-theme=dark] .fleet-table tbody tr:hover,[data-theme=dark] .fleet-table tbody tr.clickable-row:hover{background-color:var(--color-bg-tertiary)!important}[data-theme=dark] .equipment-number{color:var(--color-text)!important}[data-theme=dark] .type-badge{background-color:var(--color-bg-tertiary)!important;color:var(--color-text)!important}[data-theme=dark] .type-badge.truck{background-color:#1e3a5f!important;color:#93c5fd!important}[data-theme=dark] .type-badge.trailer{background-color:#4c1d95!important;color:#c4b5fd!important}[data-theme=dark] .status-indicator{color:var(--color-text-secondary)!important}[data-theme=dark] .action-button{background-color:#064e3b!important;color:#6ee7b7!important}[data-theme=dark] .action-button:hover{background-color:#065f46!important}[data-theme=dark] .action-button.view-btn{background-color:#064e3b!important;color:#6ee7b7!important}[data-theme=dark] .action-button.maint-btn{background-color:#713f12!important;color:#fde047!important}[data-theme=dark] .action-button.retire-btn{background-color:#14532d!important;color:#86efac!important}[data-theme=dark] .action-button.delete-btn{background-color:var(--color-bg-tertiary)!important;color:var(--color-text-secondary)!important}[data-theme=dark] .fleet-empty{color:var(--color-text-secondary)!important}[data-theme=dark] .fleet-alerts-row,[data-theme=dark] .fleet-cost-row{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}[data-theme=dark] .fleet-modal,[data-theme=dark] .equipment-modal{background-color:var(--color-bg)!important}[data-theme=dark] .equipment-detail-container{background-color:var(--color-bg-secondary)!important}[data-theme=dark] .detail-section{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}[data-theme=dark] .detail-section h3,[data-theme=dark] .section-title{color:var(--color-text)!important}[data-theme=dark] .detail-row,[data-theme=dark] .info-row{border-color:var(--color-border)!important}[data-theme=dark] .detail-label,[data-theme=dark] .info-label{color:var(--color-text-secondary)!important}[data-theme=dark] .detail-value,[data-theme=dark] .info-value{color:var(--color-text)!important}[data-theme=dark] .work-orders-page,[data-theme=dark] .inspections-page{background-color:var(--color-bg-secondary)!important}[data-theme=dark] [style*="borderBottom: 1px solid #e2e8f0"],[data-theme=dark] [style*="border-bottom: 1px solid #e2e8f0"]{border-color:var(--color-border)!important}[data-theme=dark] [style*="color: #64748b"]{color:var(--color-text-secondary)!important}[data-theme=dark] [style*="backgroundColor: #1a365d"],[data-theme=dark] [style*="background-color: #1a365d"]{background-color:var(--primary-600)!important}[data-theme=dark] [style*="backgroundColor: #f8fafc"],[data-theme=dark] [style*="background-color: #f8fafc"]{background-color:var(--color-bg)!important}[data-theme=dark] [style*="backgroundColor: #fff"][style*="border: 1px solid #e2e8f0"],[data-theme=dark] [style*="background-color: #fff"]{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}[data-theme=dark] [style*="color: #1e293b"]{color:var(--color-text)!important}[data-theme=dark] [style*="border: 1px solid #e2e8f0"]{border-color:var(--color-border)!important}[data-theme=dark] .reports-page,[data-theme=dark] .report-container{background-color:var(--color-bg-secondary)!important}[data-theme=dark] .report-header{color:var(--color-text)!important}[data-theme=dark] .report-summary,[data-theme=dark] .summary-card{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}[data-theme=dark] .summary-label{color:var(--color-text-secondary)!important}[data-theme=dark] .summary-value{color:var(--color-text)!important}[data-theme=dark] .aging-summary{background-color:var(--color-bg)!important}[data-theme=dark] .aging-bucket{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}[data-theme=dark] .bucket-label{color:var(--color-text-secondary)!important}[data-theme=dark] .bucket-value{color:var(--color-text)!important}[data-theme=dark] .statement-header{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}[data-theme=dark] .statement-content{background-color:var(--color-bg)!important}[data-theme=dark] .wages-summary,[data-theme=dark] .wages-card{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}[data-theme=dark] .data-table{background-color:var(--color-bg)!important}[data-theme=dark] .data-table thead{background-color:var(--color-bg-secondary)!important}[data-theme=dark] .data-table th{color:var(--color-text-secondary)!important;border-color:var(--color-border)!important}[data-theme=dark] .data-table td{color:var(--color-text)!important;border-color:var(--color-border)!important}[data-theme=dark] .data-table tbody tr:hover{background-color:var(--color-bg-tertiary)!important}[data-theme=dark] .ar-page,[data-theme=dark] .ar-container{background-color:var(--color-bg-secondary)!important}[data-theme=dark] .ar-summary,[data-theme=dark] .ar-card,[data-theme=dark] .payments-page,[data-theme=dark] .payment-card,[data-theme=dark] .fuel-page,[data-theme=dark] .fuel-card,[data-theme=dark] .fuel-rate-card,[data-theme=dark] .customers-page,[data-theme=dark] .customer-card,[data-theme=dark] .products-page,[data-theme=dark] .product-card,[data-theme=dark] .drivers-page,[data-theme=dark] .driver-card,[data-theme=dark] .settings-page,[data-theme=dark] .settings-card,[data-theme=dark] .settings-section{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}[data-theme=dark] .settings-label{color:var(--color-text-secondary)!important}[data-theme=dark] .lot-view{background-color:var(--color-bg-secondary)!important}[data-theme=dark] .lot-card{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}[data-theme=dark] .invoice-center,[data-theme=dark] .invoice-list{background-color:var(--color-bg-secondary)!important}[data-theme=dark] .invoice-card,[data-theme=dark] .prep-center,[data-theme=dark] .prep-card,[data-theme=dark] .dashboard-card,[data-theme=dark] .dashboard-widget,[data-theme=dark] .dashboard-stat{background-color:var(--color-bg)!important;border-color:var(--color-border)!important}[data-theme=dark] .recharts-cartesian-grid line{stroke:var(--color-border)!important}[data-theme=dark] .recharts-text{fill:var(--color-text-secondary)!important}[data-theme=dark] .recharts-legend-item-text{color:var(--color-text)!important}.detail-row:hover{background-color:var(--color-bg-tertiary, #f3f4f6)!important}[data-theme=dark] .detail-row:hover{background-color:var(--color-bg-tertiary, #374151)!important}.detail-row.detail-row--moving,.detail-row.detail-row--moving:hover,[data-theme=dark] .detail-row.detail-row--moving,[data-theme=dark] .detail-row.detail-row--moving:hover{background-color:var(--primary-50)!important;box-shadow:inset 0 0 0 2px var(--primary-200);transition:none}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-green)!important;box-shadow:0 0 0 3px #1d583826}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.5;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn-primary{background-color:var(--primary-600);color:#fff;border-color:var(--primary-600)}.btn-primary:hover:not(:disabled){background-color:var(--primary-700);border-color:var(--primary-700)}.btn-secondary{background-color:var(--gray-100);color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-200)}.btn-outline{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-outline:hover:not(:disabled){background:var(--gray-50);color:var(--color-text)}[data-theme=dark] .btn-outline{color:var(--color-text-secondary)}.btn-group{display:inline-flex;gap:0}.btn-group>.btn{border-radius:0}.btn-group>.btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group>.btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-group>.btn+.btn{border-left:0}.btn-success{background-color:var(--success-600);color:#fff;border-color:var(--success-600)}.btn-success:hover:not(:disabled){background-color:var(--success-700);border-color:var(--success-700)}.btn-danger{background-color:var(--danger-600);color:#fff;border-color:var(--danger-600)}.btn-danger:hover:not(:disabled){background-color:var(--danger-700);border-color:var(--danger-700)}.btn-ghost{background-color:transparent;color:var(--gray-600);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--gray-100)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.badge{display:inline-flex;align-items:center;padding:2px 10px;font-size:11px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-full)}.badge-gray{background-color:var(--gray-100);color:var(--gray-600)}.badge-blue{background-color:var(--primary-100);color:var(--primary-700)}.badge-green{background-color:var(--success-100);color:var(--success-700)}.badge-yellow{background-color:var(--warning-100);color:var(--warning-700)}.badge-red{background-color:var(--danger-100);color:var(--danger-700)}.badge-orange{background-color:#ffedd5;color:#9a3412}.badge-purple{background-color:#f3e8ff;color:#7c3aed}.badge-cyan{background-color:#cffafe;color:#0e7490}.badge-indigo{background-color:#e0e7ff;color:#4338ca}.badge-teal{background-color:#ccfbf1;color:#0f766e}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-card);padding:var(--space-5);box-shadow:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:#cdd9d1;box-shadow:var(--shadow-card-hover)}.card-header{padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--border-soft)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);border-left:4px solid var(--gray-300);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card.primary{border-left-color:var(--brand-green)}.stat-card.success{border-left-color:var(--success-500)}.stat-card.danger{border-left-color:var(--danger-500)}.stat-card.warning{border-left-color:var(--warning-500)}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);line-height:1.2}.stat-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-2)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table thead{background:linear-gradient(180deg,var(--gray-50) 0%,var(--gray-100) 100%);border-bottom:2px solid var(--color-border)}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:11px;font-weight:var(--font-semibold);color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-100);color:var(--color-text)}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--gray-50)}.data-table tbody tr:nth-child(2n){background-color:var(--gray-50)}.data-table tbody tr:nth-child(2n):hover{background-color:var(--gray-100)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .numeric{text-align:right;font-family:var(--font-mono);font-size:var(--text-xs)}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background-color:var(--primary-50)!important}.data-table th.sortable{cursor:pointer;transition:background-color var(--transition-fast)}.data-table th.sortable:hover{background-color:var(--gray-200)}.sort-indicator{font-size:10px;color:var(--gray-400);transition:color var(--transition-fast)}.sort-indicator.active{color:var(--primary-600)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);margin-bottom:var(--space-1)}.form-label.required:after{content:" *";color:var(--danger-500)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);border:1px solid var(--gray-300);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--gray-400)}.form-input:disabled,.form-select:disabled{background-color:var(--gray-100);cursor:not-allowed}.form-help{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.form-error{font-size:var(--text-xs);color:var(--danger-600);margin-top:var(--space-1)}.form-input.error,.form-input-error{border-color:var(--danger-500)}.form-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-field{margin-bottom:var(--space-4)}.form-required{color:var(--danger-500);font-weight:var(--font-medium)}.form-hint{font-size:var(--text-xs);color:var(--color-text-secondary);margin:var(--space-1) 0}.form-error-summary{padding:var(--space-4);background:var(--danger-50);border:1px solid var(--danger-200);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.form-error-summary-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--danger-700);margin:0 0 var(--space-2)}.form-error-summary-list{margin:0;padding-left:var(--space-4);font-size:var(--text-sm);color:var(--danger-600)}.form-error-summary-list li{margin-bottom:var(--space-1)}.form-error-summary-list li:last-child{margin-bottom:0}[data-theme=dark] .form-error-summary{background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .form-error-summary-title{color:var(--danger-400)}[data-theme=dark] .form-error-summary-list{color:var(--danger-300)}.form-row{display:flex;gap:var(--space-4)}.form-row>.form-group{flex:1}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10100;padding:var(--space-4)}.modal{background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:max(240px,calc(var(--vh-full) - 2rem));overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:500px;z-index:10101}.modal.modal-lg{max-width:800px}.modal.modal-sm{max-width:400px}.modal.modal-xl{max-width:1200px}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.modal-standard-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-standard-header .modal-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1 1 auto;min-height:0}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}.modal-tabs{display:flex;border-bottom:1px solid var(--color-border);padding:0 var(--space-6);background:var(--color-bg)}.modal-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.modal-tab:hover{color:var(--color-text);background:var(--color-bg-secondary)}.modal-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600);font-weight:var(--font-semibold)}[data-theme=dark] .modal-tabs{background:var(--color-bg-secondary)}[data-theme=dark] .modal-tab:hover{background:var(--color-bg)}[data-theme=dark] .modal-tab.active{color:var(--primary-400);border-bottom-color:var(--primary-400)}.confirmation-modal-overlay{animation:confirmation-overlay-enter .15s ease-out;z-index:10200}@keyframes confirmation-overlay-enter{0%{opacity:0}to{opacity:1}}.confirmation-modal{animation:confirmation-modal-enter .2s ease-out}@keyframes confirmation-modal-enter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirmation-modal-header{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:none}.confirmation-modal-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--info-50)}.confirmation-modal-icon{width:20px;height:20px}.confirmation-modal-icon-info{color:var(--info-600)}.confirmation-modal-icon-warning{color:var(--warning-600)}.confirmation-modal-icon-danger{color:var(--danger-600)}.confirmation-modal-warning .confirmation-modal-icon-wrapper{background:var(--warning-50)}.confirmation-modal-danger .confirmation-modal-icon-wrapper{background:var(--danger-50)}.confirmation-modal-title{margin:0;padding-top:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);line-height:1.4;flex:1}.confirmation-modal-close{flex-shrink:0}.confirmation-modal-body{padding:var(--space-3) var(--space-5) var(--space-5)}.confirmation-modal-message{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.confirmation-modal-error{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--danger-300);border-radius:var(--radius-md);background:var(--danger-50);color:var(--danger-700);font-size:var(--text-sm)}.confirmation-modal-typed-confirm{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.confirmation-modal-typed-label{display:block;font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-2)}.confirmation-modal-typed-label strong{font-family:var(--font-mono);background:var(--gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--danger-600)}.confirmation-modal-typed-input{width:100%;font-family:var(--font-mono);font-size:var(--text-sm)}.confirmation-modal-typed-input:focus{border-color:var(--danger-500);box-shadow:0 0 0 3px #ef44441a}.confirmation-modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.confirmation-modal-confirm-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-width:100px;justify-content:center}.confirmation-modal-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.confirmation-modal-spinner{animation:confirmation-spinner 1s linear infinite}@keyframes confirmation-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confirmation-modal-danger .confirmation-modal-title{color:var(--danger-700)}.confirmation-modal-danger .modal-footer{background:var(--danger-50)}.confirmation-modal-warning .confirmation-modal-title{color:var(--warning-700)}.confirmation-modal-warning .modal-footer{background:var(--warning-50)}[data-theme=dark] .confirmation-modal-icon-wrapper{background:#0ea5e926}[data-theme=dark] .confirmation-modal-warning .confirmation-modal-icon-wrapper{background:#f59e0b26}[data-theme=dark] .confirmation-modal-danger .confirmation-modal-icon-wrapper{background:#ef444426}[data-theme=dark] .confirmation-modal-typed-label strong{background:var(--gray-800);color:var(--danger-400)}[data-theme=dark] .confirmation-modal-footer{background:var(--gray-800)}[data-theme=dark] .confirmation-modal-danger .modal-footer{background:#ef44441a}[data-theme=dark] .confirmation-modal-warning .modal-footer{background:#f59e0b1a}[data-theme=dark] .confirmation-modal-danger .confirmation-modal-title{color:var(--danger-400)}[data-theme=dark] .confirmation-modal-warning .confirmation-modal-title{color:var(--warning-400)}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:9999;display:flex;flex-direction:column;gap:var(--space-3);max-width:400px}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-left:4px solid var(--gray-400);animation:toast-enter .2s ease-out}.toast-exit{animation:toast-exit .2s ease-in forwards}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-success{border-left-color:var(--success-500)}.toast-success .toast-icon{color:var(--success-500)}.toast-error{border-left-color:var(--danger-500)}.toast-error .toast-icon{color:var(--danger-500)}.toast-warning{border-left-color:var(--warning-500)}.toast-warning .toast-icon{color:var(--warning-500)}.toast-info{border-left-color:var(--info-500)}.toast-info .toast-icon{color:var(--info-500)}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-content{flex:1;min-width:0}.toast-message{margin:0;font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.toast-action{margin-top:var(--space-2);padding:0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary-600);background:none;border:none;cursor:pointer;text-decoration:underline}.toast-action:hover{color:var(--primary-700)}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast)}.toast-close:hover{background:var(--gray-100);color:var(--gray-600)}[data-theme=dark] .toast{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .toast-close:hover{background:var(--gray-700);color:var(--gray-300)}@media(max-width:480px){.toast-container{left:var(--space-4);right:var(--space-4);top:var(--space-4);max-width:none}}.toast-container-expanded .toast{transform:none!important;opacity:1!important}.toast-message-row{display:flex;align-items:center;gap:var(--space-2)}.toast-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--white);background:var(--gray-600);border-radius:var(--radius-full);flex-shrink:0}.toast-success .toast-count-badge{background:var(--success-600)}.toast-error .toast-count-badge{background:var(--danger-600)}.toast-warning .toast-count-badge{background:var(--warning-600)}.toast-info .toast-count-badge{background:var(--info-600)}.toast-progress-bar-container{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gray-200);border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden}.toast-progress-bar{height:100%;background:var(--gray-400);transition:width .05s linear;border-radius:0 0 0 var(--radius-md)}.toast-progress-paused{transition:none}.toast-success .toast-progress-bar{background:var(--success-500)}.toast-error .toast-progress-bar{background:var(--danger-500)}.toast-warning .toast-progress-bar{background:var(--warning-500)}.toast-info .toast-progress-bar{background:var(--info-500)}.toast-priority-high{box-shadow:var(--shadow-lg),0 0 0 2px var(--warning-300)}.toast-priority-urgent{box-shadow:var(--shadow-lg),0 0 0 2px var(--danger-500);animation:toast-urgent-pulse 1s ease-in-out infinite}@keyframes toast-urgent-pulse{0%,to{box-shadow:var(--shadow-lg),0 0 0 2px var(--danger-500)}50%{box-shadow:var(--shadow-lg),0 0 0 4px var(--danger-300)}}.toast-paused{box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--gray-300)}.toast-paused .toast-progress-bar-container{opacity:.6}.toast-queue-indicator{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--gray-500);background:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;margin-top:var(--space-2)}.toast{position:relative;transition:transform .2s ease-out,opacity .2s ease-out,box-shadow .2s ease-out;cursor:default}.toast[style*=translateY]{position:absolute;bottom:0;right:0;width:100%}.toast-count-badge+.toast-action,.toast:has(.toast-count-badge):hover{cursor:pointer}.toast-container:not(.toast-container-expanded){position:fixed;top:var(--space-6);right:var(--space-6)}@keyframes toast-stack-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast:not(.toast-exit){animation:toast-stack-in .2s ease-out}[data-theme=dark] .toast-progress-bar-container{background:var(--gray-700)}[data-theme=dark] .toast-progress-bar,[data-theme=dark] .toast-count-badge{background:var(--gray-500)}[data-theme=dark] .toast-success .toast-count-badge{background:var(--success-500)}[data-theme=dark] .toast-error .toast-count-badge{background:var(--danger-500)}[data-theme=dark] .toast-warning .toast-count-badge{background:var(--warning-500)}[data-theme=dark] .toast-info .toast-count-badge{background:var(--info-500)}[data-theme=dark] .toast-queue-indicator{background:var(--gray-800);color:var(--gray-400);box-shadow:var(--shadow-md)}[data-theme=dark] .toast-paused{box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--gray-600)}[data-theme=dark] .toast-priority-high{box-shadow:var(--shadow-lg),0 0 0 2px var(--warning-400)}[data-theme=dark] .toast-priority-urgent{box-shadow:var(--shadow-lg),0 0 0 2px var(--danger-400)}@keyframes toast-urgent-pulse-dark{0%,to{box-shadow:var(--shadow-lg),0 0 0 2px var(--danger-400)}50%{box-shadow:var(--shadow-lg),0 0 0 4px var(--danger-600)}}[data-theme=dark] .toast-priority-urgent{animation:toast-urgent-pulse-dark 1s ease-in-out infinite}@media(max-width:480px){.toast-count-badge{min-width:20px;height:18px;font-size:10px}.toast-queue-indicator{font-size:11px;padding:var(--space-1) var(--space-3)}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--space-8)}.error-boundary-content{text-align:center;max-width:500px}.error-boundary-icon{color:var(--danger-500);margin-bottom:var(--space-4)}.error-boundary-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-3)}.error-boundary-message{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6);line-height:1.6}.error-boundary-details{text-align:left;margin-bottom:var(--space-6);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);font-size:var(--text-sm)}.error-boundary-details summary{cursor:pointer;font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.error-boundary-details pre{margin:var(--space-2) 0 0;padding:var(--space-3);background:var(--gray-100);border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--danger-600);white-space:pre-wrap;word-break:break-word}.error-boundary-actions{display:flex;gap:var(--space-3);justify-content:center}[data-theme=dark] .error-boundary-details{background:var(--gray-800)}[data-theme=dark] .error-boundary-details pre{background:var(--gray-900);color:var(--danger-400)}.tabs{display:flex;gap:var(--space-1);background:var(--gray-100);padding:var(--space-1);border-radius:var(--radius-lg)}.tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-600);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--gray-800);background:var(--gray-50)}.tab.active{color:var(--color-text);background:var(--color-bg);box-shadow:var(--shadow-sm)}.settings-subnav{display:flex;gap:var(--space-1);background:var(--gray-100);padding:var(--space-1);border-radius:var(--radius-lg);margin-bottom:var(--space-6);flex-wrap:wrap}.settings-subnav-item{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-600);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.settings-subnav-item:hover{color:var(--gray-800);background:var(--gray-50)}.settings-subnav-item.active{color:var(--brand-green);background:var(--color-bg);box-shadow:var(--shadow-sm);font-weight:var(--font-semibold)}@media(max-width:768px){.settings-subnav{gap:var(--space-1);padding:var(--space-1);overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.settings-subnav-item{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);flex-shrink:0}}.navbar{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--brand-deep) 0%,var(--brand-deep-2) 100%);color:#fff;box-shadow:0 1px #00000038,var(--shadow-md);position:sticky;top:0;z-index:var(--z-sticky)}.navbar-top{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.08);position:relative}.navbar-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;position:absolute;left:50%;transform:translate(-50%)}.navbar-logo-tile{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:5px 9px;box-shadow:0 1px 2px #0000002e;transition:transform var(--transition-fast)}.navbar-brand:hover .navbar-logo-tile{transform:translateY(-1px)}.navbar-logo{height:30px;width:auto;display:block}.navbar-wordmark{display:flex;flex-direction:column;line-height:1.05}.navbar-wordmark strong{font-size:14px;font-weight:700;letter-spacing:.02em;color:#fff}.navbar-wordmark span{font-size:10.5px;font-weight:600;letter-spacing:.1em;color:#cfe0d6d1}@media(max-width:768px){.navbar-wordmark{display:none}}.navbar-user{display:flex;align-items:center;gap:var(--space-3)}.navbar-username{font-size:var(--text-sm);color:#ffffffe6}.navbar-badge{display:inline-flex;padding:2px 8px;font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;background:#f59e0b;color:#fff;border-radius:var(--radius-sm)}.navbar-right-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);padding:5px 12px 5px 6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all .2s ease}.navbar-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#ffffff2e;color:#fff;font-size:11px;font-weight:700;letter-spacing:.01em;flex-shrink:0}.user-menu-trigger:hover{background:#ffffff26;border-color:#ffffff4d}.user-menu-arrow{width:16px;height:16px;opacity:.7;transition:transform .2s ease}.user-menu-trigger[aria-expanded=true] .user-menu-arrow{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:280px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;overflow:hidden}@media(max-width:1279.98px),(hover:none)and (pointer:coarse){.user-menu-dropdown{left:auto;right:0;max-width:calc(100vw - 16px)}}@media(hover:none)and (pointer:coarse){.navbar-brand,.user-menu-trigger{min-height:44px}}.user-menu-header{padding:var(--space-4);background:var(--surface-secondary);border-bottom:1px solid var(--border)}.user-menu-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.user-menu-email{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.user-menu-role{margin-top:var(--space-2)}.user-menu-divider{height:1px;background:var(--border)}.user-menu-section{padding:var(--space-2) 0}.user-menu-section-title{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.user-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:background .15s ease;text-align:left}.user-menu-item:hover{background:var(--surface-hover)}.user-menu-item svg{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.user-menu-item-value{margin-left:auto;font-size:var(--text-xs);color:var(--primary-500)}.user-menu-logout{color:var(--danger-600)}.user-menu-logout:hover{background:var(--danger-50)}.user-menu-logout svg{color:var(--danger-600)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background:#fff3}.theme-toggle svg{width:18px;height:18px}.navbar-bottom{display:flex;align-items:center;justify-content:center;padding:6px var(--space-4);min-height:48px}.navbar-links{display:flex;justify-content:center;gap:var(--space-2);width:100%}.navbar-link{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;padding:8px 13px;min-width:0;font-size:12.5px;font-weight:500;color:#cfe0d6;text-decoration:none;border-radius:var(--radius-full);transition:all var(--transition-fast);white-space:nowrap}.navbar-link:hover{color:#fff;background:#ffffff17}.navbar-link.active{color:#fff;background:#ffffff24;font-weight:600}.navbar-link--settings{min-width:40px;min-height:36px;padding:8px}.navbar-link svg,.navbar-link .nav-icon{width:17px;height:17px;opacity:.95}@media(max-width:1279.98px){.navbar-bottom{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}.navbar-links{flex:none;width:max-content;min-width:100%}.navbar-link{flex:none;white-space:nowrap}}@media(max-width:1279.98px)and (hover:none)and (pointer:coarse){.navbar-bottom{scrollbar-width:none}.navbar-bottom::-webkit-scrollbar{display:none}}.page-container{padding:var(--space-6);width:100%;max-width:none;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.page-title{font-size:26px;font-weight:700;letter-spacing:-.4px;color:var(--ink);margin:0}.page-actions{display:flex;gap:var(--space-3)}@media screen and (max-width:1023.98px){.grid-reflow{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-min, 200px)),1fr))!important}.grid-reflow>*{min-width:0;overflow-wrap:anywhere}}.payment-application-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:12px;padding-top:calc(12px + var(--offline-banner-height, 0px));background:#00000080}.payment-application-dialog{width:100%;max-width:60rem;min-width:0;min-height:0;max-height:calc(100dvh - 24px - var(--offline-banner-height, 0px));overflow-y:auto;overscroll-behavior:contain}.payment-application-dialog>.sticky{z-index:1}.text-success{color:var(--success-600)}.text-danger{color:var(--danger-600)}.text-warning{color:var(--warning-600)}.text-muted{color:var(--color-text-secondary)}.bg-success-light{background-color:var(--success-50)}.bg-danger-light{background-color:var(--danger-50)}.bg-warning-light{background-color:var(--warning-50)}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-right{text-align:right}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:20px}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:20px;padding-right:20px}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:20px;padding-bottom:20px}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:48px;padding-bottom:48px}.py-16{padding-top:64px;padding-bottom:64px}.pt-4{padding-top:var(--space-4)}.pb-2{padding-bottom:var(--space-2)}.pb-4{padding-bottom:var(--space-4)}.pl-4{padding-left:var(--space-4)}.pr-4{padding-right:var(--space-4)}.m-0{margin:0}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-3{margin-bottom:var(--space-3)}.mb-8{margin-bottom:var(--space-8)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.-mt-1{margin-top:calc(var(--space-1) * -1)}.space-x-1>*+*{margin-left:var(--space-1)}.space-x-2>*+*{margin-left:var(--space-2)}.space-x-3>*+*{margin-left:var(--space-3)}.space-x-4>*+*{margin-left:var(--space-4)}.space-y-1>*+*{margin-top:var(--space-1)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-row{flex-direction:row}.inline-flex{display:inline-flex}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.gap-1{gap:var(--space-1)}.gap-5{gap:20px}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.contents{display:contents}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky;top:0}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.w-3{width:12px}.w-4{width:16px}.w-5{width:20px}.w-6{width:24px}.w-8{width:32px}.w-10{width:40px}.w-12{width:48px}.w-16{width:64px}.w-24{width:96px}.w-32{width:128px}.w-48{width:192px}.w-64{width:256px}.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.h-3{height:12px}.h-4{height:16px}.h-5{height:20px}.h-6{height:24px}.h-8{height:32px}.h-10{height:40px}.h-12{height:48px}.h-16{height:64px}.h-full{height:100%}.h-screen{height:100vh}.h-auto{height:auto}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-visible{overflow:visible}.rounded-sm,.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.border{border:1px solid var(--color-border)}.border-0{border:0}.border-2{border:2px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-transparent{border-color:transparent}.border-gray-200{border-color:var(--gray-200)}.border-gray-300{border-color:var(--gray-300)}.divide-y>*+*{border-top:1px solid var(--color-border)}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.shadow-none{box-shadow:none}.text-left{text-align:left}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.no-underline{text-decoration:none}.line-through{text-decoration:line-through}.italic{font-style:italic}.not-italic{font-style:normal}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{user-select:none}.select-all{user-select:all}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.transform{transform:translate(var(--tw-translate-x, 0),var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skew(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.rotate-180{transform:rotate(180deg)}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-transparent{background-color:transparent}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.bg-gray-300{background-color:var(--gray-300)}.bg-gray-400{background-color:var(--gray-400)}.bg-gray-500{background-color:var(--gray-500)}.bg-gray-600{background-color:var(--gray-600)}.bg-gray-700{background-color:var(--gray-700)}.bg-gray-800{background-color:var(--gray-800)}.bg-gray-900{background-color:var(--gray-900)}.bg-red-50{background-color:var(--danger-50, #fef2f2)}.bg-red-100{background-color:var(--danger-100, #fee2e2)}.bg-red-500{background-color:var(--danger-500)}.bg-red-600{background-color:var(--danger-600)}.bg-green-50{background-color:var(--success-50, #f0fdf4)}.bg-green-100{background-color:var(--success-100, #dcfce7)}.bg-green-500{background-color:var(--success-500)}.bg-green-600{background-color:var(--success-600)}.bg-green-700{background-color:var(--success-700, #15803d)}.bg-blue-50{background-color:var(--blue-50, #eff6ff)}.bg-blue-100{background-color:var(--blue-100, #dbeafe)}.bg-blue-500{background-color:var(--blue-500)}.bg-blue-600{background-color:var(--blue-600)}.bg-blue-700{background-color:var(--blue-700, #1d4ed8)}.bg-yellow-50{background-color:var(--warning-50, #fffbeb)}.bg-yellow-100{background-color:var(--warning-100, #fef3c7)}.bg-yellow-500{background-color:var(--warning-500)}.bg-orange-50{background-color:var(--orange-50, #fff7ed)}.bg-orange-100{background-color:var(--orange-100, #ffedd5)}.bg-orange-500{background-color:var(--orange-500, #f97316)}.bg-purple-50{background-color:var(--purple-50, #faf5ff)}.bg-purple-100{background-color:var(--purple-100, #f3e8ff)}.bg-purple-500{background-color:var(--purple-500, #a855f7)}.bg-purple-600{background-color:var(--purple-600, #9333ea)}.bg-indigo-50{background-color:#eef2ff}.bg-indigo-100{background-color:#e0e7ff}.bg-indigo-600{background-color:#4f46e5}.bg-primary{background-color:var(--color-primary)}.bg-primary\/10{background-color:var(--color-primary-light, rgba(29, 88, 56, .1))}.text-white{color:#fff}.text-black{color:#000}.text-inherit{color:inherit}.text-transparent{color:transparent}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.text-red-500{color:var(--danger-500)}.text-red-600{color:var(--danger-600)}.text-red-700{color:var(--danger-700, #b91c1c)}.text-green-500{color:var(--success-500)}.text-green-600{color:var(--success-600)}.text-green-700{color:var(--success-700, #15803d)}.text-blue-500{color:var(--blue-500)}.text-blue-600{color:var(--blue-600)}.text-blue-700{color:var(--blue-700, #1d4ed8)}.text-yellow-500{color:var(--warning-500)}.text-yellow-600{color:var(--warning-600, #ca8a04)}.text-orange-500{color:var(--orange-500, #f97316)}.text-orange-600{color:var(--orange-600, #ea580c)}.text-purple-500{color:var(--purple-500, #a855f7)}.text-purple-600{color:var(--purple-600, #9333ea)}.text-indigo-600{color:#4f46e5}.text-primary{color:var(--color-primary)}.hover\:bg-gray-50:hover{background-color:var(--gray-50)}.hover\:bg-gray-100:hover{background-color:var(--gray-100)}.hover\:bg-gray-200:hover{background-color:var(--gray-200)}.hover\:bg-red-700:hover{background-color:var(--danger-700, #b91c1c)}.hover\:bg-green-700:hover{background-color:var(--success-700, #15803d)}.hover\:bg-blue-700:hover{background-color:var(--blue-700, #1d4ed8)}.hover\:bg-primary\/20:hover{background-color:#1d583833}.hover\:text-gray-700:hover{color:var(--gray-700)}.hover\:text-gray-900:hover{color:var(--gray-900)}.hover\:text-blue-600:hover{color:var(--blue-600)}.hover\:underline:hover{text-decoration:underline}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hover\:opacity-80:hover{opacity:.8}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--color-primary)}.focus-visible\:ring-2:focus-visible{box-shadow:0 0 0 2px var(--color-primary)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.list-none{list-style:none}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.outline-none{outline:none}.ring-0{box-shadow:0 0 0 0 transparent}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.spinner{width:20px;height:20px;border:2px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:14px;height:14px}.spinner-lg{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-secondary)}.empty-state-icon{margin-bottom:var(--space-4);color:var(--gray-300)}.empty-state-icon svg{width:64px;height:64px}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--gray-600);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--gray-500)}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--space-4)}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--space-12)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-left:4px solid;margin-bottom:var(--space-4)}.alert-success{background:var(--success-50);border-color:var(--success-500);color:var(--success-700)}.alert-danger{background:var(--danger-50);border-color:var(--danger-500);color:var(--danger-700)}.alert-warning{background:var(--warning-50);border-color:var(--warning-500);color:var(--warning-700)}.alert-info{background:var(--info-50);border-color:var(--info-500);color:var(--info-700)}.search-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.search-input{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #2563eb1a}.summary-bar{display:flex;gap:var(--space-6);padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.summary-bar strong{color:var(--color-text)}.data-table-wrapper{display:flex;flex-direction:column;gap:var(--space-4)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-top:1px solid var(--color-border);flex-wrap:wrap;gap:var(--space-3)}.pagination-info{display:flex;align-items:center;gap:var(--space-3)}.pagination-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.pagination-size-select{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer}.pagination-size-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #2563eb1a}.pagination-controls{display:flex;align-items:center;gap:var(--space-1)}.pagination-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0 var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);color:var(--color-text)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.pagination-btn.active:hover{background:var(--primary-600);border-color:var(--primary-600)}.pagination-ellipsis{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.kb-articles{display:flex;flex-direction:column;gap:var(--space-4)}.kb-article{padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.kb-article:hover{border-color:var(--primary-300);box-shadow:var(--shadow-sm)}.kb-article:focus-within{outline:2px solid var(--primary-500);outline-offset:2px}.kb-article-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-2) 0}.kb-article-excerpt{font-size:var(--text-sm);color:var(--gray-600);margin:0 0 var(--space-3) 0;line-height:1.5}.kb-article-meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--gray-500)}.kb-article-category{background:var(--primary-100);color:var(--primary-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-medium)}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin:0}.contact-item{display:flex;flex-direction:column;gap:var(--space-1)}.contact-label{font-weight:var(--font-semibold);color:var(--gray-700);font-size:var(--text-sm)}.contact-icon{display:inline-block;margin-right:var(--space-2)}.contact-value{font-size:var(--text-base);color:var(--gray-800);margin:0}.contact-value a{color:var(--primary-600);text-decoration:underline;text-underline-offset:2px}.contact-value a:hover{color:var(--primary-800)}.contact-value a:focus{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.ticket-detail{display:flex;flex-direction:column;gap:var(--space-6)}.ticket-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-2) 0}.ticket-badges{display:flex;gap:var(--space-2)}.ticket-meta{display:flex;gap:var(--space-6);font-size:var(--text-sm);color:var(--gray-500);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200);margin:0}.ticket-meta div{display:flex;gap:var(--space-1)}.ticket-description{font-size:var(--text-sm);color:var(--gray-700);white-space:pre-wrap;line-height:1.6}.ticket-detail h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-800);margin:0 0 var(--space-3) 0}.ticket-replies{display:flex;flex-direction:column;gap:var(--space-3)}.ticket-reply{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.ticket-reply.client{background:var(--primary-50);margin-left:var(--space-8);border-left:3px solid var(--primary-400)}.ticket-reply.agent{background:var(--gray-100);margin-right:var(--space-8);border-left:3px solid var(--gray-400)}.reply-header{display:flex;justify-content:space-between;font-size:var(--text-xs);margin-bottom:var(--space-2)}.reply-header strong{color:var(--gray-900)}.reply-header time{color:var(--gray-500)}.ticket-reply p{font-size:var(--text-sm);color:var(--gray-700);margin:0;line-height:1.5}.ticket-reply-form{padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.attachment-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.attachment-item{display:flex;align-items:center;gap:var(--space-2)}.attachment-item a{color:var(--primary-600);text-decoration:underline}.attachment-item a:hover{color:var(--primary-800)}.attachment-item a:focus{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.attachment-size{font-size:var(--text-xs);color:var(--gray-500)}.form-input-file{display:block;width:100%;padding:var(--space-2);font-size:var(--text-sm);border:2px dashed var(--gray-300);border-radius:var(--radius-md);background:var(--gray-50);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.form-input-file:hover{border-color:var(--primary-400);background:var(--primary-50)}.form-input-file:focus{outline:2px solid var(--primary-500);outline-offset:2px;border-color:var(--primary-500)}.file-list{list-style:none;padding:0;margin:var(--space-3) 0 0 0;display:flex;flex-direction:column;gap:var(--space-2)}.file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--gray-100);border-radius:var(--radius-sm)}.file-name{flex:1;font-size:var(--text-sm);color:var(--gray-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:var(--text-xs);color:var(--gray-500)}.btn-remove-file{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--danger-600);background:transparent;border:1px solid var(--danger-300);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.btn-remove-file:hover{background:var(--danger-50);color:var(--danger-700)}.btn-remove-file:focus{outline:2px solid var(--danger-500);outline-offset:2px}.form-help{font-size:var(--text-xs);color:var(--gray-500);margin:var(--space-1) 0 var(--space-2) 0}.error-summary{background:var(--danger-50);border:1px solid var(--danger-200);border-left:4px solid var(--danger-500);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.error-summary p{font-weight:var(--font-semibold);color:var(--danger-800);margin:0 0 var(--space-2) 0}.error-summary ul{margin:0;padding-left:var(--space-5)}.error-summary li{color:var(--danger-700);font-size:var(--text-sm)}.error-message{display:block;font-size:var(--text-xs);color:var(--danger-600);margin-top:var(--space-1)}.required{color:var(--danger-500)}.form-input.error{border-color:var(--danger-500)}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.empty-message{text-align:center;color:var(--gray-500);padding:var(--space-8)}.section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-4) 0}.loading-spinner{display:flex;justify-content:center;padding:var(--space-8)}.dispatch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.dispatch-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--gray-800);margin:0}.dispatch-actions{display:flex;gap:var(--space-2)}.dispatch-stats{display:flex;gap:16px;margin-bottom:24px}.dispatch-stat-card{flex:1;padding:16px 20px;background:var(--color-bg);border:1px solid var(--color-border);border-left:4px solid var(--gray-300);border-radius:12px;cursor:pointer;transition:all .15s ease;min-width:0}.dispatch-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.dispatch-stat-card.active{background:var(--gray-50);box-shadow:var(--shadow-sm)}.dispatch-stat-value{font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.dispatch-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);font-weight:600}.dispatch-stat-amount{font-size:13px;color:var(--gray-400);margin-top:6px}.dispatch-stat-card.total{border-left-color:var(--gray-400)}.dispatch-stat-card.total .dispatch-stat-value{color:var(--gray-700)}.dispatch-stat-card.ready{border-left-color:var(--success-500)}.dispatch-stat-card.ready .dispatch-stat-value{color:var(--success-600)}.dispatch-stat-card.ready.active{background:var(--success-50);border-color:var(--success-500)}.dispatch-stat-card.dispatched{border-left-color:var(--chart-violet)}.dispatch-stat-card.dispatched .dispatch-stat-value{color:var(--purple-600)}.dispatch-stat-card.dispatched.active{background:var(--purple-100);border-color:var(--chart-violet)}.dispatch-stat-card.intransit{border-left-color:var(--chart-cyan)}.dispatch-stat-card.intransit .dispatch-stat-value{color:var(--info-600)}.dispatch-stat-card.intransit.active{background:var(--cyan-100);border-color:var(--chart-cyan)}.dispatch-stat-card.hold{border-left-color:var(--warning-500)}.dispatch-stat-card.hold .dispatch-stat-value{color:var(--warning-600)}.dispatch-stat-card.hold.active{background:var(--warning-50);border-color:var(--warning-500)}.dispatch-page{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);height:100%}.dispatch-header-left{display:flex;flex-direction:column;gap:2px}.dispatch-subtitle{font-size:14px;color:var(--gray-500);margin:0}.dispatch-tabs{display:flex;gap:4px;border-bottom:2px solid var(--color-border);padding-bottom:0;margin-bottom:var(--space-4)}.dispatch-tab{padding:12px 20px;background:none;border:none;font-size:14px;font-weight:500;color:var(--gray-600);cursor:pointer;position:relative;transition:color .15s ease;display:flex;align-items:center;gap:8px}.dispatch-tab:hover,.dispatch-tab-active{color:var(--primary-600)}.dispatch-tab-active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary-600)}.dispatch-tab-count{font-size:11px;font-weight:600;padding:2px 8px;background:var(--gray-100);border-radius:12px;color:var(--gray-600)}.dispatch-tab-active .dispatch-tab-count{background:var(--primary-100);color:var(--primary-700)}[data-theme=dark] .dispatch-tab:hover,[data-theme=dark] .dispatch-tab-active{color:var(--primary-400)}[data-theme=dark] .dispatch-tab-active:after{background:var(--primary-400)}[data-theme=dark] .dispatch-tab-active .dispatch-tab-count{background:var(--primary-50);color:var(--primary-400)}.dispatch-filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;margin-bottom:16px}.dispatch-filter-bar .search-input,.dispatch-search-input{flex:1;min-width:180px;max-width:280px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;background:var(--color-bg)}.dispatch-search-input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.dispatch-filter-bar .form-select,.dispatch-filter-select{min-width:140px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;background:var(--color-bg);cursor:pointer}.dispatch-filter-select:focus{outline:none;border-color:var(--primary-400)}.dispatch-filter-checkbox{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gray-600);cursor:pointer;white-space:nowrap}.dispatch-filter-checkbox input{width:16px;height:16px;cursor:pointer}.dispatch-filter-toggle{padding:6px 12px;font-size:13px;font-weight:500;background:var(--gray-100);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;color:var(--gray-600);white-space:nowrap}.dispatch-filter-toggle:hover{background:var(--gray-200);border-color:var(--gray-400)}.dispatch-filter-toggle.active{background:var(--primary-500);border-color:var(--primary-600);color:#fff}.dispatch-filter-toggle.active:hover{background:var(--primary-600)}.dispatch-refresh-btn{padding:8px 12px;background:var(--gray-100);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;cursor:pointer;transition:all .15s ease}.dispatch-refresh-btn:hover{background:var(--gray-200)}.dispatch-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.dispatch-filter-toggles{display:flex;gap:16px;align-items:center}.dispatch-results{margin-left:auto;font-size:14px;color:var(--gray-500)}.dispatch-results strong{color:var(--gray-700)}.dispatch-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;border-radius:20px;text-transform:capitalize}.dispatch-status:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.dispatch-status.ready{background:var(--success-100);color:var(--green-800)}.dispatch-status.ready:before{background:var(--success-500)}.dispatch-status.dispatched{background:var(--purple-100);color:var(--purple-800)}.dispatch-status.dispatched:before{background:var(--chart-violet)}.dispatch-status.intransit{background:var(--cyan-100);color:var(--cyan-800)}.dispatch-status.intransit:before{background:var(--chart-cyan)}.dispatch-status.hold,.dispatch-status.onhold{background:var(--warning-100);color:var(--warning-700)}.dispatch-status.hold:before,.dispatch-status.onhold:before{background:var(--warning-500)}.dispatch-status.order{background:var(--yellow-100);color:var(--yellow-800)}.dispatch-status.order:before{background:var(--yellow-500)}.dispatch-status.preload{background:var(--purple-100);color:var(--purple-600)}.dispatch-status.preload:before{background:var(--chart-violet)}.dispatch-status.processed{background:var(--success-100);color:var(--green-800)}.dispatch-status.processed:before{background:var(--chart-emerald)}.dispatch-status.draft{background:var(--gray-100);color:var(--gray-600)}.dispatch-status.draft:before{background:var(--gray-400)}.route-cell{display:flex;align-items:center;gap:6px;font-size:13px}.route-arrow{color:var(--gray-400);flex-shrink:0}.age-cell{font-size:13px;font-weight:500}.age-cell.urgent{color:#dc2626;font-weight:600}.age-cell.warning{color:#d97706}.age-cell.normal{color:var(--gray-500)}.filter-panel{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid var(--color-border);border-radius:12px;padding:16px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filter-row+.filter-row{margin-top:14px;padding-top:14px;border-top:1px solid var(--gray-200)}.filter-search-box{position:relative;flex:1;min-width:280px;max-width:400px}.filter-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.filter-search-input{width:100%;padding:14px 44px 14px 48px;font-size:16px;font-weight:500;border:2px solid var(--gray-300);border-radius:10px;background:#fff;transition:all .2s ease}.filter-search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-100)}.filter-search-input::placeholder{color:var(--gray-400);font-weight:400}.filter-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gray-200);border:none;border-radius:50%;font-size:14px;color:var(--gray-600);cursor:pointer;transition:all .15s ease}.filter-search-clear:hover{background:var(--gray-300);color:var(--gray-800)}.filter-results-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid var(--gray-200);border-radius:10px;font-size:15px}.filter-results-count{font-size:20px;font-weight:700;color:var(--primary-600)}.filter-results-label{color:var(--gray-500);font-weight:500}.filter-results-value{padding-left:8px;border-left:2px solid var(--gray-200);font-weight:600;color:var(--gray-700)}.filter-btn-refresh{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;background:#fff;border:2px solid var(--gray-300);border-radius:10px;cursor:pointer;transition:all .2s ease;color:var(--gray-700)}.filter-btn-refresh:hover{background:var(--gray-50);border-color:var(--primary-400);color:var(--primary-600)}.filter-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.filter-btn-refresh svg{transition:transform .3s ease}.filter-btn-refresh:hover svg{transform:rotate(180deg)}.filter-dropdown-wrapper{position:relative;min-width:200px}.filter-select-large{width:100%;padding:14px 40px 14px 16px;font-size:16px;font-weight:500;background:#fff;border:2px solid var(--gray-300);border-radius:10px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;transition:all .2s ease}.filter-select-large:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-100)}.filter-select-large:hover{border-color:var(--primary-400)}.filter-select-clear{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--gray-200);border:none;border-radius:50%;font-size:12px;color:var(--gray-600);cursor:pointer;transition:all .15s ease;z-index:1}.filter-select-clear:hover{background:var(--error-500);color:#fff}.filter-btn-large{display:flex;align-items:center;gap:10px;padding:14px 22px;font-size:15px;font-weight:600;background:#fff;border:2px solid var(--gray-300);border-radius:10px;cursor:pointer;transition:all .2s ease;color:var(--gray-700);white-space:nowrap;min-height:52px}.filter-btn-large:hover{background:var(--gray-50);border-color:var(--primary-400);color:var(--primary-600);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.filter-btn-large.active{background:var(--primary-500);border-color:var(--primary-600);color:#fff;box-shadow:0 4px 12px #3b82f64d}.filter-btn-large.active:hover{background:var(--primary-600);border-color:var(--primary-700);transform:translateY(-1px)}.filter-btn-large.active svg{stroke:#fff}.filter-btn-large svg{flex-shrink:0;stroke:currentColor}.filter-btn-clear{background:var(--error-50);border-color:var(--error-300);color:var(--error-600)}.filter-btn-clear:hover{background:var(--error-500);border-color:var(--error-600);color:#fff}.filter-btn-clear:hover svg{stroke:#fff}.filter-date-group{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--gray-300);border-radius:10px;padding:8px 14px;min-height:52px}.filter-date-label{font-size:14px;font-weight:600;color:var(--gray-600);white-space:nowrap}.filter-date-input{font-size:16px;font-weight:500;padding:6px 10px;border:1px solid var(--gray-300);border-radius:6px;background:var(--gray-50);color:var(--gray-800);min-width:140px;cursor:pointer}.filter-date-input:hover{border-color:var(--primary-400);background:#fff}.filter-date-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #22c55e26}.filter-date-clear{display:flex;align-items:center;gap:4px;padding:10px 16px;min-height:52px;font-size:14px;font-weight:600;background:var(--error-50);border:2px solid var(--error-300);border-radius:10px;color:var(--error-600);cursor:pointer;transition:all .15s ease}.filter-date-clear:hover{background:var(--error-500);border-color:var(--error-600);color:#fff}.filter-row-primary,.filter-row-buttons,.filter-row-toggles{justify-content:center}@media(max-width:1200px){.filter-search-box{min-width:220px}.filter-dropdown-wrapper{min-width:180px}}@media(max-width:768px){.filter-panel{padding:12px}.filter-row{gap:10px}.filter-search-box{min-width:100%;max-width:100%}.filter-dropdown-wrapper{flex:1 1 calc(50% - 5px);min-width:140px}.filter-btn-large{padding:12px 16px;font-size:14px;min-height:48px}.filter-results-badge{order:-1;width:100%;justify-content:center}}@media(max-width:1024px){.dispatch-stats{flex-wrap:wrap}.dispatch-stat-card{flex:1 1 calc(33% - 12px);min-width:120px}}@media(max-width:640px){.dispatch-stat-card{flex:1 1 calc(50% - 8px)}.dispatch-stat-value{font-size:22px}}.load-badge{display:inline-flex;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.03em}.load-badge-draft{background-color:var(--gray-100);color:var(--gray-600)}.load-badge-processed{background-color:var(--success-100);color:var(--success-700)}.load-badge-invoiced{background-color:var(--info-100);color:var(--info-700)}.load-badge-inprogress{background-color:#fef3c7;color:#92400e}.load-badge-dispatched{background-color:#e0e7ff;color:#3730a3}.load-badge-intransit{background-color:#cffafe;color:#0e7490}.load-badge-delivered{background-color:#d1fae5;color:#065f46}.load-badge-onhold{background-color:#ffedd5;color:#9a3412}.load-badge-cancelled{background-color:#fee2e2;color:#991b1b}.load-badge-paid{background-color:#dcfce7;color:#166534;border:1px solid #22c55e}.load-badge-order{background-color:#fef9c3;color:#854d0e}.load-badge-preload{background-color:#ddd6fe;color:#5b21b6}.ticket-link{color:var(--info-600);font-weight:var(--font-medium);cursor:pointer;transition:color var(--transition-fast)}.ticket-link:hover{color:var(--info-700);text-decoration:underline}.btn-process{padding:4px 12px;font-size:var(--text-xs);font-weight:var(--font-medium);background-color:var(--success-600);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.btn-process:hover:not(:disabled){background-color:var(--success-700)}.btn-process:disabled{opacity:.5;cursor:not-allowed}.detail-section{margin-bottom:var(--space-6)}.detail-section:last-child{margin-bottom:0}.section-header{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--gray-100)}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:var(--text-xs);color:var(--gray-500);font-weight:var(--font-medium)}.detail-value{font-size:var(--text-sm);color:var(--gray-800);font-weight:var(--font-medium)}.detail-value-highlight{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--success-600)}.note-box{padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--gray-600);margin-bottom:var(--space-2)}.note-box:last-child{margin-bottom:0}.note-box strong{color:var(--gray-700)}.pay-override-box{margin-top:var(--space-4);padding:var(--space-4);background:var(--warning-100);border-radius:var(--radius-lg);border:1px solid var(--warning-500)}.pay-override-header{display:flex;justify-content:space-between;align-items:center}.pay-override-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--warning-700);letter-spacing:.05em}.pay-override-amount{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--warning-700)}.pay-override-reason{font-size:var(--text-sm);color:var(--warning-800);margin-top:var(--space-2)}.pay-override-date{font-size:var(--text-xs);color:var(--warning-700);margin-top:var(--space-1)}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:24px;color:var(--gray-400);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);line-height:1}.modal-close-btn:hover{background:var(--gray-100);color:var(--gray-600)}.btn-edit{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);background-color:var(--info-100);color:var(--info-700);border:1px solid var(--info-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-edit:hover{background-color:var(--info-200)}.btn-override{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);background-color:var(--warning-100);color:var(--warning-700);border:1px solid var(--warning-500);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-override:hover{background-color:var(--warning-200)}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.mobile-menu-btn:hover{background:#fff3}.mobile-menu-btn svg{width:22px;height:22px}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:998;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{display:none;visibility:hidden;position:fixed;top:var(--offline-banner-height, 0px);left:-280px;width:min(280px,100vw);height:calc(var(--vh-full) - var(--offline-banner-height, 0px));background:var(--color-bg);z-index:999;flex-direction:column;overflow:hidden;transition:left .3s ease;box-shadow:var(--shadow-xl)}.mobile-menu.open{left:0;visibility:visible}.mobile-menu-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:var(--space-4);padding-top:max(var(--space-4),env(safe-area-inset-top,0px));padding-left:max(var(--space-4),env(safe-area-inset-left,0px));padding-right:max(var(--space-4),env(safe-area-inset-right,0px));background:var(--brand-green);color:#fff}.mobile-menu-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#ffffff1a;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer}.mobile-menu-close svg{width:20px;height:20px}.mobile-menu-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(var(--space-3),env(safe-area-inset-bottom,0px))}.mobile-menu-user{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--gray-50);border-bottom:1px solid var(--color-border)}.mobile-menu-username{min-width:0;overflow-wrap:anywhere;font-weight:var(--font-medium);color:var(--color-text)}.mobile-menu-links{padding:var(--space-2) 0}.mobile-menu-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-left:max(var(--space-4),env(safe-area-inset-left,0px));padding-right:max(var(--space-4),env(safe-area-inset-right,0px));min-height:44px;color:var(--color-text);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:background var(--transition-fast)}.mobile-menu-link:hover{background:var(--gray-50)}.mobile-menu-link.active{background:var(--primary-50);color:var(--brand-green);border-right:3px solid var(--brand-green)}.mobile-menu-link svg{width:20px;height:20px;opacity:.7}.mobile-menu-link.active svg{opacity:1}.mobile-menu-section{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.mobile-menu-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);padding-left:var(--space-3)}.mobile-menu-footer{padding:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.mobile-menu-theme-btn{display:flex;min-height:44px;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--gray-100);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast)}.mobile-menu-theme-btn:hover{background:var(--gray-200)}.mobile-menu-theme-btn svg{width:18px;height:18px}.mobile-menu-footer>.btn{min-height:44px;margin-left:0}@media(min-width:640px)and (max-width:1023.98px){.mobile-menu-btn{display:flex}.mobile-menu-overlay{display:block}.mobile-menu{display:flex}.navbar-bottom{display:none}}@media(max-width:768px){.page-container{padding:var(--space-4)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.page-title{font-size:var(--text-xl)}.dispatch-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.dispatch-title{font-size:var(--text-xl)}.grid-cols-4,.grid-cols-3,.detail-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-3) var(--space-4)}.stat-value{font-size:var(--text-xl)}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex-shrink:0}.search-bar{flex-wrap:wrap;gap:var(--space-2)}.search-bar .search-input,.search-bar .form-select{flex:1 1 calc(50% - var(--space-2));min-width:140px}.data-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:700px}.modal{max-width:95%;margin:var(--space-2)}.modal.modal-lg,.modal.modal-xl{max-width:95%}.modal-body{padding:var(--space-4)}.form-row{flex-direction:column;gap:var(--space-3)}.navbar-bottom{overflow-x:auto;justify-content:flex-start;padding:var(--space-2);min-height:64px}.navbar-links{flex-wrap:nowrap}.navbar-link{padding:var(--space-1) var(--space-2);min-width:56px;font-size:10px}.navbar-link svg{width:18px;height:18px}.summary-bar{flex-wrap:wrap;gap:var(--space-3)}.pagination{flex-direction:column;align-items:flex-start}.pagination-controls{flex-wrap:wrap}.quick-action-card{padding:var(--space-3) var(--space-4)}.quick-action-icon{width:40px;height:40px}.quick-action-icon svg{width:20px;height:20px}}@media(max-width:576px){.page-container{padding:var(--space-3)}.page-title,.dispatch-title{font-size:var(--text-lg)}.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr;gap:var(--space-3)}.stat-value{font-size:var(--text-lg)}.card{padding:var(--space-3)}.dispatch-actions{width:100%;flex-wrap:wrap}.dispatch-actions .btn{flex:1 1 auto;min-width:100px}.page-actions{width:100%;flex-wrap:wrap}.page-actions .btn{flex:1 1 auto;min-width:100px}.search-bar{flex-direction:column;gap:var(--space-2)}.search-bar .search-input,.search-bar .form-select{width:100%;min-width:unset;flex:none}}@media(max-width:639.98px){.mobile-menu-btn{display:flex}.mobile-menu-overlay{display:block}.mobile-menu{display:flex}.navbar-bottom{display:none}.navbar-top{padding:0 var(--space-3);justify-content:space-between}.navbar-brand{position:static!important;left:auto!important;transform:none!important;padding:var(--space-1) var(--space-2)}.navbar-logo{height:32px}.navbar-username,.navbar-badge,.user-menu-container,.theme-toggle,.logout-btn{display:none}}@media(max-width:576px){.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0}.modal-header{padding:var(--space-3) var(--space-4)}.modal-title{font-size:var(--text-base)}.modal-body{padding:var(--space-3)}.modal-footer{padding:var(--space-3) var(--space-4);flex-wrap:wrap}.modal-footer .btn{flex:1;min-width:100px}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.action-buttons{flex-direction:column;gap:var(--space-1)}.action-buttons .btn{width:100%;justify-content:center}.tabs{padding:var(--space-1);gap:var(--space-1)}.tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.load-badge,.badge{padding:2px 6px;font-size:10px}.alert{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.contact-info{grid-template-columns:1fr;gap:var(--space-4)}.ticket-reply.client{margin-left:var(--space-2)}.ticket-reply.agent{margin-right:var(--space-2)}.quick-action-card{padding:var(--space-3);gap:var(--space-3)}.quick-action-icon{width:36px;height:36px}.quick-action-icon svg{width:18px;height:18px}.quick-action-label{font-size:var(--text-sm)}.quick-action-description{display:none}}.filters-panel{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--space-4)}.filter-group{display:flex;flex-direction:column;gap:var(--space-1);min-width:140px}.filter-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary)}.filter-input,.filter-select{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--text-sm);min-width:140px}@media(max-width:576px){.filters-panel{flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.filter-group,.filter-input,.filter-select{width:100%;min-width:unset}}@media(max-width:768px){.recharts-responsive-container{min-height:200px!important}}@media(max-width:576px){.grain-market-ticker{flex-direction:column;align-items:flex-start!important;gap:var(--space-2)!important}.recharts-responsive-container{min-height:180px!important}.recent-load-item{grid-template-columns:1fr!important;gap:var(--space-2)!important}.top-trailers-grid{grid-template-columns:repeat(2,1fr)!important}.fleet-alerts-grid{grid-template-columns:1fr!important}}@media(max-width:480px){.page-container{padding:var(--space-2);padding-top:var(--space-3)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.page-header h1{font-size:var(--text-xl)}.page-actions{width:100%;flex-wrap:wrap}.page-actions .btn{flex:1;min-width:calc(50% - var(--space-2))}.stats-grid,.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--space-2)}.data-table{min-width:500px}.filter-bar,.search-filter-bar{flex-direction:column;gap:var(--space-2)}.filter-bar>*,.search-filter-bar>*{width:100%}.dispatch-tabs{gap:var(--space-1)}.dispatch-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.card{padding:var(--space-3)}.card-header{padding:var(--space-2) var(--space-3)}.modal{margin:var(--space-2);max-height:calc(100vh - var(--space-4))}.modal-header,.modal-body,.modal-footer{padding:var(--space-3)}.form-row{flex-direction:column}.form-group{width:100%!important}.badge{font-size:11px;padding:2px 6px}.dispatch-stat-card{padding:var(--space-3)}.dispatch-stat-value{font-size:var(--text-xl)}.top-trailers-grid{grid-template-columns:1fr!important}.recharts-responsive-container{min-height:160px!important}}@media(max-width:320px){.page-container{padding:var(--space-1);padding-top:var(--space-2)}.stats-grid,.kpi-grid{grid-template-columns:1fr!important}.data-table{min-width:280px}.data-table .hide-xs,.data-table th.hide-xs,.data-table td.hide-xs{display:none!important}.modal-footer{flex-direction:column;gap:var(--space-2)}.modal-footer .btn{width:100%}.badge{font-size:10px;padding:1px 4px}.btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.page-header h1{font-size:var(--text-lg)}.dispatch-tabs{flex-wrap:wrap}.dispatch-tab{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.card{padding:var(--space-2)}.recharts-responsive-container{min-height:140px!important}.navbar-brand,.form-input,.form-select{font-size:var(--text-sm)}}@media(pointer:coarse){.btn,.tab,.navbar-link,.pagination-btn,.form-input,.form-select,.form-textarea{min-height:44px}.data-table tbody tr{min-height:48px}}@media(hover:none)and (pointer:coarse){input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=submit],[type=button],[type=reset],[type=image]),select,textarea{font-size:16px!important}}@media print{.navbar,.page-actions,.dispatch-actions,.btn,.tabs,.search-bar,.pagination{display:none!important}.page-container{padding:0;max-width:none}.data-table{font-size:10px}.modal-overlay{position:static;background:none}.modal{box-shadow:none;border:1px solid #000}}.driver-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--gray-50)}.driver-header{background:var(--brand-green);color:#fff;padding:1rem;position:sticky;top:0;z-index:100}.driver-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.driver-logo{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.125rem}.driver-logo-icon{font-size:1.5rem}.driver-user-info{display:flex;align-items:center;gap:1rem}.driver-logout-btn{background:#fff3;border:none;color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer}.driver-logout-btn:hover{background:#ffffff4d}.driver-mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.driver-main{flex:1;display:flex;max-width:1200px;margin:0 auto;width:100%}.driver-sidebar{width:200px;background:var(--color-bg);border-right:1px solid var(--color-border);padding:1rem 0}.driver-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--gray-700);text-decoration:none;transition:background .15s}.driver-nav-item:hover{background:var(--gray-50)}.driver-nav-item.active{background:var(--primary-50);color:var(--primary-700);font-weight:500}.driver-content{flex:1;padding:1.5rem}.driver-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg);border-top:1px solid var(--color-border);padding:.5rem;justify-content:space-around}.driver-bottom-nav-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;color:var(--gray-500);text-decoration:none;font-size:.75rem}.driver-bottom-nav-item.active{color:var(--primary-600)}.driver-bottom-nav-item .driver-nav-icon{font-size:1.25rem}.driver-page{max-width:800px;margin:0 auto}.driver-filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.driver-filter-tab{padding:.5rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem}.driver-filter-tab.active{background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-700)}.driver-loads-list{display:flex;flex-direction:column;gap:1rem}.driver-load-card{background:var(--color-bg);border-radius:var(--radius-lg);padding:1rem;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:box-shadow .15s}.driver-load-card:hover{box-shadow:var(--shadow-md)}.driver-load-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.driver-load-ticket{font-weight:600;font-size:1.125rem}.driver-load-route{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.driver-load-origin,.driver-load-destination{display:flex;gap:.5rem;flex:1}.driver-load-arrow{color:var(--gray-400)}.driver-location-name{font-weight:500}.driver-location-date{font-size:.75rem;color:var(--gray-500)}.driver-load-details{display:flex;gap:1rem;font-size:.875rem;color:var(--gray-600)}.driver-load-instructions{margin-top:.75rem;padding:.5rem;background:var(--warning-50);border-radius:var(--radius-sm);font-size:.875rem;display:flex;gap:.5rem}.driver-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.driver-status-option{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:var(--color-bg);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s}.driver-status-option:hover{border-color:var(--gray-300)}.driver-status-option.selected{border-color:var(--primary-500);background:var(--primary-50)}.driver-status-icon{font-size:2rem;margin-bottom:.5rem}.driver-status-label{font-weight:600}.driver-status-description{font-size:.75rem;color:var(--gray-500);text-align:center}.driver-status-form{background:var(--color-bg);padding:1.5rem;border-radius:var(--radius-lg);margin-bottom:1.5rem}.driver-status-actions{text-align:center}.driver-profile-card{background:var(--color-bg);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.driver-profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.driver-profile-avatar{width:60px;height:60px;border-radius:50%;background:var(--primary-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.driver-profile-name h2{margin:0;font-size:1.25rem}.driver-profile-number{color:var(--gray-500);font-size:.875rem}.driver-profile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.driver-profile-details{display:flex;flex-direction:column;gap:1rem}.driver-profile-detail{display:flex;flex-direction:column}.driver-profile-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase}.driver-profile-value{font-weight:500}.driver-earnings-summary{background:var(--brand-green);color:#fff;border-radius:var(--radius-lg);padding:2rem;margin-bottom:1.5rem;display:flex;justify-content:space-around;text-align:center}.driver-earnings-label{font-size:.875rem;opacity:.8}.driver-earnings-amount{font-size:2rem;font-weight:700}.driver-earnings-value{font-size:1.5rem;font-weight:600}.driver-year-selector{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.driver-year-selector .btn{flex:0 1 9rem;width:auto;min-height:44px;font-size:16px}.driver-current-year{min-width:3.5rem;text-align:center;font-size:1.125rem;font-weight:700}@media(max-width:639.98px){.driver-earnings-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .75rem;padding:1rem}.driver-earnings-summary>div{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.25rem;min-width:0;overflow-wrap:anywhere}.driver-earnings-amount{font-size:1.5rem}.driver-earnings-value{font-size:1.25rem}}@media(max-width:374.98px){.driver-earnings-amount{font-size:1.25rem}}.driver-earnings-card{background:var(--color-bg);border-radius:var(--radius-md);padding:1rem;margin-bottom:.75rem;border:1px solid var(--gray-200)}.driver-earnings-week-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.driver-earnings-week-name{font-weight:600}.driver-earnings-week-dates{font-size:.75rem;color:var(--gray-500);display:block}.driver-earnings-week-details{display:flex;justify-content:space-between}.driver-earnings-week-label{font-size:.75rem;color:var(--gray-500)}.driver-earnings-week-amount{font-weight:600;color:var(--primary-700)}@media(max-width:768px){.driver-sidebar{display:none}.driver-bottom-nav{display:flex}.driver-content{padding:1rem 1rem 5rem}.driver-mobile-menu-btn{display:block}.driver-user-info{display:none}.driver-status-grid{grid-template-columns:1fr}}.customer-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--gray-50)}.customer-header{background:var(--color-bg);border-bottom:1px solid var(--gray-200);padding:1rem 1.5rem}.customer-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.customer-logo{display:flex;align-items:center;gap:.5rem}.customer-logo-icon{font-size:1.5rem}.customer-logo-text{font-weight:600;font-size:1.125rem;color:var(--brand-green)}.customer-portal-badge{background:var(--gray-100);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;color:var(--gray-600);margin-left:.5rem}.customer-logout-btn{background:var(--gray-100);border:none;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;color:var(--gray-700)}.customer-logout-btn:hover{background:var(--gray-200)}.customer-nav-bar{background:var(--brand-green);padding:0 1.5rem;display:flex;justify-content:center;gap:.5rem}.customer-nav-item{padding:1rem 1.5rem;color:#fffc;text-decoration:none;display:flex;align-items:center;gap:.5rem;border-bottom:3px solid transparent;transition:all .15s}.customer-nav-item:hover{color:#fff}.customer-nav-item.active{color:#fff;border-bottom-color:#fff;background:#ffffff1a}.customer-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;width:100%}.customer-footer{background:var(--gray-800);color:var(--gray-400);padding:1rem 1.5rem;font-size:.875rem}.customer-footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between}.customer-page{max-width:1000px;margin:0 auto}.customer-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.customer-summary-card{background:var(--color-bg);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;gap:1rem;align-items:flex-start}.customer-summary-icon{font-size:2rem}.customer-summary-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase}.customer-summary-value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.customer-summary-link{font-size:.875rem;color:var(--primary-600);text-decoration:none;margin-left:auto}.customer-table-container{background:var(--color-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.customer-table{width:100%;border-collapse:collapse}.customer-table th{background:var(--gray-50);padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;color:var(--gray-600);border-bottom:1px solid var(--gray-200)}.customer-table td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-100)}.customer-cell-primary{font-weight:600}.customer-cell-amount{font-family:var(--font-mono)}.customer-view-link{color:var(--primary-600);text-decoration:none}.customer-view-link:hover{text-decoration:underline}.customer-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.customer-filter-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.customer-filter-tab{padding:.5rem 1rem;background:var(--color-bg);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer}.customer-filter-tab.active{background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-700)}.customer-date-filters{display:flex;gap:.5rem;align-items:center}.customer-date-filters input{padding:.5rem;border:1px solid var(--gray-200);border-radius:var(--radius-md)}.customer-invoice-summary{background:var(--brand-green);color:#fff;border-radius:var(--radius-lg);padding:1.5rem;display:flex;justify-content:space-around;margin-bottom:1.5rem}.customer-invoice-summary-label{font-size:.875rem;opacity:.8}.customer-invoice-summary-value{font-size:1.5rem;font-weight:700}.customer-invoice-summary-amount{color:var(--warning-300)}.customer-tracking-list{display:flex;flex-direction:column;gap:1rem}.customer-tracking-card{background:var(--color-bg);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.customer-tracking-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.customer-tracking-id{font-weight:600;font-size:1.125rem}.customer-tracking-product{display:block;font-size:.875rem;color:var(--gray-500)}.customer-tracking-progress{margin-bottom:1.5rem}.customer-tracking-progress-bar{height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.customer-tracking-progress-fill{height:100%;background:var(--primary-500);transition:width .3s}.customer-tracking-progress-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--gray-500)}.customer-tracking-route{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.customer-tracking-point{display:flex;gap:.75rem;flex:1}.customer-tracking-point-icon{width:24px;text-align:center}.customer-tracking-point-icon.origin{color:var(--info-500)}.customer-tracking-point-icon.destination{color:var(--success-500)}.customer-tracking-point-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase}.customer-tracking-point-name{font-weight:500}.customer-tracking-point-location{font-size:.875rem;color:var(--gray-500)}.customer-tracking-line{width:40px;height:2px;background:var(--gray-300);margin-top:12px}.customer-tracking-eta{text-align:center;padding:1rem;background:var(--gray-50);border-radius:var(--radius-md);margin-bottom:1rem}.customer-tracking-eta-label{font-size:.75rem;color:var(--gray-500)}.customer-tracking-eta-date{font-weight:600;font-size:1.125rem}.customer-empty-tracking{text-align:center;padding:3rem;background:var(--color-bg);border-radius:var(--radius-lg)}.customer-empty-icon{font-size:4rem;opacity:.5}.customer-section-title{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.customer-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.customer-view-all{font-size:.875rem;color:var(--primary-600);text-decoration:none}.customer-view-all:hover{text-decoration:underline}.customer-ytd-section{background:var(--color-bg);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.customer-ytd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:center}.customer-ytd-stat{display:flex;flex-direction:column;gap:.25rem}.customer-ytd-value{font-size:1.75rem;font-weight:700;color:var(--gray-900)}.customer-ytd-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase}.customer-active-section{background:var(--color-bg);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.customer-shipments-list{display:flex;flex-direction:column;gap:1rem}.customer-shipment-card{display:block;padding:1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}.customer-shipment-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-sm)}.customer-shipment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.customer-shipment-id{font-weight:600;color:var(--gray-900)}.customer-shipment-status{font-size:.75rem;padding:.25rem .5rem;background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-sm)}.customer-shipment-route{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-700);margin-bottom:.5rem}.customer-shipment-arrow{color:var(--gray-400)}.customer-shipment-details{display:flex;justify-content:space-between;font-size:.75rem;color:var(--gray-500)}.customer-actions-section{background:var(--color-bg);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.customer-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.customer-action-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);text-decoration:none;color:var(--gray-700);font-size:.875rem;font-weight:500;transition:background .2s,border-color .2s}.customer-action-btn:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.customer-action-icon{font-size:1.5rem}.customer-mobile-list,.customer-mobile-menu-btn{display:none}@media(max-width:768px){.customer-summary-grid{grid-template-columns:repeat(2,1fr)}.customer-table-container{display:none}.customer-mobile-list{display:flex;flex-direction:column;gap:1rem}.customer-mobile-menu-btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem}.customer-nav-bar{overflow-x:auto;justify-content:flex-start}.customer-nav-item{padding:.75rem 1rem;white-space:nowrap}.customer-footer-content{flex-direction:column;gap:.5rem;text-align:center}.customer-ytd-grid{grid-template-columns:1fr;gap:1rem}.customer-actions-grid{grid-template-columns:1fr}.customer-action-btn{flex-direction:row;justify-content:flex-start;padding:1rem}.customer-shipment-route{flex-wrap:wrap}}@media(max-width:480px){.customer-summary-grid{grid-template-columns:1fr}.customer-ytd-value{font-size:1.5rem}.customer-section-title{font-size:1rem}}.driver-map-container{display:flex;flex-direction:column;height:100%;min-height:500px}.driver-map-toolbar{display:flex;gap:1rem;align-items:center;padding:.75rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:1rem;flex-wrap:wrap}.driver-map-filter{display:flex;align-items:center;gap:.5rem}.driver-map-filter label{font-size:.875rem;font-weight:500;color:var(--gray-600)}.driver-map-filter select{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-size:.875rem}.driver-map-info{font-size:.875rem;color:var(--gray-600)}.driver-map-legend{display:flex;gap:1rem;margin-left:auto}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--gray-600)}.legend-dot{width:10px;height:10px;border-radius:50%}.driver-map-refresh{padding:.5rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:background .2s}.driver-map-refresh:hover{background:var(--gray-50)}.driver-map-refresh:disabled{opacity:.5;cursor:not-allowed}.driver-map-hos-toggle{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all .2s}.driver-map-hos-toggle:hover{background:var(--gray-50)}.driver-map-hos-toggle.active{background:color-mix(in srgb,var(--accent-primary, #3b82f6) 15%,transparent);border-color:var(--accent-primary, #3b82f6);color:var(--accent-primary, #3b82f6)}.driver-popup-hos{margin-top:8px;padding-top:8px;border-top:1px dashed var(--color-border, #e5e7eb)}.driver-popup-hos strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #6b7280);margin-bottom:4px}.hos-details{display:flex;flex-wrap:wrap;gap:8px}.hos-item{display:flex;align-items:center;gap:4px;font-size:12px}.hos-dot{width:8px;height:8px;border-radius:50%}.hos-radius-info{margin-top:4px;font-size:11px;color:var(--color-text-secondary, #6b7280);font-style:italic}.driver-map-wrapper{flex:1;position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);min-height:450px}.driver-map-wrapper .mapboxgl-map,.driver-map-wrapper>div{width:100%!important;height:100%!important;min-height:450px}@media(pointer:coarse){.driver-map-wrapper,.driver-map-wrapper .mapboxgl-map,.driver-map-wrapper>div{min-height:min(450px,60svh)}}.driver-map-loading{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.driver-map-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe6;z-index:5}.driver-map-layer-controls{position:absolute;bottom:60px;left:10px;z-index:10}.driver-map-empty p{color:var(--gray-500);margin:0}.driver-map-empty-hint{font-size:.875rem;margin-top:.5rem!important}.driver-map-error{padding:2rem;text-align:center;color:var(--danger-600)}.driver-map-error button{margin-top:1rem;padding:.5rem 1rem;background:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.driver-pin{transition:transform .2s}.driver-pin:hover{transform:scale(1.15)}.driver-popup{min-width:220px;max-width:280px;font-size:.875rem}.driver-popup-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--gray-200);gap:.5rem}.driver-popup-header strong{font-size:1rem;color:var(--gray-900)}.driver-popup-body p{margin:.375rem 0;color:var(--gray-700);display:flex;align-items:flex-start;gap:.5rem}.driver-popup-icon{flex-shrink:0}.driver-popup-method{color:var(--gray-500);font-size:.75rem}.driver-popup-load{margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}.driver-popup-load strong{font-size:.75rem;color:var(--gray-500);text-transform:uppercase}.driver-popup-load p{margin:.25rem 0 0;font-weight:600;color:var(--gray-900)}.driver-popup-load-status{display:inline-block;margin-top:.25rem;font-size:.75rem;padding:.125rem .5rem;background:var(--gray-100);color:var(--gray-600);border-radius:var(--radius-full)}.dm-status-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:var(--radius-full);font-weight:500;white-space:nowrap}.dm-status-available{background:#dcfce7;color:#166534}.dm-status-ontrip{background:#dbeafe;color:#1e40af}.dm-status-pto{background:#fef9c3;color:#854d0e}.dm-status-inactive{background:#f3f4f6;color:#4b5563}.mapboxgl-popup-content{padding:.75rem!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.mapboxgl-popup-close-button{font-size:1.25rem;padding:.25rem .5rem;color:var(--gray-400)}.mapboxgl-popup-close-button:hover{color:var(--gray-600);background:transparent}@media(max-width:768px){.driver-map-toolbar{flex-direction:column;align-items:stretch}.driver-map-legend{margin-left:0;justify-content:center}.driver-map-filter{width:100%}.driver-map-filter select{flex:1}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8)}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-4);color:var(--gray-400)}.empty-state-icon svg{width:100%;height:100%}.empty-state-content{max-width:400px;margin-bottom:var(--space-6)}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--gray-800);margin:0 0 var(--space-2) 0}.empty-state-description{font-size:var(--text-sm);color:var(--gray-500);margin:0;line-height:1.5}.empty-state-custom{margin-top:var(--space-4)}.empty-state-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.empty-state-sm{padding:var(--space-6)}.empty-state-sm .empty-state-icon{width:48px;height:48px;margin-bottom:var(--space-3)}.empty-state-sm .empty-state-title{font-size:var(--text-lg);margin-bottom:var(--space-1)}.empty-state-sm .empty-state-description{font-size:var(--text-xs)}.empty-state-sm .empty-state-content{margin-bottom:var(--space-4)}.empty-state-lg{padding:var(--space-12)}.empty-state-lg .empty-state-icon{width:80px;height:80px;margin-bottom:var(--space-6)}.empty-state-lg .empty-state-title{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.empty-state-lg .empty-state-description{font-size:var(--text-base)}.empty-state-lg .empty-state-content{max-width:500px;margin-bottom:var(--space-8)}.btn-icon{display:inline-flex;align-items:center}.tooltip{position:fixed;z-index:var(--z-tooltip);max-width:300px;padding:var(--space-2) var(--space-3);background-color:var(--gray-900);color:#fff;font-size:var(--text-sm);line-height:1.4;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:none;animation:tooltip-fade-in var(--transition-fast)}@media(hover:none)and (pointer:coarse){[data-tooltip-trigger]>:disabled{pointer-events:none}}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip-content{position:relative;z-index:1}.tooltip-arrow{position:absolute;width:8px;height:8px;background-color:var(--gray-900);transform:rotate(45deg);z-index:0}.tooltip-top .tooltip-arrow{bottom:-4px;left:50%;margin-left:-4px}.tooltip-bottom .tooltip-arrow{top:-4px;left:50%;margin-left:-4px}.tooltip-left .tooltip-arrow{right:-4px;top:50%;margin-top:-4px}.tooltip-right .tooltip-arrow{left:-4px;top:50%;margin-top:-4px}.breadcrumb-nav{margin-bottom:var(--space-4)}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.breadcrumb-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-600)}.breadcrumb-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--gray-600);text-decoration:none;transition:color var(--transition-fast);background:none;border:none;padding:0;cursor:pointer;font-size:inherit;font-family:inherit}.breadcrumb-link:hover{color:var(--brand-green);text-decoration:underline}.breadcrumb-link:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px;border-radius:var(--radius-sm)}.breadcrumb-current{color:var(--gray-800);font-weight:var(--font-medium)}.breadcrumb-icon{display:inline-flex;align-items:center;width:16px;height:16px}.breadcrumb-icon svg{width:100%;height:100%}.breadcrumb-separator{display:inline-flex;align-items:center;color:var(--gray-400);user-select:none}.breadcrumb-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast)}.breadcrumb-ellipsis:hover{background-color:var(--gray-100);color:var(--brand-green)}.breadcrumb-ellipsis:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}@media(max-width:640px){.tooltip{max-width:250px;font-size:var(--text-xs)}.breadcrumb-list{gap:var(--space-1)}.breadcrumb-item{font-size:var(--text-xs)}.breadcrumb-icon{width:14px;height:14px}.empty-state{padding:var(--space-6)}.empty-state-icon{width:48px;height:48px}.empty-state-title{font-size:var(--text-lg)}.empty-state-description{font-size:var(--text-xs)}}.status-filter-bar{margin-bottom:var(--space-4);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d}.status-filter-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.status-filter-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#fff;border:2px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;color:var(--gray-700);min-height:44px}.status-filter-btn:hover{border-color:var(--primary-400);background:var(--primary-50);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.status-filter-btn:active{transform:translateY(0)}.status-filter-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff;font-weight:600;box-shadow:0 2px 6px #16a34a4d}.status-label{font-size:14px}.status-icon{font-size:16px;line-height:1}.status-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;background:var(--gray-100);border-radius:12px;font-size:13px;font-weight:700;color:var(--gray-700)}.status-filter-btn.active .status-count{background:#ffffff40;color:#fff}.status-filter-btn.status-order{border-color:#6b7280}.status-filter-btn.status-order:hover{background:#f3f4f6;border-color:#6b7280}.status-filter-btn.status-order.active{background:#6b7280;border-color:#6b7280}.status-filter-btn.status-preload{border-color:#14b8a6}.status-filter-btn.status-preload:hover{background:#f0fdfa;border-color:#14b8a6}.status-filter-btn.status-preload.active{background:#14b8a6;border-color:#14b8a6}.status-filter-btn.status-ready{border-color:#cbd5e1}.status-filter-btn.status-ready:hover{background:#f8fafc;border-color:#94a3b8}.status-filter-btn.status-ready.active{background:#64748b;border-color:#64748b}.status-filter-btn.status-dispatched{border-color:#3b82f6}.status-filter-btn.status-dispatched:hover{background:#eff6ff;border-color:#3b82f6}.status-filter-btn.status-dispatched.active{background:#3b82f6;border-color:#3b82f6}.status-filter-btn.status-intransit{border-color:#8b5cf6}.status-filter-btn.status-intransit:hover{background:#f5f3ff;border-color:#8b5cf6}.status-filter-btn.status-intransit.active{background:#8b5cf6;border-color:#8b5cf6}.status-filter-btn.status-delivered{border-color:#22c55e}.status-filter-btn.status-delivered:hover{background:#f0fdf4;border-color:#22c55e}.status-filter-btn.status-delivered.active{background:#22c55e;border-color:#22c55e}.status-filter-btn.status-hold{border-color:#f59e0b}.status-filter-btn.status-hold:hover{background:#fffbeb;border-color:#f59e0b}.status-filter-btn.status-hold.active{background:#f59e0b;border-color:#f59e0b}.status-filter-btn.status-processed{border-color:#06b6d4}.status-filter-btn.status-processed:hover{background:#ecfeff;border-color:#06b6d4}.status-filter-btn.status-processed.active{background:#06b6d4;border-color:#06b6d4}.filter-panel-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-200)}.active-filter-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--primary-600);color:#fff;border-radius:var(--radius-full);font-size:13px;font-weight:600;box-shadow:0 2px 4px #16a34a33;animation:badge-appear .3s ease-out}@keyframes badge-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.badge-count{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff40;border-radius:50%;font-size:14px;font-weight:700}.badge-text{font-size:13px}.badge-clear{margin-left:var(--space-1);padding:4px 10px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:11px;font-weight:600;transition:all .2s}.badge-clear:hover{background:#ffffff4d;border-color:#ffffff80}.badge-clear:active{background:#ffffff26}.date-preset-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.preset-label{font-size:12px;font-weight:600;color:var(--gray-600);margin-right:var(--space-1)}.date-preset-btn{padding:6px 14px;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;color:var(--gray-700);white-space:nowrap}.date-preset-btn:hover{background:var(--gray-50);border-color:var(--primary-400);color:var(--primary-600)}.date-preset-btn:active{background:var(--primary-600);color:#fff;border-color:var(--primary-600);transform:scale(.98)}@media(max-width:1024px){.status-filter-buttons{gap:var(--space-2)}.status-filter-btn{padding:var(--space-2) var(--space-3);font-size:13px}.status-icon{font-size:14px}}@media(max-width:768px){.status-filter-bar{padding:var(--space-3)}.status-filter-buttons{justify-content:center}.status-filter-btn{flex:1 1 auto;min-width:100px}.status-label{display:none}.status-filter-btn .status-icon+.status-count{margin-left:var(--space-1)}.date-preset-row{flex-wrap:wrap}.date-preset-btn{flex:1 1 auto;min-width:80px}}@media(max-width:480px){.status-filter-btn{padding:var(--space-2);min-width:60px}.status-count{min-width:24px;font-size:12px}.active-filter-badge{font-size:11px;padding:var(--space-1) var(--space-2)}.badge-text{display:none}}.data-mode-toggle{display:flex;align-items:center;background:var(--gray-100);border-radius:var(--radius-lg);padding:2px;gap:2px}.data-mode-btn{display:flex;align-items:center;gap:var(--space-1);padding:6px 12px;border:none;background:transparent;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all .2s ease;white-space:nowrap}.data-mode-btn svg{width:14px;height:14px;flex-shrink:0}.data-mode-btn:hover{color:var(--gray-900);background:var(--gray-200)}.data-mode-btn.active{background:#fff;color:var(--primary-700);box-shadow:var(--shadow-sm)}.data-mode-btn.active svg{stroke:var(--primary-600)}.data-mode-toggle-compact{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--gray-100);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;transition:all .2s ease}.data-mode-toggle-compact:hover{background:var(--gray-200);color:var(--gray-900)}.data-mode-toggle-compact svg{width:18px;height:18px}.navbar-data-mode-toggle{display:none}@media(min-width:768px){.navbar-data-mode-toggle{display:flex}}.archive-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,var(--purple-50) 0%,var(--purple-100) 100%);border:1px solid var(--purple-200);color:var(--purple-700);font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full)}.archive-badge svg{width:12px;height:12px;stroke:var(--purple-600)}.archive-badge-inline{font-size:11px;padding:2px 8px}.archive-indicator{display:inline-flex;align-items:center;justify-content:center;cursor:help}.archive-indicator-dot{width:8px;height:8px;background:var(--purple-500);border-radius:50%;animation:archive-pulse 2s infinite}@keyframes archive-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.legacy-lookup-content{padding:var(--space-2) 0}.legacy-lookup-description{margin:0 0 var(--space-4);color:var(--gray-600);font-size:14px;line-height:1.5}.legacy-lookup-controls{display:flex;flex-direction:column;gap:var(--space-4)}.legacy-lookup-search{flex:1}.legacy-lookup-input-group{display:flex;gap:var(--space-2)}.legacy-lookup-input-group .form-input{flex:1}.legacy-lookup-input-group .btn{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.legacy-lookup-results{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.legacy-lookup-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--red-50);border:1px solid var(--red-200);border-radius:var(--radius-lg);color:var(--red-700);font-size:14px}.legacy-lookup-error svg{color:var(--red-500);flex-shrink:0}.legacy-lookup-result-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4)}.result-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.result-header h3{margin:0;font-size:18px;font-weight:600;color:var(--gray-900)}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.result-field{display:flex;flex-direction:column;gap:var(--space-1)}.result-field.full-width{grid-column:1 / -1}.result-field .label{font-size:12px;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.result-field .value{font-size:14px;font-weight:500;color:var(--gray-900)}.result-field .value.highlight{font-size:18px;font-weight:600;color:var(--primary-600)}.navbar-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--gray-100);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;transition:all .2s ease}.navbar-action-btn:hover{background:var(--gray-200);color:var(--gray-900)}.navbar-action-btn svg{width:18px;height:18px}[data-theme=dark] .data-mode-toggle{background:var(--gray-800)}[data-theme=dark] .data-mode-btn{color:var(--gray-400)}[data-theme=dark] .data-mode-btn:hover{color:var(--gray-100);background:var(--gray-700)}[data-theme=dark] .data-mode-btn.active{background:var(--gray-700);color:var(--primary-400)}[data-theme=dark] .archive-badge{background:linear-gradient(135deg,#a855f726,#a855f740);border-color:var(--purple-800);color:var(--purple-300)}[data-theme=dark] .archive-badge svg{stroke:var(--purple-400)}[data-theme=dark] .legacy-lookup-result-card{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .navbar-action-btn{background:var(--gray-800);color:var(--gray-400)}[data-theme=dark] .navbar-action-btn:hover{background:var(--gray-700);color:var(--gray-100)}.legacy-lookup-tab{padding:var(--space-6);max-width:800px}.legacy-lookup-header{margin-bottom:var(--space-6)}.legacy-lookup-header h2{margin:0 0 var(--space-2);font-size:24px;font-weight:600;color:var(--gray-900)}.legacy-lookup-tab .legacy-lookup-description{margin:0;color:var(--gray-600);font-size:14px;line-height:1.5}.legacy-lookup-tab .legacy-lookup-controls{display:flex;gap:var(--space-4);align-items:flex-end}.legacy-lookup-tab .legacy-lookup-controls .form-group{min-width:200px}.legacy-lookup-tab .legacy-lookup-search{flex:1}@media(max-width:768px){.legacy-lookup-tab{padding:var(--space-4)}.legacy-lookup-tab .legacy-lookup-controls{flex-direction:column;align-items:stretch}.legacy-lookup-tab .legacy-lookup-controls .form-group{min-width:100%}}[data-theme=dark] .legacy-lookup-header h2{color:var(--gray-100)}[data-theme=dark] .legacy-lookup-tab .legacy-lookup-description{color:var(--gray-400)}.loads-action-bar{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);border-bottom:1px solid var(--gray-200);margin-bottom:var(--space-4)}.btn-with-icon{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.btn-prominent{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:16px;font-weight:600;box-shadow:var(--shadow-lg),0 0 0 3px #3b82f626;transform:scale(1);transition:all .2s ease}.btn-prominent:hover{transform:scale(1.02);box-shadow:var(--shadow-xl),0 0 0 4px #3b82f633}.btn-prominent:active{transform:scale(.98)}.order-fulfillment .filter-group{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.order-fulfillment .filter-select{min-width:160px;padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);background:#fff;font-size:14px;color:var(--gray-700);cursor:pointer;transition:all .2s}.order-fulfillment .filter-select:hover{border-color:var(--primary-400)}.order-fulfillment .filter-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.filter-clear-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);background:#fff;font-size:13px;color:var(--gray-600);cursor:pointer;transition:all .2s}.filter-clear-btn:hover{background:var(--red-50);border-color:var(--red-300);color:var(--red-600)}[data-theme=dark] .loads-action-bar{background:linear-gradient(135deg,var(--gray-800) 0%,var(--gray-900) 100%);border-bottom-color:var(--gray-700)}[data-theme=dark] .btn-prominent{box-shadow:var(--shadow-lg),0 0 0 3px #3b82f640}[data-theme=dark] .order-fulfillment .filter-select{background:var(--gray-800);border-color:var(--gray-600);color:var(--gray-200)}[data-theme=dark] .filter-clear-btn{background:var(--gray-800);border-color:var(--gray-600);color:var(--gray-400)}[data-theme=dark] .filter-clear-btn:hover{background:var(--red-900);border-color:var(--red-700);color:var(--red-300)}[data-theme=dark] .filter-search-input,[data-theme=dark] .filter-results-badge,[data-theme=dark] .filter-btn-refresh,[data-theme=dark] .filter-select-large,[data-theme=dark] .filter-btn-large,[data-theme=dark] .filter-date-group,[data-theme=dark] .status-filter-btn,[data-theme=dark] .order-fulfillment .filter-select,[data-theme=dark] .header-filter-select,[data-theme=dark] .stepper-circle{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .filter-date-input:hover{background:var(--color-bg-secondary)}[data-theme=dark] .data-mode-btn.active,[data-theme=dark] .week-btn.active{background:var(--color-bg-secondary);color:var(--color-primary)}[data-theme=dark] .date-preset-btn{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-secondary)}[data-theme=dark] .bg-white{background:var(--card-bg)!important}[data-theme=dark] .bg-gray-50,[data-theme=dark] .bg-gray-100{background:var(--color-bg-secondary)!important}[data-theme=dark] .text-gray-900,[data-theme=dark] .text-gray-800,[data-theme=dark] .text-gray-700{color:var(--color-text)!important}[data-theme=dark] .border-gray-200,[data-theme=dark] .border-gray-300{border-color:var(--color-border)!important}[data-theme=dark] .divide-gray-200>:not([hidden])~:not([hidden]){border-color:var(--color-border)!important}[data-theme=dark] .divide-gray-300>:not([hidden])~:not([hidden]){border-color:var(--color-border)!important}[data-theme=dark] .ring-gray-300{--tw-ring-color: var(--color-border) !important}[data-theme=dark] .shadow{box-shadow:0 1px 3px #0000004d,0 1px 2px #0003!important}[data-theme=dark] .modal-content{border:1px solid var(--color-border)}@media(max-width:640px){.loads-action-bar{flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.btn-prominent{width:100%;justify-content:center}.order-fulfillment .filter-group{width:100%}.order-fulfillment .filter-select{flex:1;min-width:0}}.loads-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.loads-header-row .page-subtitle{margin:0;flex-shrink:0}.loads-header-filters{display:flex;align-items:center;gap:var(--space-2)}.header-filter-select{padding:var(--space-2) var(--space-3);font-size:13px;font-weight:500;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:#fff;color:var(--gray-700);min-width:150px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.header-filter-select:hover{border-color:var(--gray-400)}.header-filter-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f626}.header-filter-clear{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-md);background:var(--gray-100);color:var(--gray-600);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.header-filter-clear:hover{background:var(--red-100);color:var(--red-600)}.week-view-toggle{display:flex;align-items:center;background:var(--gray-100);border-radius:var(--radius-md);padding:2px}.week-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:12px;font-weight:600;color:var(--gray-600);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;white-space:nowrap}.week-btn:hover{color:var(--gray-800)}.week-btn.active{background:#fff;color:var(--primary-600);box-shadow:0 1px 3px #0000001a}.week-btn svg{flex-shrink:0}.week-select{padding:var(--space-1) var(--space-2);font-size:12px;font-weight:600;color:var(--gray-600);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%236b7280' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding-right:22px;min-width:90px}.week-select:hover{color:var(--gray-800);border-color:var(--gray-300)}.week-select.active{background-color:#fff;color:var(--primary-600);box-shadow:0 1px 3px #0000001a;border-color:transparent}.filter-divider{width:1px;height:24px;background:var(--gray-300);margin:0 var(--space-2)}.loads-header-actions{display:flex;align-items:center;gap:var(--space-2)}.loads-header-actions .btn{display:inline-flex;align-items:center;gap:var(--space-1)}.btn-new-load{font-weight:600;box-shadow:var(--shadow-md)}.btn-new-load:hover{box-shadow:var(--shadow-lg)}@media(max-width:640px){.loads-header-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.loads-header-actions{width:100%}.loads-header-actions .btn{flex:1;justify-content:center}}.loads-header-actions-centered{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex:1}.btn-action-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:14px;font-weight:500;border-radius:var(--radius-lg);transition:all .2s ease}.btn-action-secondary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-action-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:16px;font-weight:700;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);box-shadow:0 4px 14px #3b82f666,0 0 0 2px #3b82f61a;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-action-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680,0 0 0 3px #3b82f626;background:linear-gradient(135deg,var(--primary-400) 0%,var(--primary-500) 100%)}.btn-action-primary:active{transform:translateY(0)}[data-theme=dark] .btn-action-primary{box-shadow:0 4px 14px #3b82f64d,0 0 0 2px #3b82f633}[data-theme=dark] .btn-action-primary:hover{box-shadow:0 6px 20px #3b82f666,0 0 0 3px #3b82f640}@media(max-width:768px){.loads-header-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.loads-header-row .page-subtitle{text-align:center}.loads-header-filters{justify-content:center;flex-wrap:wrap}.header-filter-select{min-width:130px}.loads-header-actions-centered{justify-content:center}.btn-action-primary{padding:var(--space-3) var(--space-5);font-size:15px}}.load-status-stepper{padding:var(--space-4);background:linear-gradient(135deg,var(--gray-50) 0%,white 100%);border-radius:var(--radius-lg);border:1px solid var(--gray-200);margin-bottom:var(--space-4)}.stepper-track{display:flex;align-items:flex-start;justify-content:space-between;position:relative;padding:0 var(--space-2)}.stepper-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;min-width:0}.stepper-connector{position:absolute;top:20px;right:50%;width:100%;height:3px;background:var(--gray-200);z-index:0}.stepper-connector.completed{background:var(--primary-500)}.stepper-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border:3px solid var(--gray-300);background:#fff;transition:all .2s ease;cursor:default;font-size:18px}.stepper-circle:disabled{opacity:1}.stepper-step.active .stepper-circle{border-color:var(--step-border);background:var(--step-bg);box-shadow:0 0 0 4px var(--step-bg),0 4px 12px #00000026;transform:scale(1.1)}.stepper-step.completed .stepper-circle{border-color:var(--primary-500);background:var(--primary-500)}.stepper-step.future .stepper-circle{border-color:var(--gray-200);background:var(--gray-50);opacity:.6}.stepper-circle.clickable{cursor:pointer}.stepper-circle.clickable:hover{transform:scale(1.15);box-shadow:0 0 0 6px var(--step-bg),0 6px 16px #0003}.stepper-icon{font-size:18px;line-height:1}.stepper-step.completed .stepper-icon{display:none}.stepper-check{color:#fff;font-weight:700;font-size:14px}.stepper-step:not(.completed) .stepper-check{display:none}.stepper-label{margin-top:var(--space-2);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);text-align:center;white-space:nowrap}.stepper-step.active .stepper-label{color:var(--step-color);font-weight:700}.stepper-step.completed .stepper-label{color:var(--primary-600)}.stepper-advance{position:absolute;top:12px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--step-color);color:#fff;border:2px solid white;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .15s ease;box-shadow:0 2px 4px #0003}.stepper-advance:hover{transform:scale(1.1);box-shadow:0 3px 8px #0000004d}.stepper-description{margin-top:var(--space-3);text-align:center;font-size:13px;font-weight:500}.stepper-new-load{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);font-size:13px;color:var(--gray-600)}.new-badge{background:var(--primary-500);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:.5px}@media(max-width:640px){.stepper-track{flex-wrap:wrap;gap:var(--space-3);justify-content:center}.stepper-step{flex:0 0 auto;min-width:60px}.stepper-connector{display:none}.stepper-circle{width:36px;height:36px}.stepper-icon{font-size:16px}.stepper-label{font-size:10px}}.mono,.data-mono{font-family:var(--font-mono);letter-spacing:.02em;font-feature-settings:"tnum" 1}.data-dense{font-family:var(--font-mono);font-size:13px;line-height:1.4;letter-spacing:.01em}.tracking-number,.load-id,.ticket-number{font-family:var(--font-mono);font-weight:600;letter-spacing:.03em}.coordinates{font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}.vin-number{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.timestamp{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted)}.status-pulse{position:relative}.status-pulse:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:inherit;transform:translate(-50%,-50%);animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.status-intransit-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--status-intransit-bg, rgba(0, 212, 255, .12));border:1px solid var(--status-intransit, #00d4ff);border-radius:var(--radius-full);color:var(--status-intransit, #00d4ff);font-size:12px;font-weight:600}.status-intransit-indicator:before{content:"";width:8px;height:8px;background:var(--status-intransit, #00d4ff);border-radius:50%;animation:status-blink 1.5s ease-in-out infinite;box-shadow:0 0 8px var(--status-intransit, #00d4ff)}@keyframes status-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.status-active-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--status-active-bg, rgba(0, 255, 136, .12));border:1px solid var(--status-active, #00ff88);border-radius:var(--radius-full);color:var(--status-active, #00ff88);font-size:12px;font-weight:600}.status-active-indicator:before{content:"";width:8px;height:8px;background:var(--status-active, #00ff88);border-radius:50%;box-shadow:0 0 6px var(--status-active, #00ff88)}.status-warning-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--status-warning-bg, rgba(255, 170, 0, .12));border:1px solid var(--status-warning, #ffaa00);border-radius:var(--radius-full);color:var(--status-warning, #ffaa00);font-size:12px;font-weight:600}.status-warning-indicator:before{content:"";width:8px;height:8px;background:var(--status-warning, #ffaa00);border-radius:50%;animation:warning-pulse 1s ease-in-out infinite}@keyframes warning-pulse{0%,to{opacity:1}50%{opacity:.4}}.status-danger-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--status-danger-bg, rgba(255, 68, 68, .12));border:1px solid var(--status-danger, #ff4444);border-radius:var(--radius-full);color:var(--status-danger, #ff4444);font-size:12px;font-weight:600}.status-danger-indicator:before{content:"";width:8px;height:8px;background:var(--status-danger, #ff4444);border-radius:50%;animation:danger-flash .8s ease-in-out infinite;box-shadow:0 0 10px var(--status-danger, #ff4444)}@keyframes danger-flash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}.status-idle-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--status-idle-bg, rgba(102, 102, 119, .12));border:1px solid var(--status-idle, #666677);border-radius:var(--radius-full);color:var(--status-idle, #666677);font-size:12px;font-weight:600}.status-idle-indicator:before{content:"";width:8px;height:8px;background:var(--status-idle, #666677);border-radius:50%;opacity:.6}[data-theme=dark] .data-grid{background:var(--grid-header);border:1px solid var(--grid-line);border-radius:var(--radius-md)}[data-theme=dark] .data-grid thead{background:var(--grid-header);border-bottom:2px solid var(--accent-primary)}[data-theme=dark] .data-grid th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);padding:10px 12px}[data-theme=dark] .data-grid td{font-size:13px;padding:8px 12px;border-bottom:1px solid var(--grid-line)}[data-theme=dark] .data-grid tbody tr:hover{background:var(--grid-row-hover)}[data-theme=dark] .data-grid tbody tr.selected{background:var(--grid-row-selected)}.badge-urgency-critical{background:linear-gradient(135deg,#f44,#c00);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.05em;animation:critical-glow 1.5s ease-in-out infinite}@keyframes critical-glow{0%,to{box-shadow:0 0 5px #ff444480}50%{box-shadow:0 0 15px #f44c}}.badge-urgency-high{background:var(--status-warning);color:#1a1a1a;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-urgency-normal{background:var(--status-active);color:#1a1a1a;font-weight:600}.badge-urgency-low{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.sparkline-container{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.sparkline-value{font-family:var(--font-mono);font-size:14px;font-weight:600}.sparkline-trend{font-size:10px;font-weight:600}.sparkline-trend.up{color:var(--status-active)}.sparkline-trend.down{color:var(--status-danger)}.sparkline-trend.neutral{color:var(--color-text-muted)}[data-theme=dark] .mission-control-card{background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg) 100%);border:1px solid var(--grid-line);border-radius:var(--radius-lg);padding:var(--space-4)}[data-theme=dark] .mission-control-card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);border-bottom:1px solid var(--grid-line);margin-bottom:var(--space-3)}[data-theme=dark] .mission-control-card-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary)}[data-theme=dark] .mission-control-card-value{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--color-text)}.live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--status-active)}.live-indicator:before{content:"";width:6px;height:6px;background:var(--status-active);border-radius:50%;animation:live-pulse 1.5s ease-in-out infinite;box-shadow:0 0 8px var(--status-active)}@keyframes live-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.live-indicator.disconnected{color:var(--status-error, #ef4444)}.live-indicator.disconnected:before{background:var(--status-error, #ef4444);box-shadow:none;animation:none}.live-indicator.reconnecting{color:var(--status-warning, #f59e0b)}.live-indicator.reconnecting:before{background:var(--status-warning, #f59e0b);box-shadow:0 0 8px var(--status-warning, #f59e0b);animation:reconnect-pulse .8s ease-in-out infinite}@keyframes reconnect-pulse{0%,to{opacity:.4}50%{opacity:1}}.eta-display{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.eta-time{font-family:var(--font-mono);font-size:16px;font-weight:700}.eta-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.eta-display.on-time .eta-time{color:var(--status-active)}.eta-display.at-risk .eta-time{color:var(--status-warning)}.eta-display.late .eta-time{color:var(--status-danger)}.session-timeout-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal-backdrop) + 100);padding:var(--space-4);animation:session-timeout-overlay-enter .2s ease-out}@keyframes session-timeout-overlay-enter{0%{opacity:0}to{opacity:1}}.session-timeout-warning{background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px #0000000d;max-width:420px;width:100%;padding:var(--space-6);text-align:center;animation:session-timeout-modal-enter .3s ease-out;position:relative;overflow:hidden}@keyframes session-timeout-modal-enter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.session-timeout-warning--normal{border-top:4px solid var(--warning-500)}.session-timeout-warning--warning{border-top:4px solid var(--warning-600);animation:session-timeout-pulse-warning 2s ease-in-out infinite}.session-timeout-warning--critical{border-top:4px solid var(--danger-500);animation:session-timeout-pulse-critical 1s ease-in-out infinite}@keyframes session-timeout-pulse-warning{0%,to{box-shadow:var(--shadow-xl),0 0 0 1px #0000000d}50%{box-shadow:var(--shadow-xl),0 0 20px #d9770633}}@keyframes session-timeout-pulse-critical{0%,to{box-shadow:var(--shadow-xl),0 0 0 1px #0000000d}50%{box-shadow:var(--shadow-xl),0 0 30px #ef44444d}}.session-timeout-warning__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.session-timeout-warning__icon{width:48px;height:48px;border-radius:var(--radius-full);background:var(--warning-100);color:var(--warning-600);display:flex;align-items:center;justify-content:center}.session-timeout-warning--warning .session-timeout-warning__icon{background:var(--warning-200);color:var(--warning-700)}.session-timeout-warning--critical .session-timeout-warning__icon{background:var(--danger-100);color:var(--danger-600);animation:session-timeout-icon-shake .5s ease-in-out infinite}@keyframes session-timeout-icon-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.session-timeout-warning__icon svg{width:28px;height:28px}.session-timeout-warning__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.session-timeout-warning__description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-5);line-height:1.5}.session-timeout-warning__countdown{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.session-timeout-warning__timer{font-family:var(--font-mono, ui-monospace, monospace);font-size:48px;font-weight:700;line-height:1;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:var(--gray-100);color:var(--gray-800);min-width:140px;transition:all .3s ease}.session-timeout-warning__timer--normal{background:var(--warning-50);color:var(--warning-700)}.session-timeout-warning__timer--warning{background:var(--warning-100);color:var(--warning-800);animation:session-timeout-timer-pulse 1s ease-in-out infinite}.session-timeout-warning__timer--critical{background:var(--danger-100);color:var(--danger-700);animation:session-timeout-timer-critical .5s ease-in-out infinite}@keyframes session-timeout-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes session-timeout-timer-critical{0%,to{transform:scale(1);background:var(--danger-100)}50%{transform:scale(1.03);background:var(--danger-200)}}.session-timeout-warning__time{display:block}.session-timeout-warning__timer-label{font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.session-timeout-warning__progress{height:6px;background:var(--gray-200);border-radius:var(--radius-full);margin-bottom:var(--space-5);overflow:hidden}.session-timeout-warning__progress-bar{height:100%;border-radius:var(--radius-full);transition:width 1s linear,background-color .3s ease}.session-timeout-warning__progress-bar--normal{background:linear-gradient(90deg,var(--warning-400),var(--warning-500))}.session-timeout-warning__progress-bar--warning{background:linear-gradient(90deg,var(--warning-500),var(--warning-600))}.session-timeout-warning__progress-bar--critical{background:linear-gradient(90deg,var(--danger-500),var(--danger-600));animation:session-timeout-progress-critical .5s ease-in-out infinite alternate}@keyframes session-timeout-progress-critical{0%{opacity:.8}to{opacity:1}}.session-timeout-warning__actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.session-timeout-warning__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;width:100%}.session-timeout-warning__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.session-timeout-warning__btn:disabled{opacity:.7;cursor:not-allowed}.session-timeout-warning__btn--primary{background:var(--color-primary);color:#fff}.session-timeout-warning__btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.session-timeout-warning__btn--primary:active:not(:disabled){transform:scale(.98)}.session-timeout-warning__btn--secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.session-timeout-warning__btn--secondary:hover:not(:disabled){background:var(--gray-200);border-color:var(--gray-400)}.session-timeout-warning__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:session-timeout-spin .8s linear infinite}@keyframes session-timeout-spin{to{transform:rotate(360deg)}}.session-timeout-warning__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.session-timeout-warning__hint kbd{display:inline-block;padding:2px 6px;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--gray-300)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-theme=dark] .session-timeout-overlay{background:#000000bf}[data-theme=dark] .session-timeout-warning{background:var(--gray-800);box-shadow:var(--shadow-xl),0 0 0 1px #ffffff1a}[data-theme=dark] .session-timeout-warning__title{color:var(--gray-100)}[data-theme=dark] .session-timeout-warning__description{color:var(--gray-400)}[data-theme=dark] .session-timeout-warning__timer{background:var(--gray-700);color:var(--gray-200)}[data-theme=dark] .session-timeout-warning__timer--normal{background:#f59e0b26;color:var(--warning-400)}[data-theme=dark] .session-timeout-warning__timer--warning{background:#f59e0b40;color:var(--warning-300)}[data-theme=dark] .session-timeout-warning__timer--critical{background:#ef444433;color:var(--danger-400)}[data-theme=dark] .session-timeout-warning__timer-label{color:var(--gray-500)}[data-theme=dark] .session-timeout-warning__progress{background:var(--gray-700)}[data-theme=dark] .session-timeout-warning__icon{background:#f59e0b26;color:var(--warning-400)}[data-theme=dark] .session-timeout-warning--warning .session-timeout-warning__icon{background:#f59e0b40;color:var(--warning-300)}[data-theme=dark] .session-timeout-warning--critical .session-timeout-warning__icon{background:#ef444433;color:var(--danger-400)}[data-theme=dark] .session-timeout-warning__btn--secondary{background:var(--gray-700);color:var(--gray-300);border-color:var(--gray-600)}[data-theme=dark] .session-timeout-warning__btn--secondary:hover:not(:disabled){background:var(--gray-600);border-color:var(--gray-500)}[data-theme=dark] .session-timeout-warning__hint{color:var(--gray-500)}[data-theme=dark] .session-timeout-warning__hint kbd{background:var(--gray-700);border-color:var(--gray-600);box-shadow:0 1px 0 var(--gray-600);color:var(--gray-300)}@media(max-width:480px){.session-timeout-warning{padding:var(--space-5);margin:var(--space-3)}.session-timeout-warning__timer{font-size:40px;padding:var(--space-2) var(--space-4);min-width:120px}.session-timeout-warning__icon{width:40px;height:40px}.session-timeout-warning__icon svg{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.session-timeout-overlay,.session-timeout-warning,.session-timeout-warning__timer,.session-timeout-warning__icon,.session-timeout-warning__progress-bar,.session-timeout-warning__spinner{animation:none!important;transition:none!important}.session-timeout-warning--warning,.session-timeout-warning--critical{animation:none!important}}.auto-save-indicator{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);user-select:none}.auto-save-indicator__icon{flex-shrink:0}.auto-save-indicator__icon--spinning{animation:auto-save-spin 1s linear infinite}.auto-save-indicator__icon--success{color:var(--success-600)}.auto-save-indicator__icon--warning{color:var(--warning-600)}.auto-save-indicator__icon--idle{color:var(--gray-400)}.auto-save-indicator__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-save-indicator--saving{color:var(--gray-600);background:var(--gray-100)}.auto-save-indicator--saved{color:var(--success-700);background:var(--success-50)}.auto-save-indicator--dirty{color:var(--warning-700);background:var(--warning-50)}.auto-save-indicator--idle{color:var(--gray-500);background:transparent}.auto-save-indicator--compact{padding:var(--space-1);cursor:help}.auto-save-indicator--compact .auto-save-indicator__icon{margin:0}@keyframes auto-save-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .auto-save-indicator--saving{background:var(--gray-800);color:var(--gray-300)}[data-theme=dark] .auto-save-indicator--saved{background:#22c55e26;color:var(--success-400)}[data-theme=dark] .auto-save-indicator--dirty{background:#f59e0b26;color:var(--warning-400)}.draft-recovery-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--info-50);border:1px solid var(--info-200);border-radius:var(--radius-md);margin-bottom:var(--space-4);animation:draft-banner-slide-in .3s ease-out}@keyframes draft-banner-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.draft-recovery-banner__content{display:flex;align-items:flex-start;gap:var(--space-3);flex:1;min-width:0}.draft-recovery-banner__icon{flex-shrink:0;color:var(--info-600);margin-top:2px}.draft-recovery-banner__message{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.draft-recovery-banner__title{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--info-800)}.draft-recovery-banner__description{font-size:var(--text-sm);color:var(--info-700);line-height:1.4}.draft-recovery-banner__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.draft-recovery-banner__restore,.draft-recovery-banner__discard{display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.draft-recovery-banner__dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--info-500);cursor:pointer;transition:all var(--transition-fast)}.draft-recovery-banner__dismiss:hover{background:var(--info-100);color:var(--info-700)}.draft-recovery-banner__dismiss:focus{outline:2px solid var(--info-500);outline-offset:2px}.draft-recovery-banner__dismiss:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.draft-recovery-banner{flex-direction:column;align-items:stretch;gap:var(--space-3)}.draft-recovery-banner__actions{justify-content:flex-end}.draft-recovery-banner__dismiss{position:absolute;top:var(--space-2);right:var(--space-2)}.draft-recovery-banner{position:relative;padding-right:calc(var(--space-4) + 28px)}}[data-theme=dark] .draft-recovery-banner{background:#0ea5e91a;border-color:#0ea5e94d}[data-theme=dark] .draft-recovery-banner__icon{color:var(--info-400)}[data-theme=dark] .draft-recovery-banner__title{color:var(--info-200)}[data-theme=dark] .draft-recovery-banner__description{color:var(--info-300)}[data-theme=dark] .draft-recovery-banner__dismiss{color:var(--info-400)}[data-theme=dark] .draft-recovery-banner__dismiss:hover{background:#0ea5e933;color:var(--info-200)}.skeleton{background:var(--gray-200);position:relative;overflow:hidden}.skeleton-animated{background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton-animated{animation:none;background:var(--gray-200)}}.skeleton-group{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-text{display:block}.skeleton-circle{flex-shrink:0}.skeleton-rectangle,.skeleton-card{display:block}.skeleton-table{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg)}.skeleton-table-header{display:flex;align-items:center;padding:var(--space-3) var(--space-4);background:var(--gray-50);border-bottom:1px solid var(--color-border);gap:var(--space-4)}.skeleton-table-body{padding:0}.skeleton-table-row{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);gap:var(--space-4)}.skeleton-table-row:last-child{border-bottom:none}.skeleton-table-cell{flex:1;min-width:0}.skeleton-table-cell-checkbox{flex:0 0 auto;width:32px}.skeleton-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.skeleton-card-image{width:100%;background:var(--gray-100)}.skeleton-card-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-card-title{margin-bottom:var(--space-1)}.skeleton-card-subtitle{margin-bottom:var(--space-2)}.skeleton-card-content{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-card-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.skeleton-form{width:100%}.skeleton-form-fields{display:flex;flex-direction:column;gap:var(--space-5)}.skeleton-form-field{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-form-field-horizontal{flex-direction:row;align-items:center;gap:var(--space-4)}.skeleton-form-label{flex-shrink:0}.skeleton-form-input{flex:1}.skeleton-form-submit{margin-top:var(--space-6);display:flex;justify-content:flex-start}.skeleton-list{display:flex;flex-direction:column}.skeleton-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.skeleton-list-item:last-child{border-bottom:none}.skeleton-list-avatar{flex-shrink:0}.skeleton-list-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.skeleton-list-secondary{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-1)}.skeleton-list-action{flex-shrink:0}.skeleton-stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.skeleton-stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-stat-label,.skeleton-stat-value{margin-bottom:var(--space-1)}.skeleton-dashboard{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.skeleton-dashboard-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.skeleton-dashboard-chart{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-chart-title{margin-bottom:var(--space-2)}.skeleton-dashboard-table{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.skeleton-table-title{margin-bottom:var(--space-4)}@media(max-width:768px){.skeleton-dashboard-charts{grid-template-columns:1fr}.skeleton-stat-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.skeleton-stat-cards{grid-template-columns:1fr}}[data-theme=dark] .skeleton{background:var(--gray-700)}[data-theme=dark] .skeleton-animated{background:linear-gradient(90deg,var(--gray-700) 0%,var(--gray-600) 50%,var(--gray-700) 100%);background-size:200% 100%}[data-theme=dark] .skeleton-table{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .skeleton-table-header{background:var(--color-bg-tertiary)}[data-theme=dark] .skeleton-card{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .skeleton-card-image{background:var(--gray-800)}[data-theme=dark] .skeleton-stat-card,[data-theme=dark] .skeleton-dashboard-chart,[data-theme=dark] .skeleton-dashboard-table{background:var(--color-bg-secondary);border-color:var(--color-border)}.keyboard-key{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;font-family:var(--font-mono);font-size:12px;font-weight:600;line-height:1;color:var(--gray-700);background:linear-gradient(180deg,var(--gray-50) 0%,var(--gray-100) 100%);border:1px solid var(--gray-300);border-radius:4px;box-shadow:0 2px 0 var(--gray-300),inset 0 -1px 0 var(--gray-200);white-space:nowrap;user-select:none}.keyboard-key-modifier{background:linear-gradient(180deg,var(--gray-100) 0%,var(--gray-200) 100%);color:var(--gray-600)}[data-theme=dark] .keyboard-key{color:var(--gray-300);background:linear-gradient(180deg,var(--gray-700) 0%,var(--gray-800) 100%);border-color:var(--gray-600);box-shadow:0 2px 0 var(--gray-900),inset 0 -1px 0 var(--gray-700)}[data-theme=dark] .keyboard-key-modifier{background:linear-gradient(180deg,var(--gray-800) 0%,var(--gray-900) 100%);color:var(--gray-400)}.keyboard-separator{display:inline-flex;align-items:center;margin:0 4px;font-size:11px;font-weight:500;color:var(--gray-400)}.keyboard-then{padding:0 6px;font-style:italic;color:var(--gray-500)}.keyboard-shortcut-keys{display:flex;align-items:center;gap:2px;flex-shrink:0}.keyboard-shortcuts-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding:60px 20px 20px;background:#00000080;backdrop-filter:blur(4px);animation:keyboard-overlay-fade-in .15s ease-out}@keyframes keyboard-overlay-fade-in{0%{opacity:0}to{opacity:1}}.keyboard-shortcuts-modal{width:100%;max-width:640px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px #0000000d;overflow:hidden;animation:keyboard-modal-slide-in .2s ease-out}@keyframes keyboard-modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.keyboard-shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.keyboard-shortcuts-title{margin:0;font-size:18px;font-weight:600;color:var(--color-text)}.keyboard-shortcuts-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast)}.keyboard-shortcuts-close:hover{background:var(--gray-100);color:var(--gray-600)}[data-theme=dark] .keyboard-shortcuts-close:hover{background:var(--gray-700);color:var(--gray-300)}.keyboard-shortcuts-search{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.keyboard-shortcuts-search-wrapper{position:relative;flex:1;max-width:320px}.keyboard-shortcuts-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.keyboard-shortcuts-search-input{width:100%;height:36px;padding:0 36px;font-size:14px;color:var(--color-text);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.keyboard-shortcuts-search-input::placeholder{color:var(--gray-400)}.keyboard-shortcuts-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1d58381a}[data-theme=dark] .keyboard-shortcuts-search-input:focus{box-shadow:0 0 0 3px #2d8a5233}.keyboard-shortcuts-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:var(--gray-200);border:none;border-radius:50%;color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast)}.keyboard-shortcuts-search-clear:hover{background:var(--gray-300);color:var(--gray-700)}[data-theme=dark] .keyboard-shortcuts-search-clear{background:var(--gray-600);color:var(--gray-300)}[data-theme=dark] .keyboard-shortcuts-search-clear:hover{background:var(--gray-500);color:var(--gray-200)}.keyboard-shortcuts-hint{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--gray-500);white-space:nowrap}.keyboard-shortcuts-content{flex:1;overflow-y:auto;padding:16px 20px}.keyboard-shortcuts-categories{display:flex;flex-direction:column;gap:24px}.keyboard-shortcut-category{display:flex;flex-direction:column;gap:8px}.keyboard-shortcut-category-title{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);padding-bottom:8px;border-bottom:1px solid var(--color-border)}.keyboard-shortcut-list{display:flex;flex-direction:column;gap:4px}.keyboard-shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.keyboard-shortcut-row:hover{background:var(--color-bg-secondary)}.keyboard-shortcut-description{font-size:14px;color:var(--color-text);margin-left:16px}.keyboard-shortcuts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.keyboard-shortcuts-empty p{margin:0;font-size:14px;color:var(--gray-500)}.keyboard-shortcuts-footer{padding:12px 20px;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.keyboard-shortcuts-footer-hint{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--gray-500);flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.keyboard-shortcuts-overlay{padding:20px 12px;align-items:flex-start}.keyboard-shortcuts-modal{max-height:calc(100vh - 40px)}.keyboard-shortcuts-search{flex-direction:column;align-items:stretch;gap:12px}.keyboard-shortcuts-search-wrapper{max-width:none}.keyboard-shortcuts-hint{justify-content:center}.keyboard-shortcut-row{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.keyboard-shortcut-description{margin-left:0}}.keyboard-help-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--gray-500);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.keyboard-help-button:hover{background:var(--color-bg-secondary);border-color:var(--gray-400);color:var(--color-text)}[data-theme=dark] .keyboard-help-button:hover{background:var(--gray-700);border-color:var(--gray-500)}.export-dropdown{position:relative;display:inline-block}.export-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.export-btn-sm{padding:6px 10px;font-size:var(--text-xs)}.export-btn-md{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.export-btn-lg{padding:10px var(--space-4);font-size:var(--text-base)}.export-btn-primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.export-btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.export-btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.export-btn-secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--gray-400)}.export-btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid transparent}.export-btn-ghost:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text)}.export-btn-open{background:var(--color-bg-secondary)}.export-btn-disabled,.export-btn:disabled{opacity:.5;cursor:not-allowed}.export-icon{flex-shrink:0}.export-btn-label{flex:1}.export-chevron{flex-shrink:0;transition:transform var(--transition-fast)}.export-chevron.rotated{transform:rotate(180deg)}.export-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:export-spin .75s linear infinite}@keyframes export-spin{to{transform:rotate(360deg)}}.export-menu{position:absolute;top:100%;right:0;z-index:var(--z-dropdown);min-width:240px;margin-top:4px;padding:var(--space-1);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:export-menu-enter .15s ease-out}@keyframes export-menu-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.export-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.export-menu-item:hover:not(:disabled){background:var(--color-bg-secondary)}.export-menu-item:focus{outline:none;background:var(--color-bg-secondary);box-shadow:inset 0 0 0 2px var(--color-primary)}.export-menu-item:disabled,.export-menu-item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.export-format-icon{flex-shrink:0;color:var(--gray-500)}.export-format-csv{color:var(--success-600)}.export-format-pdf{color:var(--danger-600)}.export-menu-item-text{display:flex;flex-direction:column;gap:2px}.export-menu-item-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.export-menu-item-desc{font-size:var(--text-xs);color:var(--color-text-secondary)}.export-menu-footer{padding:var(--space-2) var(--space-3);margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border)}[data-theme=dark] .export-btn-secondary{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .export-btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary)}[data-theme=dark] .export-menu{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .export-menu-item:hover:not(:disabled),[data-theme=dark] .export-menu-item:focus{background:var(--color-bg-tertiary)}[data-theme=dark] .export-format-csv{color:var(--success-500)}[data-theme=dark] .export-format-pdf{color:var(--danger-500)}.export-progress{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.export-progress-bar{flex:1;height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden}.export-progress-fill{height:100%;background:var(--color-primary);border-radius:2px;transition:width .3s ease}.export-progress-text{min-width:40px;text-align:right;font-variant-numeric:tabular-nums}@media print{.no-print,nav,aside,header:not(.print-header),footer:not(.print-footer),.sidebar,.nav-sidebar,.toolbar,.filter-bar,.pagination,.export-dropdown,.btn,button:not(.print-btn),.modal-overlay,.toast-container,.alert-badge{display:none!important}body{background:#fff!important;color:#000!important;font-size:12pt!important;line-height:1.4!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{margin:.5in;size:auto}.main-content,.app-content,.page-content{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}table{width:100%!important;border-collapse:collapse!important;page-break-inside:auto!important}thead{display:table-header-group!important}tbody{display:table-row-group!important}tr{page-break-inside:avoid!important;page-break-after:auto!important}th,td{padding:6pt 8pt!important;border:1px solid #ccc!important;font-size:10pt!important}th{background:#f0f0f0!important;font-weight:600!important;text-align:left!important}tbody tr:nth-child(2n){background:#f9f9f9!important}a[href]:after{content:" (" attr(href) ")";font-size:9pt;color:#666}a[href^="#"]:after,a[href^=javascript]:after{content:""}.card,.Card{box-shadow:none!important;border:1px solid #ddd!important;page-break-inside:avoid!important}h1,h2,h3,h4{page-break-after:avoid!important;page-break-inside:avoid!important}img{max-width:100%!important;page-break-inside:avoid!important}.print-header{display:block!important;padding-bottom:12pt;margin-bottom:12pt;border-bottom:2px solid #1D5838}.print-header-company{font-size:14pt;font-weight:700;color:#1d5838}.print-header-title{font-size:18pt;font-weight:700;margin-top:4pt}.print-header-date{font-size:10pt;color:#666;margin-top:4pt}.print-footer{display:block!important;position:fixed;bottom:0;left:0;right:0;padding:8pt 0;font-size:9pt;color:#666;border-top:1px solid #ddd;text-align:center}.badge,[class*=badge-]{border:1px solid currentColor!important;padding:2pt 6pt!important}.status-badge{display:inline-block!important;padding:2pt 8pt!important;border-radius:3pt!important;font-size:9pt!important;font-weight:600!important}}.print-only{display:none}@media print{.print-only{display:block!important}}.print-page-break{page-break-before:always}.print-avoid-break{page-break-inside:avoid}.validated-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.validated-field__label-row{display:flex;justify-content:space-between;align-items:baseline}.validated-field__label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-1)}.validated-field__required{color:var(--danger-500)}.validated-field__hint{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0 0 var(--space-1) 0;line-height:1.4}.validated-field__char-count{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;transition:color var(--transition-fast)}.validated-field__char-count--limit{color:var(--danger-500);font-weight:var(--font-medium)}.validated-field__input-wrapper{position:relative;display:flex;align-items:center}.validated-field__input-wrapper--textarea{align-items:flex-start}.validated-field__input,.validated-field__textarea{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:1.5;color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.validated-field__input:focus,.validated-field__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100)}.validated-field__input::placeholder,.validated-field__textarea::placeholder{color:var(--color-text-muted)}.validated-field__input:disabled,.validated-field__textarea:disabled{background-color:var(--gray-100);color:var(--color-text-muted);cursor:not-allowed}.validated-field__textarea{resize:vertical;min-height:80px}.validated-field__input--password{padding-right:calc(var(--space-3) + 32px + var(--space-2))}.validated-field__input--error,.validated-field__textarea.validated-field__input--error{border-color:var(--danger-500);padding-right:calc(var(--space-3) + 20px)}.validated-field__input--error:focus,.validated-field__textarea.validated-field__input--error:focus{border-color:var(--danger-500);box-shadow:0 0 0 3px var(--danger-100)}.validated-field__error{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--danger-600);margin:var(--space-1) 0 0 0;animation:validated-field-error-fade-in .2s ease-out}.validated-field__error-icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--danger-500);display:flex;align-items:center;justify-content:center;animation:validated-field-icon-pop .2s ease-out}@keyframes validated-field-error-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes validated-field-icon-pop{0%{opacity:0;transform:translateY(-50%) scale(.8)}50%{transform:translateY(-50%) scale(1.1)}to{opacity:1;transform:translateY(-50%) scale(1)}}.validated-field__input--success,.validated-field__textarea.validated-field__input--success{border-color:var(--success-500);padding-right:calc(var(--space-3) + 20px)}.validated-field__input--success:focus,.validated-field__textarea.validated-field__input--success:focus{border-color:var(--success-500);box-shadow:0 0 0 3px var(--success-100)}.validated-field__success-icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--success-500);display:flex;align-items:center;justify-content:center;animation:validated-field-icon-pop .2s ease-out}.validated-field__success-icon--textarea{top:var(--space-3);transform:none}.validated-field__success-icon--password{right:calc(var(--space-3) + 32px)}.validated-field__toggle-password{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.validated-field__toggle-password:hover{color:var(--color-text);background-color:var(--gray-100)}.validated-field__toggle-password:focus{outline:none;color:var(--color-primary)}.password-strength{margin-top:var(--space-2);animation:validated-field-error-fade-in .2s ease-out}.password-strength__bar{display:flex;gap:4px;height:4px;margin-bottom:var(--space-1)}.password-strength__segment{flex:1;height:100%;background-color:var(--gray-200);border-radius:var(--radius-full);transition:background-color var(--transition-normal)}.password-strength__info{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs)}.password-strength__label{font-weight:var(--font-medium);transition:color var(--transition-fast)}.password-strength__feedback{color:var(--color-text-muted)}[data-theme=dark] .validated-field__input,[data-theme=dark] .validated-field__textarea{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .validated-field__input:focus,[data-theme=dark] .validated-field__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2d8a5233}[data-theme=dark] .validated-field__input--error:focus,[data-theme=dark] .validated-field__textarea.validated-field__input--error:focus{box-shadow:0 0 0 3px #ef444433}[data-theme=dark] .validated-field__input--success:focus,[data-theme=dark] .validated-field__textarea.validated-field__input--success:focus{box-shadow:0 0 0 3px #22c55e33}[data-theme=dark] .validated-field__input:disabled,[data-theme=dark] .validated-field__textarea:disabled{background-color:var(--gray-100)}[data-theme=dark] .validated-field__toggle-password:hover{background-color:var(--gray-100)}[data-theme=dark] .password-strength__segment{background-color:var(--gray-200)}[data-theme=dark] .validated-field__error,[data-theme=dark] .validated-field__char-count--limit{color:var(--error-300)}.help-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;background:none;border:none;cursor:pointer;color:var(--gray-400);border-radius:var(--radius-full);transition:color var(--transition-fast),background-color var(--transition-fast);vertical-align:middle;flex-shrink:0}.help-tooltip-trigger:hover{color:var(--primary-600);background-color:var(--primary-50)}.help-tooltip-trigger:focus{outline:none;color:var(--primary-600);box-shadow:0 0 0 2px var(--primary-200)}.help-tooltip-trigger:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.help-tooltip-trigger:disabled{opacity:.5;cursor:not-allowed}.help-tooltip{position:absolute;background-color:var(--gray-900);color:#fff;font-size:var(--text-sm);line-height:1.5;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:0;animation:help-tooltip-fade-in .15s ease-out;pointer-events:auto}@keyframes help-tooltip-fade-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.help-tooltip-top{animation-name:help-tooltip-fade-in-top}@keyframes help-tooltip-fade-in-top{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.help-tooltip-bottom{animation-name:help-tooltip-fade-in-bottom}@keyframes help-tooltip-fade-in-bottom{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.help-tooltip-left{animation-name:help-tooltip-fade-in-left}@keyframes help-tooltip-fade-in-left{0%{opacity:0;transform:translate(4px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.help-tooltip-right{animation-name:help-tooltip-fade-in-right}@keyframes help-tooltip-fade-in-right{0%{opacity:0;transform:translate(-4px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.help-tooltip-close{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--gray-400);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.help-tooltip-close:hover{color:#fff;background-color:#ffffff1a}.help-tooltip-close:focus{outline:none;box-shadow:0 0 0 2px #ffffff4d}.help-tooltip-content{padding:var(--space-3) var(--space-4);max-height:400px;overflow-y:auto}.help-tooltip-title{font-weight:var(--font-semibold);font-size:var(--text-sm);margin-bottom:var(--space-2);color:#fff;padding-right:var(--space-4)}.help-tooltip-body{color:var(--gray-200);font-size:var(--text-sm)}.help-tooltip-body strong{color:#fff;font-weight:var(--font-medium)}.help-tooltip-body em{color:var(--gray-300);font-style:italic}.help-tooltip-code{display:inline;padding:.125em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em;background-color:#ffffff1a;border-radius:var(--radius-sm);color:var(--primary-200)}.help-tooltip-link{color:var(--primary-300);text-decoration:underline;text-underline-offset:2px}.help-tooltip-link:hover{color:var(--primary-200)}.help-tooltip-learn-more{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.1);font-size:var(--text-xs);color:var(--primary-300);text-decoration:none;transition:color var(--transition-fast)}.help-tooltip-learn-more:hover{color:var(--primary-200);text-decoration:underline}.help-tooltip-arrow{position:absolute;width:8px;height:8px;background-color:var(--gray-900);transform:rotate(45deg)}.help-tooltip-arrow-top{top:-4px;left:50%;margin-left:-4px}.help-tooltip-arrow-bottom{bottom:-4px;left:50%;margin-left:-4px}.help-tooltip-arrow-left{left:-4px;top:50%;margin-top:-4px}.help-tooltip-arrow-right{right:-4px;top:50%;margin-top:-4px}.contextual-help{display:inline-flex;align-items:center;gap:var(--space-1)}.contextual-help-content{display:inline}.contextual-help-icon{margin-left:var(--space-1)}.form-field-help{display:inline-flex;align-items:center;gap:var(--space-1)}.form-field-help-label{display:inline-flex;align-items:baseline;gap:var(--space-1)}.form-field-required{color:var(--danger-500);font-weight:var(--font-medium)}.form-field-help-icon{opacity:.7;transition:opacity var(--transition-fast)}.form-field-help:hover .form-field-help-icon,.form-field-help:focus-within .form-field-help-icon{opacity:1}.inline-help{margin-left:var(--space-1);vertical-align:middle}@media(max-width:640px){.help-tooltip{max-width:calc(100vw - 32px)!important;font-size:var(--text-xs)}.help-tooltip-content{padding:var(--space-2) var(--space-3);max-height:300px}.help-tooltip-title{font-size:var(--text-sm)}}[data-theme=dark] .help-tooltip-trigger{color:var(--gray-500)}[data-theme=dark] .help-tooltip-trigger:hover{color:var(--primary-400);background-color:rgba(var(--primary-500-rgb, 29, 88, 56),.2)}[data-theme=dark] .help-tooltip-trigger:focus{color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-800)}[data-theme=dark] .help-tooltip{background-color:var(--gray-800);border:1px solid var(--gray-700)}[data-theme=dark] .help-tooltip-arrow{background-color:var(--gray-800)}[data-theme=dark] .help-tooltip-title{color:var(--gray-100)}[data-theme=dark] .help-tooltip-body{color:var(--gray-300)}[data-theme=dark] .help-tooltip-code{background-color:#0000004d;color:var(--primary-300)}[data-theme=dark] .help-tooltip-link,[data-theme=dark] .help-tooltip-learn-more{color:var(--primary-400)}[data-theme=dark] .help-tooltip-link:hover,[data-theme=dark] .help-tooltip-learn-more:hover{color:var(--primary-300)}[data-theme=dark] .help-tooltip-close{color:var(--gray-500)}[data-theme=dark] .help-tooltip-close:hover{color:var(--gray-200);background-color:#ffffff0d}@media(prefers-contrast:high){.help-tooltip-trigger{border:1px solid currentColor}.help-tooltip{border:2px solid white}.help-tooltip-body{color:#fff}}@media(prefers-reduced-motion:reduce){.help-tooltip{animation:none}.help-tooltip-trigger,.help-tooltip-close,.help-tooltip-learn-more,.help-tooltip-link{transition:none}}@media(max-width:639px){.btn,.pagination-btn,input:where(:not([type=checkbox],[type=radio])),select,textarea{min-height:44px}.btn,.pagination-btn{font-size:16px}.form-actions,.modal-actions,.btn-group{flex-direction:column;gap:var(--space-2)}.form-actions .btn,.modal-actions .btn,.btn-primary,.btn-secondary{width:100%;justify-content:center}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}.page-header-actions{width:100%}.card{padding:var(--space-4);margin:var(--space-3);border-radius:var(--radius-md)}.stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}.filter-bar,.toolbar{flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.filter-bar>*,.toolbar>*{width:100%}.main-content{margin-left:0;padding-top:56px;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.navbar{position:sticky;top:0;left:0;right:0;z-index:100;padding-top:env(safe-area-inset-top)}.navbar-brand{font-size:18px}.mobile-card-list{display:flex;flex-direction:column;gap:var(--space-3)}.modal,.modal.modal-sm,.modal.modal-lg,.modal.modal-xl{position:fixed;inset:0;width:100%;max-width:100%;max-height:100%;margin:0;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.modal-body{max-height:max(240px,calc(var(--vh-full) - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));overflow-y:auto;-webkit-overflow-scrolling:touch}.form-row{flex-direction:column;gap:var(--space-3)}.form-row>*{width:100%!important;flex:none!important}input[type=date],input[type=time],input[type=datetime-local]{appearance:none;-webkit-appearance:none;min-height:48px;padding:12px 16px}}.table-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}@media(min-width:640px)and (max-width:1023px){.main-content{margin-left:64px;transition:margin-left .3s ease}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.table-scroll-container table{min-width:700px}.table-sticky-first th:first-child,.table-sticky-first td:first-child{position:sticky;left:0;background:var(--color-bg);z-index:1;box-shadow:2px 0 4px #0000000d}[data-theme=dark] .table-sticky-first th:first-child,[data-theme=dark] .table-sticky-first td:first-child{background:var(--color-bg);box-shadow:2px 0 4px #0003}.modal{width:min(90vw,600px);max-height:90vh;margin:auto;border-radius:var(--radius-xl)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}@media(min-width:1024px){.main-content{margin-left:240px}.data-table{display:table;width:100%}.mobile-card-list{display:none}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.modal-lg{width:min(90vw,800px)}.modal-xl{width:min(90vw,1200px)}}@media(hover:none)and (pointer:coarse){.btn:hover,.card:hover,table tr:hover{background-color:inherit}.btn:active{transform:scale(.98);opacity:.9}.card:active{box-shadow:var(--shadow-md)}.scroll-container,.table-scroll-container,.modal-body{-webkit-overflow-scrolling:touch}.btn,.nav-item,.tab-btn,.pagination-btn{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}}@media(orientation:landscape)and (max-height:500px){.navbar{padding:var(--space-2) var(--space-4)}.page-header{padding:var(--space-3)}.mobile-card-body{grid-template-columns:repeat(4,1fr)}.modal-header{min-height:48px;padding:var(--space-2) var(--space-4)}}@supports (padding: env(safe-area-inset-top)){.navbar{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.bottom-nav,.fab{padding-bottom:env(safe-area-inset-bottom)}.modal-footer{padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.sidebar{padding-left:env(safe-area-inset-left);padding-bottom:env(safe-area-inset-bottom)}}.mobile-card-list{padding:var(--space-3)}.data-table-wrapper[data-layout=table] .data-table{display:table}.data-table-mobile[data-layout=cards] .mobile-card-list{display:flex;flex-direction:column}.mobile-card-wrapper{position:relative;overflow:hidden;margin-bottom:var(--space-3)}.mobile-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:transform .2s ease,box-shadow .2s ease}.mobile-card.clickable{cursor:pointer}.mobile-card.clickable:active{box-shadow:var(--shadow-md)}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.mobile-card-primary{flex:1;min-width:0}.mobile-card-title{font-weight:600;font-size:16px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-card-subtitle{font-size:13px;color:var(--color-text-secondary);margin-top:2px}.mobile-card-expand{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:transform .2s ease,background .2s ease;margin-left:var(--space-2)}.mobile-card-expand:hover{background:var(--color-bg-secondary)}.mobile-card-expand.expanded{transform:rotate(180deg)}.mobile-card-body{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2) var(--space-4)}.mobile-card-field{display:flex;flex-direction:column;gap:2px}.mobile-card-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.mobile-card-value{font-size:14px;color:var(--color-text)}.mobile-card-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2) var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.mobile-sort-controls{padding:var(--space-3);padding-bottom:0}.mobile-sort-select{width:100%;min-height:44px;padding:10px 16px;font-size:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.swipe-action-bg{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 20px;color:#fff;font-weight:500;gap:var(--space-2)}.swipe-action-left{left:0;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.swipe-action-right{right:0;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.bottom-sheet-backdrop{position:fixed;inset:0;background:#00000080;z-index:998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:999;display:flex;flex-direction:column;transition:height .3s ease;box-shadow:0 -4px 20px #00000026;padding-bottom:env(safe-area-inset-bottom)}.bottom-sheet-handle-area{padding:12px 0;cursor:grab}.bottom-sheet-handle{width:36px;height:4px;background:var(--color-border);border-radius:var(--radius-full);margin:0 auto}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border)}.bottom-sheet-title{font-size:18px;font-weight:600;color:var(--color-text)}.bottom-sheet-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md)}.bottom-sheet-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-4)}[data-theme=dark] .mobile-card{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .mobile-card-title{color:var(--color-text)}[data-theme=dark] .mobile-card-subtitle{color:var(--color-text-secondary)}[data-theme=dark] .mobile-card-label{color:var(--color-text-muted)}[data-theme=dark] .mobile-card-value{color:var(--color-text)}[data-theme=dark] .mobile-card-details{border-color:var(--color-border)}[data-theme=dark] .mobile-sort-select{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .bottom-sheet{background:var(--color-bg)}[data-theme=dark] .bottom-sheet-handle{background:var(--color-border)}[data-theme=dark] .bottom-sheet-header{border-color:var(--color-border)}[data-theme=dark] .bottom-sheet-title{color:var(--color-text)}.layout-root{min-height:100vh;display:flex;flex-direction:column}.layout-mobile .main-content{margin-left:0}.layout-touch .btn,.layout-touch .nav-item,.layout-touch input,.layout-touch select{min-height:44px}.modal-fullscreen{position:fixed;inset:0;background:var(--color-bg);z-index:10101;display:flex;flex-direction:column}.modal-fullscreen-header{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);min-height:56px;gap:var(--space-3)}.modal-back-btn,.modal-close-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text);cursor:pointer;border-radius:var(--radius-md);flex-shrink:0}.modal-back-btn:hover,.modal-close-btn:hover{background:var(--color-bg-secondary)}.modal-fullscreen-title{flex:1;font-size:18px;font-weight:600;color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-fullscreen-header-content{flex:1;min-width:0}.modal-fullscreen-header-actions{display:flex;align-items:center;gap:var(--space-2)}.modal-fullscreen-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-4)}.modal-fullscreen-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);background:var(--color-bg)}.modal-fullscreen-footer .btn{flex:1;justify-content:center}[data-theme=dark] .modal-fullscreen{background:var(--color-bg)}[data-theme=dark] .modal-fullscreen-header{border-color:var(--color-border)}[data-theme=dark] .modal-fullscreen-title{color:var(--color-text)}[data-theme=dark] .modal-fullscreen-footer{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .modal-back-btn,[data-theme=dark] .modal-close-btn{color:var(--color-text)}[data-theme=dark] .modal-back-btn:hover,[data-theme=dark] .modal-close-btn:hover{background:var(--color-bg-tertiary)}@media(max-width:480px){.loads-header-actions-centered{flex-wrap:wrap;gap:var(--space-2);justify-content:stretch}.loads-header-actions-centered .btn{flex:1 1 calc(50% - var(--space-2));min-width:0;font-size:13px;padding:var(--space-2) var(--space-3);justify-content:center}.loads-header-actions-centered .btn-action-primary{flex:1 1 100%;padding:var(--space-3) var(--space-4);font-size:14px}.workflow-pipeline{gap:var(--space-1);padding:var(--space-2) var(--space-3)}.pipeline-stage{min-width:50px;padding:var(--space-1) var(--space-2)}.pipeline-icon{width:26px;height:26px}.pipeline-icon svg{width:12px;height:12px}.pipeline-count{font-size:14px}.pipeline-label{font-size:8px}.pipeline-arrow{font-size:10px}.status-filter-bar{gap:4px;padding:var(--space-2) var(--space-3)}.status-pill{font-size:11px;padding:3px 8px}}input[type=checkbox],input[type=radio]{min-width:20px;min-height:20px;cursor:pointer}@media(hover:none)and (pointer:coarse){input[type=checkbox],input[type=radio]{min-width:24px;min-height:24px;transform:scale(1.15)}}@media(max-width:768px){button:not(.btn):not([class*=tab]):not([class*=nav]):not(.driver-portal *):not(.driver-voice-dialog *):not(.mobile-menu *){min-height:32px;min-width:32px}}@media(max-width:480px){.loads-page{overflow-x:hidden;max-width:100vw}.workflow-pipeline{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}[data-theme=dark] .bg-white,[data-theme=dark] .bg-gray-50{background-color:var(--color-bg-secondary)!important}[data-theme=dark] .bg-gray-100,[data-theme=dark] .bg-gray-200{background-color:var(--color-bg-tertiary)!important}[data-theme=dark] .bg-blue-50{background-color:#3b82f61f!important}[data-theme=dark] .bg-blue-100{background-color:#3b82f62e!important}[data-theme=dark] .bg-green-50{background-color:#22c55e1f!important}[data-theme=dark] .bg-green-100{background-color:#22c55e2e!important}[data-theme=dark] .bg-red-50{background-color:#ef44441f!important}[data-theme=dark] .bg-red-100{background-color:#ef44442e!important}[data-theme=dark] .bg-yellow-50{background-color:#eab3081f!important}[data-theme=dark] .bg-yellow-100{background-color:#eab3082e!important}[data-theme=dark] .bg-orange-50{background-color:#f973161f!important}[data-theme=dark] .bg-orange-100{background-color:#f973162e!important}[data-theme=dark] .bg-purple-50{background-color:#a855f71f!important}[data-theme=dark] .bg-purple-100{background-color:#a855f72e!important}[data-theme=dark] .bg-indigo-50{background-color:#6366f11f!important}[data-theme=dark] .bg-pink-50{background-color:#ec48991f!important}[data-theme=dark] .text-gray-400{color:var(--color-text-muted)!important}[data-theme=dark] .text-gray-500,[data-theme=dark] .text-gray-600{color:var(--color-text-secondary)!important}[data-theme=dark] .text-gray-700,[data-theme=dark] .text-gray-800,[data-theme=dark] .text-gray-900{color:var(--color-text)!important}[data-theme=dark] .driver-row--header{background-color:var(--color-bg-tertiary)!important;color:var(--color-text-secondary)!important}[data-theme=dark] .driver-row{background-color:transparent!important}[data-theme=dark] .driver-row:hover:not(.driver-row--header){background-color:var(--color-bg-tertiary)!important}[data-theme=dark] .week-card{background-color:var(--color-bg-secondary)!important}[data-theme=dark] .week-card__header{background-color:var(--color-bg-tertiary)!important}[data-theme=dark] .filter-preset-btn{background-color:var(--color-bg-secondary)!important;color:var(--color-text-secondary)!important;border-color:var(--color-border)!important}[data-theme=dark] .filter-preset-btn:hover{background-color:var(--color-bg-tertiary)!important}[data-theme=dark] .custom-date-inputs{background-color:var(--color-bg-secondary)!important;border-color:var(--color-border)!important}[data-theme=dark] .custom-date-inputs label{color:var(--color-text-secondary)!important}[data-theme=dark] .custom-date-inputs input{background-color:var(--color-bg-tertiary)!important;color:var(--color-text)!important;border-color:var(--color-border)!important}[data-theme=dark] .ar-aging-card{background-color:var(--color-bg-secondary)!important;border-color:var(--color-border)!important}[data-theme=dark] .ar-aging-bucket-label,[data-theme=dark] .ar-aging-bucket-count,[data-theme=dark] .ar-aging-summary-label{color:var(--color-text-secondary)!important}[data-theme=dark] .ar-aging-summary{border-top-color:var(--color-border)!important}[data-theme=dark] .hr-labor-card{background-color:var(--color-bg-secondary)!important;border-color:var(--color-border)!important}[data-theme=dark] .hr-labor-stat.gray{background-color:var(--color-bg-tertiary)!important;border-color:var(--color-border)!important}[data-theme=dark] .hr-labor-stat-label{color:var(--color-text-secondary)!important}[data-theme=dark] .hr-labor-stat-value.gray,[data-theme=dark] .financial-filter-bar-title h3{color:var(--color-text)!important}[data-theme=dark] .financial-metric-card,[data-theme=dark] .ar-aging-bucket{color:var(--color-text)}.payments-summary-card{min-width:0;overflow-wrap:anywhere}.credit-application-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;padding-top:calc(16px + var(--offline-banner-height, 0px))}.credit-application-dialog{min-width:0;min-height:0;max-height:calc(100dvh - 32px - var(--offline-banner-height, 0px));overflow-y:auto;overscroll-behavior:contain}.financial-amount{color:var(--color-text)}.financial-controls button,.financial-controls select,.financial-controls input:not([type=radio]):not([type=checkbox]),.financial-dialog button,.financial-dialog select,.financial-dialog input:not([type=radio]):not([type=checkbox]),.confirmation-modal:has(.financial-confirmation-message) button{min-height:44px!important;min-width:44px!important}.financial-dialog button{flex-shrink:0;max-width:100%;white-space:normal}.financial-controls .week-filter-actions{flex-wrap:wrap;min-width:0}.financial-controls .week-filter-actions .btn{width:auto;flex:1 1 auto}.financial-dialog .flex:has(>button){flex-wrap:wrap}.financial-dialog .justify-between{flex-wrap:wrap;gap:6px}.financial-dialog .justify-between>span{min-width:0;max-width:100%;overflow-wrap:anywhere}.financial-dialog .flex>div{min-width:0;overflow-wrap:anywhere}.financial-radio-target{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer}.financial-confirmation-message p+p{margin-top:12px}.confirmation-modal:has(.financial-confirmation-message){max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}.financial-confirmation-message:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.financial-controls .ar-page tr:has(.ar-customer-select) td:not(:first-child){color:var(--color-text)!important}[data-theme=dark] .financial-controls .companySwitch-button[aria-pressed=true]{color:var(--color-text)}.financial-controls .week-filter-actions .btn-primary{background:#166534;border-color:#166534;color:#fff}.financial-dialog .financial-icon-close{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.credit-application-dialog button.bg-blue-600{background-color:#1d4ed8;color:#fff}.toast-close{width:44px;height:44px;min-width:44px;min-height:44px}.toast-error .toast-count-badge,[data-theme=dark] .toast-error .toast-count-badge{background:#b91c1c;color:#fff}@media print{@page{size:letter;margin:.75in}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}body{margin:0;padding:0;background:#fff;font-size:10pt;line-height:1.3}.no-print,nav,header,footer,.sidebar,.navigation,button:not(.print-button),.print-hide,[data-print=hide]{display:none!important}.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}.page-break-avoid{page-break-inside:avoid}.invoice-container{width:100%;max-width:100%}table{page-break-inside:avoid;width:100%}thead{display:table-header-group}tfoot{display:table-footer-group}tr{page-break-inside:avoid}table,th,td{border-collapse:collapse}th,td{border:1px solid #ddd!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid}a[href]:after{content:none!important}a{text-decoration:none;color:inherit}img{max-width:100%!important;page-break-inside:avoid}.bg-blue-600,.bg-blue-100,.bg-green-600,.bg-green-100,.bg-yellow-100,.bg-red-100,.bg-purple-100,.bg-gray-50,.bg-gray-100{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.shadow,.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl{box-shadow:none!important}.space-y-4>*+*{margin-top:1rem}.grid{display:block}.grid>*{margin-bottom:.5rem}.flex{display:block}.rounded,.rounded-md,.rounded-lg{border-radius:2px!important}.text-white{color:#fff!important}.invoice-totals,.totals-section{page-break-inside:avoid;margin-top:1rem}.status-badge,span[class*=bg-]{border:1px solid #333;padding:2px 6px}.void-watermark{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:120pt;color:#dc262626!important;font-weight:700;z-index:9999;pointer-events:none;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.invoice-header{border-bottom:2px solid #333;padding-bottom:1rem;margin-bottom:1rem}.company-name{font-size:18pt;font-weight:700}.invoice-meta{margin-bottom:1rem}.line-items-table{width:100%;margin-bottom:1rem}.line-items-table th{background:#f0f0f0!important;font-weight:700;text-align:left;padding:.5rem}.line-items-table td{padding:.5rem}.line-items-table .text-right{text-align:right!important}.group-section{page-break-inside:avoid;margin-bottom:1rem}.group-header{background:#1a5490!important;color:#fff!important;padding:.5rem;font-weight:700;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.payment-terms{border-left:4px solid #ffd700;background:#fff9e6!important;padding:1rem;margin-top:1rem;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.invoice-footer{margin-top:2rem;text-align:center;font-size:9pt;color:#666}.w-full{width:100%!important}.text-xs{font-size:8pt!important}.text-sm{font-size:9pt!important}.text-base{font-size:10pt!important}.text-lg{font-size:11pt!important}.text-xl{font-size:12pt!important}.text-2xl{font-size:14pt!important}.text-3xl{font-size:16pt!important}.font-bold{font-weight:700!important}.font-semibold{font-weight:600!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}}.login-clean{color-scheme:light;--color-bg: #fff;--color-text: #17251f;--color-text-secondary: #52615a;--color-border: #cbd5ce;display:grid;place-items:center;min-height:100vh;min-height:100svh;padding:24px 20px;background:#fff;color:#17251f}.login-clean .login-box{width:100%;max-width:360px;background:#fff}.login-clean .login-header{text-align:center;margin-bottom:28px}.login-clean .login-logo{display:block;width:142px;height:auto;margin:0 auto 16px}.login-clean .login-title{margin:0;font-size:26px;line-height:1.25;font-weight:700;color:#17251f}.login-clean .login-subtitle{margin:8px 0 0;font-size:13px;line-height:1.6;color:#52615a}.login-clean .login-form{display:flex;flex-direction:column;gap:16px}.login-clean .form-group{margin:0}.login-clean .login-form .form-label{color:#253b30;font-size:13px;margin-bottom:6px}.login-clean .login-form .form-input{min-height:46px;padding:10px 12px;font-size:16px;background:#fff!important;border-color:#aab9b0!important;color:#17251f!important;border-radius:7px}.login-clean .login-form .form-input::placeholder{color:#64756b!important}.login-clean .login-form .form-input:focus{border-color:#245d3d!important;box-shadow:0 0 0 3px #245d3d26!important;outline:2px solid #245d3d;outline-offset:2px}.login-clean .login-form .btn-primary{width:100%;min-height:46px;margin-top:4px;background:#245d3d;border-color:#245d3d;color:#fff;font-size:15px}.login-clean .login-form .btn-primary:hover:not(:disabled){background:#1a472e;border-color:#1a472e}.login-clean .login-form .btn-primary:focus-visible{outline:2px solid #245d3d;outline-offset:3px}.login-clean .login-form .alert-danger{background:#fff1f2;color:#991b1b;border-color:#fecdd3}.login-clean .login-form .alert-warning{background:#fffbeb;color:#854d0e;border-color:#fde68a}.login-clean .login-footer{margin:24px 0 0;text-align:center;font-size:12px;line-height:1.6;color:#52615a}._report_1kxja_1{min-width:0;margin-top:16px;padding:12px;border:1px solid var(--color-border, #d4dee7);border-radius:10px;background:var(--color-bg-secondary, #f3f7f9)}._reportDialog_1kxja_2.driver-voice-dialog{max-width:1000px}._report_1kxja_1 h3{font-size:16px;margin:0 0 12px;overflow-wrap:anywhere}._provenance_1kxja_4{display:grid;gap:8px;margin:0;font-size:12px}._provenance_1kxja_4 div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px}._provenance_1kxja_4 dt{font-weight:600}._provenance_1kxja_4 dd{margin:0;overflow-wrap:anywhere}._context_1kxja_8{font-size:12px!important;line-height:1.5!important;overflow-wrap:anywhere}ul._context_1kxja_8{padding-left:18px}._scroll_1kxja_10{max-width:100%;max-height:360px;overflow:auto;border:1px solid var(--color-border, #d4dee7);border-radius:6px}._scroll_1kxja_10:focus-visible{outline:3px solid #328ca8;outline-offset:2px}._scroll_1kxja_10 table{width:100%;border-collapse:collapse;font-size:12px}._scroll_1kxja_10 caption{text-align:left;padding:8px;font-weight:600}._scroll_1kxja_10 th,._scroll_1kxja_10 td{min-width:110px;max-width:240px;padding:8px;text-align:left;vertical-align:top;border-top:1px solid var(--color-border, #d4dee7);overflow-wrap:anywhere;white-space:pre-wrap}._scroll_1kxja_10 th{position:sticky;top:0;background:var(--color-bg, #fff)}._kind_1kxja_16{display:block;margin-top:4px}._longCell_1kxja_17 summary{cursor:pointer;min-height:44px;padding:8px 0}._fullValue_1kxja_18{display:block;max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}._longCell_1kxja_17 summary:focus-visible,._fullValue_1kxja_18:focus-visible{outline:3px solid #328ca8;outline-offset:2px}@media(max-width:420px){._report_1kxja_1{padding:8px}._provenance_1kxja_4 div{grid-template-columns:72px minmax(0,1fr)}}.savannah-living-orb-container{--orb-glow: 252, 165, 165;--orb-accent: 251, 113, 133;position:relative;display:flex;align-items:center;justify-content:center;margin:12px auto;width:180px;height:180px;user-select:none;pointer-events:none}.savannah-living-orb-container.assistant-tom{--orb-glow: 170, 216, 184;--orb-accent: 121, 184, 143}.savannah-living-orb-canvas{position:relative;z-index:2;filter:drop-shadow(0 0 14px rgba(var(--orb-glow),.4));transition:filter .4s ease}.savannah-living-orb-container.speaking .savannah-living-orb-canvas{filter:drop-shadow(0 0 22px rgba(var(--orb-accent),.6))}.savannah-living-orb-container.listening .savannah-living-orb-canvas{filter:drop-shadow(0 0 18px rgba(var(--orb-glow),.5))}.savannah-living-orb-container.connecting .savannah-living-orb-canvas{filter:drop-shadow(0 0 18px rgba(var(--orb-accent),.45))}.savannah-cowboy-hat{position:absolute;top:0;left:14px;width:152px;height:91.2px;z-index:3;overflow:visible;transform-origin:50% 80%;filter:drop-shadow(0 4px 3px rgba(114,75,56,.2))}.savannah-living-orb-container.speaking .savannah-cowboy-hat{animation:savannahCowboyTalk .6s ease-in-out infinite}.tom-orb-mustache{position:absolute;top:106px;left:53px;width:74px;height:26.64px;z-index:3;overflow:visible;filter:drop-shadow(0 2px 2px rgba(73,55,47,.18))}.savannah-living-orb-container.speaking .tom-orb-mustache{animation:tomMustacheTalk .6s ease-in-out infinite}.savannah-orb-pulse-ring{position:absolute;top:32px;left:20px;width:140px;height:140px;border-radius:50%;border:1.5px solid rgba(var(--orb-accent),.3);animation:savannahOrbPulse 2.8s cubic-bezier(.4,0,.2,1) infinite;z-index:1}.savannah-orb-pulse-ring.listening{border-color:rgba(var(--orb-glow),.5);animation-duration:1.8s}.savannah-orb-pulse-ring.speaking{border-color:rgba(var(--orb-accent),.6);animation-duration:1.4s}.savannah-orb-pulse-ring.connecting{border-color:rgba(var(--orb-accent),.45);animation-duration:1.2s}@keyframes savannahOrbPulse{0%{transform:scale(.85);opacity:.8}50%{transform:scale(1.15);opacity:.25}to{transform:scale(1.35);opacity:0}}@keyframes savannahCowboyTalk{0%,to{transform:translateY(0) rotate(-2deg)}35%{transform:translateY(-3px) rotate(2deg)}70%{transform:translateY(-1px) rotate(-1deg)}}@keyframes tomMustacheTalk{0%,to{transform:translateY(0) scaleX(1)}50%{transform:translateY(-1px) scaleX(1.04)}}@media(prefers-reduced-motion:reduce){.savannah-orb-pulse-ring,.savannah-living-orb-container.speaking .savannah-cowboy-hat,.savannah-living-orb-container.speaking .tom-orb-mustache{animation:none}.savannah-living-orb-canvas{transition:none}}.savannah-entity-chips{margin:12px 0;padding:10px 12px;background:var(--color-bg-secondary, #f0f6f9);border:1px solid var(--color-border, #d4dee7);border-radius:12px}.savannah-chips-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.savannah-chips-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary, #086e85)}.savannah-chips-count{font-size:11px;color:var(--color-text-secondary, #64748b)}.savannah-chips-list{display:flex;flex-wrap:wrap;gap:6px}.savannah-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:#fff;border:1px solid var(--color-border, #d4dee7);font-size:12px;color:var(--color-text, #1e293b);box-shadow:0 1px 2px #0000000a;animation:chipSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}.savannah-chip-icon{display:flex;align-items:center;color:var(--color-primary, #086e85)}.savannah-chip-label{color:var(--color-text-secondary, #64748b);font-size:11px}.savannah-chip-value{font-weight:600}.savannah-chip-confidence{font-size:10px;padding:1px 4px;border-radius:4px;background:#ecfdf5;color:#059669;font-weight:700}@keyframes chipSlideIn{0%{opacity:0;transform:translateY(4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.savannah-reasoning-hud{display:flex;align-items:center;justify-content:center;margin:10px auto 14px;max-width:100%;min-width:0;transition:all .25s cubic-bezier(.16,1,.3,1)}.savannah-reasoning-pill{display:inline-flex;max-width:100%;min-width:0;box-sizing:border-box;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:#111827bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:#f3f4f6;font-size:13px;font-weight:500;letter-spacing:.2px;box-shadow:0 4px 12px #00000026;animation:hudAppear .2s ease-out}[data-theme=light] .savannah-reasoning-pill{background:#f3f4f6e0;border:1px solid rgba(0,0,0,.1);color:#1f2937;box-shadow:0 2px 8px #00000014}.savannah-reasoning-pill.listening{border-color:#22c55e59}.savannah-reasoning-pill.speaking{border-color:#f59e0b66}.savannah-reasoning-pill.reasoning,.savannah-reasoning-pill.executing_tool{border-color:#a855f773;background:#1e1b4bd9;color:#f5f3ff}[data-theme=light] .savannah-reasoning-pill.reasoning,[data-theme=light] .savannah-reasoning-pill.executing_tool{background:#f5f3fff2;color:#6b21a8;border-color:#a855f766}.savannah-reasoning-pill.connecting{border-color:#3b82f659}.savannah-hud-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.savannah-hud-dot.listening{background:#22c55e;box-shadow:0 0 8px #22c55ecc;animation:hudPulse 1.8s infinite}.savannah-hud-dot.speaking{background:#f59e0b;box-shadow:0 0 8px #f59e0bcc;animation:hudWave 1s infinite alternate}.savannah-hud-dot.idle{background:#9ca3af}.savannah-hud-dot.connecting{background:#3b82f6;animation:hudPulse 1.2s infinite}.savannah-hud-spinner{width:14px;height:14px;border:2px solid rgba(168,85,247,.3);border-top-color:#a855f7;border-radius:50%;animation:hudSpin .7s linear infinite;flex-shrink:0}.savannah-hud-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.savannah-hud-badge{font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#a855f733;color:#c084fc;letter-spacing:.4px;margin-left:4px}[data-theme=light] .savannah-hud-badge{background:#a855f726;color:#7e22ce}@keyframes hudAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes hudPulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.15);opacity:1}to{transform:scale(.9);opacity:.7}}@keyframes hudWave{0%{transform:scaleY(.6)}to{transform:scaleY(1.3)}}@keyframes hudSpin{to{transform:rotate(360deg)}}.driver-voice-button{display:flex;align-items:center;gap:6px;min-height:44px;padding:7px 10px;border:1px solid var(--color-border,#d4dee7);border-radius:8px;background:var(--color-bg,#fff);color:var(--color-text,#243746);font-size:12px;cursor:pointer}.driver-voice-button:disabled{opacity:.55;cursor:default}.driver-voice-dialog{position:fixed;inset:0;margin:auto;padding:28px;max-width:440px;width:calc(100% - 32px);border:1px solid var(--color-border,#d4dee7);border-radius:16px;background:var(--color-bg,#fff);color:var(--color-text,#243746)}.driver-voice-dialog::backdrop{background:#14202cc0}.driver-voice-dialog h2{font-size:22px;margin:14px 0}.driver-voice-dialog p{font-size:14px;line-height:1.7}.driver-voice-close{position:absolute;top:12px;right:12px;border:0;background:transparent;color:inherit;min-width:44px;min-height:44px;cursor:pointer}.driver-voice-icon{display:inline-flex;padding:12px;border-radius:12px;background:#086e85;color:#fff}.driver-voice-call,.driver-voice-dismiss{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border:1px solid var(--color-border,#d4dee7);border-radius:8px;font-size:14px;cursor:pointer;margin-top:12px}.driver-voice-call{background:#086e85;color:#fff;border-color:#086e85}.driver-voice-dismiss{background:var(--color-bg,#fff);color:inherit}.driver-voice-unavailable{padding:12px;border:1px solid var(--color-border,#d4dee7);border-radius:8px}.driver-voice-button:focus-visible,.driver-voice-dialog button:focus-visible{outline:3px solid #328ca8;outline-offset:3px}@media(max-width:420px){.driver-voice-button span{display:none}.driver-voice-button{min-width:44px;justify-content:center}}.driver-voice-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}.robin-transcript{max-height:200px;overflow-y:auto;padding:10px;border:1px solid var(--color-border,#d4dee7);border-radius:10px;background:var(--color-bg-secondary,#f3f7f9)}.robin-transcript p{margin:0 0 10px}.robin-transcript p:last-child{margin:0}.robin-transcript strong{display:block;font-size:12px}.robin-transcript span{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.robin-line strong{color:var(--color-primary,#086e85)}.robin-driver-line strong{color:var(--color-text-secondary,#476174)}.robin-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.robin-controls button{font-size:13px;padding:6px}.robin-type label{display:block;font-size:13px;font-weight:600;margin-top:10px}.robin-type textarea{width:100%;box-sizing:border-box;border:1px solid var(--color-border,#d4dee7);border-radius:8px;background:var(--color-bg,#fff);color:inherit;font:inherit;padding:10px;margin-top:6px;resize:vertical;min-height:64px}.robin-recording{background:#ae303e;border-color:#ae303e}.robin-note,.robin-status{font-size:12px!important;line-height:1.5!important;overflow-wrap:anywhere}.robin-error{color:var(--status-danger,var(--color-danger,#aa2633));border:1px solid currentColor;padding:8px;border-radius:8px}.robin-conversation button:disabled{opacity:.55;cursor:default}.robin-type textarea:focus-visible{outline:3px solid #328ca8;outline-offset:2px}.driver-voice-actions-top{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px}.driver-voice-cockpit-toggle{border:0;background:transparent;color:inherit;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:background .15s ease}.driver-voice-cockpit-toggle:hover{background:#0000000d}.driver-voice-dialog.cockpit-mode{box-sizing:border-box;margin:0;max-width:100vw;width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:none;background:#080c10;color:#f1f5f9;display:flex;flex-direction:column;justify-content:space-between;padding:36px 24px;box-shadow:inset 0 0 120px #00f0ff0d}.driver-voice-dialog.cockpit-mode .driver-voice-cockpit-toggle:hover{background:#ffffff1a}.driver-voice-dialog.cockpit-mode h2{font-size:28px;color:#fff;letter-spacing:-.02em}.driver-voice-dialog.cockpit-mode .driver-voice-icon{background:#00f0ff;color:#080c10;box-shadow:0 0 24px #00f0ff73}.driver-voice-dialog.cockpit-mode .driver-voice-call{min-height:64px;font-size:18px;font-weight:700;background:#00f0ff;color:#080c10;border:none;border-radius:14px;box-shadow:0 0 30px #00f0ff59}.driver-voice-dialog.cockpit-mode .driver-voice-dismiss{background:#ffffff14;border-color:#ffffff26;color:#f1f5f9}.driver-voice-dialog.cockpit-mode .robin-transcript{background:#0f172abf;border-color:#ffffff1f;color:#e2e8f0;max-height:min(35dvh,280px)}.driver-voice-actions-top .driver-voice-close{position:static;display:flex;align-items:center;justify-content:center;border-radius:8px}.driver-voice-dialog h2{padding-right:70px}@media(max-width:600px){.driver-voice-dialog{padding:24px 18px;max-width:calc(100vw - 24px);width:calc(100vw - 24px);box-sizing:border-box}.driver-voice-dialog.cockpit-mode{padding:24px 18px;max-width:100vw;width:100vw}}@media(max-height:500px){.driver-voice-dialog{padding:18px 16px;max-height:calc(100dvh - 16px)}.driver-voice-dialog h2{font-size:20px}.driver-voice-icon{padding:8px}}.robin-assistant-choice{display:grid;gap:.5rem;margin-bottom:1rem;text-align:left}.robin-assistant-choice select{width:100%;min-width:0;min-height:44px;padding:.5rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.office-assistant-launch{position:fixed;right:18px;bottom:18px;z-index:1100;display:flex;align-items:center;gap:8px;min-height:44px!important;padding:11px 16px;border:1px solid var(--color-border,#d4dee7);border-radius:24px;background:var(--color-bg,#fff);color:var(--color-text,#243746);box-shadow:0 4px 18px #0002;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.office-assistant-float{position:fixed;right:18px;bottom:18px;width:min(360px,calc(100vw - 24px));max-height:min(540px,calc(100svh - 110px));z-index:1100;display:flex;flex-direction:column;border:1px solid var(--color-border,#d4dee7);border-radius:14px;background:var(--color-bg,#fff);color:var(--color-text,#243746);box-shadow:0 8px 32px #0003;overflow:hidden;box-sizing:border-box}.office-assistant-float.expanded{width:min(560px,calc(100vw - 24px));max-height:min(680px,calc(100svh - 100px))}.office-assistant-float.minimized{width:min(300px,calc(100vw - 24px))}.office-assistant-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 8px 14px;border-bottom:1px solid var(--color-border,#d4dee7);background:var(--color-bg-secondary,#f2f7fa);flex-shrink:0}.office-assistant-header h2{font-size:.95rem;margin:0;line-height:1.4}.office-assistant-header span{font-size:.7rem;color:var(--color-text-secondary,#536579)}.office-assistant-window-actions{display:flex;gap:2px}.office-assistant-window-actions button{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px!important;border:0;border-radius:7px;background:transparent;color:inherit;cursor:pointer}.office-assistant-window-actions button:hover{background:var(--color-bg,#fff)}.office-assistant-body{overflow:auto;overscroll-behavior:contain;min-height:0;padding:12px;flex:1}.office-assistant-body[hidden]{display:none}.office-assistant-intro{font-size:.76rem;line-height:1.5;color:var(--color-text-secondary,#536579);margin:0 0 8px}.office-assistant-float .robin-conversation{min-width:0}.office-assistant-float .savannah-living-orb-container{transform:scale(.45);margin:-44px auto;width:180px;height:180px}.office-assistant-float .savannah-reasoning-hud{max-width:100%;font-size:.76rem}.office-assistant-float .robin-controls{position:sticky;top:-12px;z-index:2;background:var(--color-bg,#fff);padding:7px 0;gap:7px;min-width:0}.office-assistant-float .robin-controls button,.office-assistant-float .driver-voice-dismiss,.office-assistant-float .driver-voice-call{min-height:44px!important;padding:9px 8px;font-size:.76rem}.office-assistant-float .robin-transcript{max-height:140px;min-height:0;margin-top:8px}.office-assistant-float .robin-transcript:empty{display:none}.office-assistant-float .robin-transcript span{font-size:.8rem}.office-assistant-float .robin-assistant-choice{font-size:.76rem;display:block}.office-assistant-float .robin-assistant-choice select{min-height:44px!important;max-width:100%;width:100%;font-size:.76rem}.office-assistant-float .robin-note,.office-assistant-float .robin-status{font-size:.7rem!important;line-height:1.5!important}.office-assistant-float .robin-error{font-size:.78rem}.office-assistant-float button:focus-visible,.office-assistant-launch:focus-visible{outline:3px solid var(--accent-primary,#26738f);outline-offset:-3px}.office-assistant-float a{color:#1d4ed8}[data-theme=dark] .office-assistant-float a{color:#93c5fd}@media(max-width:480px){.office-assistant-launch{right:12px;bottom:12px}.office-assistant-float,.office-assistant-float.expanded{right:12px;bottom:12px;width:min(340px,calc(100vw - 24px));max-height:min(460px,calc(100svh - 140px))}.office-assistant-float.expanded{max-height:min(560px,calc(100svh - 120px))}.office-assistant-float.minimized{width:min(290px,calc(100vw - 24px))}.office-assistant-header{padding:6px 8px 6px 12px}}.office-assistant-float [aria-label="Report data"]{max-height:180px}.navbar-left-actions{display:flex;align-items:center;gap:8px;min-width:0}.office-assistant-dock{position:relative;display:flex;align-items:center;gap:4px;min-width:0}.office-assistant-dock .office-assistant-launch{position:static;box-shadow:none;padding:8px 12px;border-radius:7px;white-space:nowrap}.office-assistant-dock-close{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px!important;padding:0;border:1px solid #ffffff40;border-radius:7px;background:transparent;color:#fff;cursor:pointer}.office-assistant-dock .office-assistant-float{position:absolute;left:0;right:auto;top:var(--office-assistant-panel-top,108px);bottom:auto;max-height:min(540px,var(--office-assistant-panel-space, calc(100svh - 180px) ));text-align:left}.office-assistant-dock .office-assistant-float.expanded{max-height:min(680px,var(--office-assistant-panel-space, calc(100svh - 180px) ))}.office-assistant-dock .office-assistant-float[hidden]{display:none}.office-assistant-dock-close:focus-visible{outline:3px solid #fff;outline-offset:2px}@media(max-width:767px){.navbar-left-actions{gap:4px}.navbar-top:has(.office-assistant-dock) .user-menu-container{display:block}.navbar-top:has(.office-assistant-dock) .navbar-right-actions{gap:4px}.navbar-top:has(.office-assistant-dock) .user-menu-trigger{min-height:44px;gap:4px;padding:4px 6px}.navbar-top:has(.office-assistant-dock) .navbar-username{display:block;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.navbar-top:has(.office-assistant-dock) .user-menu-arrow{display:none}.office-assistant-dock .office-assistant-launch{width:44px;min-width:44px;padding:0;justify-content:center}.office-assistant-launch-label{display:none}.office-assistant-dock .office-assistant-float{width:min(340px,calc(100vw - 24px));max-height:min(460px,var(--office-assistant-panel-space, calc(100svh - 160px) ))}.office-assistant-dock .office-assistant-float.expanded{width:min(340px,calc(100vw - 24px));max-height:min(560px,var(--office-assistant-panel-space, calc(100svh - 160px) ))}}@media(max-width:374px){.navbar-top:has(.office-assistant-dock-close) .navbar-brand{display:none!important}}.office-assistant-live-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#15803d;outline:2px solid #fff}.workspace-preferences-page{max-width:960px;margin:0 auto;padding:24px}.workspace-preferences-page fieldset{border:1px solid var(--color-border);border-radius:8px;padding:18px;margin:20px 0;background:var(--color-bg-secondary)}.workspace-preferences-page legend{padding:0 6px;font-weight:600}.workspace-preferences-page p{line-height:1.5;color:var(--color-text-secondary)}.workspace-preferences-fields,.workspace-preferences-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.workspace-preferences-fields label{display:grid;gap:6px}.workspace-preferences-fields select{width:100%;min-height:42px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);padding:8px;font:inherit}.workspace-preferences-panels label{display:flex;align-items:center;gap:10px;min-height:44px}.workspace-preferences-panels input{width:18px;height:18px}.workspace-preferences-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.workspace-preferences-notice{padding:12px;border:1px solid var(--color-border);border-radius:6px}@media(max-width:639px){.workspace-preferences-page{padding:16px 12px}.workspace-preferences-fields,.workspace-preferences-panels{grid-template-columns:1fr}.workspace-preferences-actions>button{flex:1;min-height:44px}}@media(min-width:768px)and (pointer:fine){[data-workspace-density=compact] [data-workspace-table=standard] .data-table :is(th,td){padding-top:.375rem;padding-bottom:.375rem}[data-workspace-density=comfortable] [data-workspace-table=standard] .data-table :is(th,td){padding-top:1rem;padding-bottom:1rem}[data-workspace-density=compact] .fm-table :is(th,td){padding-top:.375rem;padding-bottom:.375rem}[data-workspace-density=comfortable] .fm-table :is(th,td){padding-top:1rem;padding-bottom:1rem}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--warning-500) 0%,var(--warning-600) 100%);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center;box-shadow:var(--shadow-lg)}.offline-banner-entering{animation:offline-banner-slide-down .3s ease-out forwards}.offline-banner-visible{transform:translateY(0)}.offline-banner-exiting{animation:offline-banner-slide-up .3s ease-in forwards}@keyframes offline-banner-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes offline-banner-slide-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.offline-banner__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.offline-banner__icon svg{width:20px;height:20px}.offline-banner__message{flex:1;max-width:600px;line-height:1.4}.offline-banner__pending{font-weight:var(--font-semibold);opacity:.95}.offline-banner__syncing{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:#fff3;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.offline-banner__spinner{width:14px;height:14px;animation:offline-banner-spin 1s linear infinite}@keyframes offline-banner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.has-offline-banner,body:has(.offline-banner){--offline-banner-height: 48px}body.has-offline-banner,body:has(.offline-banner:not(.navbar>.offline-banner)){padding-top:var(--offline-banner-height)}body.has-offline-banner .navbar,body:has(.offline-banner:not(.navbar>.offline-banner)) .navbar{margin-top:var(--offline-banner-height)}@media(max-width:640px){.offline-banner{padding:var(--space-2) var(--space-3);gap:var(--space-2);font-size:var(--text-xs)}.offline-banner__icon{width:20px;height:20px}.offline-banner__icon svg{width:16px;height:16px}body.has-offline-banner,body:has(.offline-banner){--offline-banner-height: 40px}}@media(prefers-reduced-motion:reduce){.offline-banner-entering,.offline-banner-exiting{animation:none}.offline-banner__spinner{animation-duration:2.5s}}[data-theme=dark] .offline-banner{background:linear-gradient(135deg,var(--warning-600) 0%,var(--warning-700) 100%);color:#fff}.navbar>.offline-banner{position:relative;flex-shrink:0}.install-prompt{display:flex;flex-direction:column;gap:8px;margin:0 0 12px;padding:12px;border-radius:12px;background:linear-gradient(135deg,var(--brand-green-dark, #1e3a5f) 0%,var(--brand-green, #2d5a87) 100%);color:#fff;box-shadow:var(--shadow-md)}.install-prompt__content{display:flex;align-items:center;gap:12px}.install-prompt__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff26;border-radius:12px;flex-shrink:0}.install-prompt__icon svg{width:24px;height:24px}.install-prompt__text{display:flex;flex-direction:column;gap:2px}.install-prompt__text strong{font-size:15px;font-weight:600}.install-prompt__text span{font-size:13px;opacity:.85}.install-prompt__actions{display:flex;gap:8px}.install-prompt__button{flex:1;min-height:44px;padding:0 16px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.install-prompt__button--dismiss{background:#ffffff26;color:#fff}.install-prompt__button--dismiss:hover{background:#ffffff40}.install-prompt__button--install{background:var(--color-bg);color:var(--brand-green-dark, #1e3a5f)}.install-prompt__button--install:hover{background:var(--gray-100);transform:scale(1.02)}.install-prompt__button:active{transform:scale(.98)}[data-theme=dark] .install-prompt{background:linear-gradient(135deg,var(--color-bg-secondary, #1f2937) 0%,var(--color-bg, #111827) 100%)}[data-theme=dark] .install-prompt__button--install{background:var(--color-positive);color:var(--color-bg)}