:root{--primary:#003865;--primary-dark:#002548;--primary-light:#0063a3;--primary-hover:#004d87;--secondary:#1e3a5f;--secondary-light:#2d5282;--success:#059669;--success-bg:#ecfdf5;--success-border:#a7f3d0;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--info:#0063a3;--info-bg:#eff6ff;--info-border:#bfdbfe;--direct:#1d4ed8;--direct-bg:#eff6ff;--inbound:#1d4ed8;--inbound-bg:#dbeafe;--outbound:#059669;--outbound-bg:#ecfdf5;--white:#fff;--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;--bg-main:#f1f5f9;--bg-card:#fff;--bg-sidebar:#003865;--bg-header:#002548;--text-primary:#1e3a5f;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-white:#fff;--text-link:#0063a3;--border:#e5e7eb;--border-dark:#d1d5db;--table-header-bg:#1e3a5f;--table-header-text:#fff;--table-row-odd:#fff;--table-row-even:#f8fafc;--table-row-hover:#eff6ff;--table-border:#e5e7eb;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026;--sidebar-width:220px;--sidebar-collapsed:52px;--header-height:48px;--content-padding:16px;--brand-accent:#4d82b8;--modal-header:#1c2b3a;--section-header-bg:#edf2f7;--section-header-text:#2d4a6b;--field-label:#374151;--input-border:#d1d9e0;--input-text:#1a1a1a;--form-bg:#fff;--page-bg:#f7f8fa;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:10px;--font-size-sm:11px;--font-size-md:12px;--font-size-base:13px;--font-size-lg:14px;--font-size-xl:16px;--font-size-2xl:18px;--font-size-3xl:24px;--table-row-height:28px;--table-font-size:11px;--table-padding:3px 8px;--table-header-height:32px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:var(--bg-main);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.tms-table{border-collapse:collapse;font-size:var(--table-font-size);width:100%}.tms-table thead tr{background:var(--table-header-bg);height:var(--table-header-height)}.tms-table thead th{border-right:1px solid #ffffff1a;color:var(--table-header-text);font-size:10px;font-weight:700;letter-spacing:.05em;padding:var(--table-padding);text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.tms-table tbody tr{border-bottom:1px solid var(--table-border);cursor:pointer;height:var(--table-row-height);transition:background .1s}.tms-table tbody tr:nth-child(odd){background:var(--table-row-odd)}.tms-table tbody tr:nth-child(2n){background:var(--table-row-even)}.tms-table tbody tr:hover{background:var(--table-row-hover)!important}.tms-table tbody td{border-right:1px solid var(--table-border);color:var(--text-secondary);font-size:var(--table-font-size);max-width:200px;overflow:hidden;padding:var(--table-padding);text-overflow:ellipsis;white-space:nowrap}.tms-table tbody td:first-child{color:var(--primary);font-weight:600}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:12px;font-weight:500;gap:5px;padding:5px 12px;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--primary);border-color:var(--primary-dark);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:#fff;border-color:var(--border-dark);color:var(--text-primary)}.btn-secondary:hover{background:var(--gray-50)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-sm{font-size:11px;padding:3px 8px}.btn-xs{font-size:10px;padding:2px 6px}.btn:disabled{cursor:not-allowed;opacity:.5}.badge{align-items:center;border-radius:10px;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.badge-available{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.badge-dispatched{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.badge-at-pickup{background:#eff6ff;border:1px solid #93c5fd;color:#1d4ed8}.badge-in-transit{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.badge-at-delivery{background:#dbeafe;border:1px solid #93c5fd;color:#1d4ed8}.badge-delivered{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.badge-on-dock{background:#fffbeb;border:1px solid #fcd34d;color:#78350f}.badge-cancelled{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.badge-planned{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.badge-active{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.badge-completed{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.badge-direct{background:#eff6ff}.badge-direct,.badge-inbound{border:1px solid #93c5fd;color:#1d4ed8}.badge-inbound{background:#dbeafe}.badge-outbound{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.badge-dnu{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.form-input{background:#fff;border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--input-text);font-family:var(--font-family);font-size:12px;outline:none;padding:6px 10px;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus{border-color:var(--brand-accent);box-shadow:0 0 0 2px #4d82b826}.form-input::placeholder{color:var(--text-muted)}.form-label{color:var(--field-label);display:block;font-size:11px;font-weight:600;margin-bottom:3px}.form-label,.section-header{letter-spacing:.04em;text-transform:uppercase}.section-header{background:var(--section-header-bg);border-left:3px solid var(--brand-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--section-header-text);font-size:12px;font-weight:700;margin-bottom:12px;padding:8px 12px}.form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{align-items:center;border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.05em;padding:10px 14px;text-transform:uppercase}.card-body{padding:14px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.page-title{color:var(--primary);font-size:18px;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:11px;margin-top:2px}.toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px}.search-box,.toolbar{align-items:center;display:flex}.search-box{background:#fff;border:1px solid var(--border-dark);border-radius:var(--radius-md);gap:6px;min-width:220px;padding:5px 10px}.search-box input{background:#0000;border:none;color:var(--text-primary);font-family:var(--font-family);font-size:12px;outline:none;width:100%}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:90vh;max-height:90vh;overflow:hidden;width:90%}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1100px}.modal-header{align-items:center;background:var(--modal-header);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.modal-title{font-size:14px;font-weight:700}.modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;line-height:1;opacity:.8}.modal-close:hover{opacity:1}.modal-body{flex:1 1;overflow-y:auto;padding:16px}.modal-footer{background:var(--gray-50);border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:12px 16px}.tabs{border-bottom:2px solid var(--border);display:flex;gap:2px;margin-bottom:16px}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;margin-bottom:-2px;padding:7px 16px;transition:all .15s}.tab.active,.tab:hover{color:var(--primary)}.tab.active{border-bottom-color:var(--primary);font-weight:700}.stats-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.stat-card{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:8px;min-width:120px;padding:8px 14px;transition:all .15s}.stat-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.stat-number{color:var(--primary);font-size:20px;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:10px;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.context-menu{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;padding:4px 0}.context-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:11px;gap:8px;padding:6px 12px;text-align:left;transition:background .1s;width:100%}.context-item:hover{background:var(--gray-50)}.context-item.danger{color:var(--danger)}.context-item:disabled{cursor:not-allowed;opacity:.4}.context-divider{background:var(--border);height:1px;margin:4px 0}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin .6s linear infinite}.input-error{border-color:var(--danger)!important}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-action-btn{align-items:center;background:#fff;border:1px solid var(--border-dark);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s}.quick-action-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.sidebar{background:#003865;display:flex;flex-direction:column;height:100vh;min-width:var(--sidebar-width);overflow:hidden;position:relative;transition:width .2s ease,min-width .2s ease;width:var(--sidebar-width);z-index:100}.sidebar.collapsed{min-width:var(--sidebar-collapsed);width:var(--sidebar-collapsed)}.sidebar-logo{border-bottom:1px solid #ffffff1a;gap:10px;height:52px;padding:0 14px}.logo-icon,.sidebar-logo{align-items:center;display:flex;flex-shrink:0}.logo-icon{background:#fff;border-radius:50%;color:var(--primary);font-size:14px;font-weight:800;height:28px;justify-content:center;width:28px}.logo-text{overflow:hidden;white-space:nowrap}.logo-title{color:#fff;display:block;font-size:14px;font-weight:700;line-height:1.2}.logo-subtitle{color:#ffffff80;display:block;font-size:9px;letter-spacing:.03em}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 0}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.nav-section{margin-bottom:4px}.nav-section-label{color:#fff6;font-size:9px;font-weight:700;letter-spacing:.06em;padding:12px 16px 4px;text-transform:uppercase}.nav-item{align-items:center;border-radius:6px;color:#ffffffd9;display:flex;font-size:12px;font-weight:500;gap:10px;height:36px;margin:1px 6px;padding:0 14px;position:relative;text-decoration:none;transition:all .15s;white-space:nowrap}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;border-left:3px solid #fff;color:#fff;font-weight:600;padding-left:11px}.nav-item.coming-soon{cursor:default;opacity:.5}.nav-item.coming-soon:hover{background:#0000}.nav-logout{border:none;cursor:pointer;font-family:var(--font-family);opacity:.6;width:calc(100% - 12px)}.nav-logout:hover{background:#dc262626;color:#fca5a5;opacity:1}.nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis}.soon-badge{background:#ffffff26;color:#fff9;font-size:8px;letter-spacing:.04em;padding:1px 5px;text-transform:uppercase}.nav-badge,.soon-badge{border-radius:8px;font-weight:700}.nav-badge{align-items:center;background:#dc2626;color:#fff;display:flex;font-size:9px;height:16px;justify-content:center;min-width:16px;padding:0 4px}.nav-badge-dot{background:#dc2626;border-radius:50%;height:6px;position:absolute;right:8px;top:6px;width:6px}.sidebar-bottom{border-top:1px solid #ffffff1a;flex-shrink:0}.sidebar-user{gap:8px;padding:10px 14px}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:#fff3;border-radius:50%;color:#fff;flex-shrink:0;font-size:10px;font-weight:700;height:28px;justify-content:center;width:28px}.user-info{flex:1 1;overflow:hidden}.user-name{color:#fff;display:block;font-size:11px;font-weight:600}.user-role{color:#ffffff80;display:block;font-size:9px}.collapse-btn{align-items:center;background:none;border:none;border-top:1px solid #ffffff1a;color:#ffffff80;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:100%}.collapse-btn:hover{background:#ffffff0d;color:#fff}.topbar{background:#fff;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);flex-shrink:0;height:44px;justify-content:space-between;padding:0 16px}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:12px}.breadcrumb{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:4px}.breadcrumb-sep{color:var(--gray-300)}.breadcrumb-current{color:var(--text-primary);font-weight:600}.topbar-right{gap:8px}.topbar-btn,.topbar-right{align-items:center;display:flex}.topbar-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;height:28px;justify-content:center;transition:all .15s;width:28px}.topbar-btn:hover{background:var(--info-bg);border-color:var(--primary-light);color:var(--primary)}.topbar-time{align-items:center;border-left:1px solid var(--border);color:var(--text-muted);display:flex;font-size:11px;gap:4px;padding-left:8px}.right-panel-container{display:flex;flex-shrink:0;height:100vh}.right-panel-strip{background:var(--gray-50);border-left:1px solid var(--border);flex-direction:column;gap:4px;padding-top:8px;width:32px}.right-panel-strip,.strip-btn{align-items:center;display:flex}.strip-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;height:28px;justify-content:center;position:relative;transition:all .15s;width:28px}.strip-btn:hover{background:var(--gray-200);color:var(--primary)}.strip-btn.active{background:var(--info-bg);color:var(--primary)}.strip-badge{align-items:center;background:var(--danger);border-radius:50%;color:#fff;display:flex;font-size:8px;font-weight:700;height:14px;justify-content:center;position:absolute;right:1px;top:2px;width:14px}.right-panel-drawer{background:#fff;border-left:1px solid var(--border);box-shadow:-2px 0 8px #0000000f;display:flex;flex-direction:column;overflow:hidden;width:280px}.panel-content{display:flex;flex-direction:column;height:100%}.panel-header{align-items:center;border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;flex-shrink:0;font-size:12px;font-weight:700;justify-content:space-between;letter-spacing:.04em;padding:10px 12px;text-transform:uppercase}.panel-count{background:var(--danger);border-radius:8px;color:#fff;font-size:9px;margin-left:4px;padding:1px 5px}.panel-action{align-items:center;background:none;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;display:flex;padding:2px}.panel-action:hover{background:var(--gray-100);color:var(--text-primary)}.panel-list{flex:1 1;overflow-y:auto}.notif-item{align-items:flex-start;border-bottom:1px solid var(--gray-100);cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background .1s}.notif-item:hover{background:var(--gray-50)}.notif-item.read{opacity:.6}.notif-dot{flex-shrink:0;padding-top:4px;width:8px}.notif-dot span{background:var(--primary-light);border-radius:50%;display:block;height:6px;width:6px}.notif-body{flex:1 1;min-width:0}.notif-title{color:var(--text-primary);font-size:11px;font-weight:500}.notif-time{color:var(--text-muted);font-size:10px;margin-top:2px}.search-input-wrap{align-items:center;border-bottom:1px solid var(--border);color:var(--text-muted);display:flex;gap:8px;padding:8px 12px}.search-panel-input{border:none;color:var(--text-primary);font-family:var(--font-family);font-size:12px;outline:none;width:100%}.search-group{padding:4px 0}.search-group-label{color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.05em;padding:6px 12px 2px;text-transform:uppercase}.search-result{align-items:center;cursor:pointer;display:flex;font-size:11px;gap:6px;padding:5px 12px;transition:background .1s}.search-result:hover{background:var(--gray-50)}.search-id{color:var(--primary);font-weight:600;min-width:60px}.search-desc{color:var(--text-secondary);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-status{color:var(--text-muted);font-size:10px}.panel-empty{color:var(--text-muted);font-size:11px;padding:20px 12px;text-align:center}.stats-list{flex:1 1;overflow-y:auto;padding:4px 0}.stat-row{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;font-size:12px;justify-content:space-between;padding:8px 12px}.stat-row span{color:var(--text-secondary)}.stat-row strong{color:var(--primary);font-size:14px}.stat-row strong.money{color:var(--success)}.stat-row strong.danger{color:var(--danger)}.stat-row.divider{border-top:2px solid var(--border);margin-top:4px}.panel-footer-note{border-top:1px solid var(--border);color:var(--text-muted);font-size:9px;padding:8px 12px;text-align:center}.msg-item{align-items:flex-start;border-bottom:1px solid var(--gray-100);cursor:pointer;display:flex;gap:8px;padding:10px 12px;position:relative;transition:background .1s}.msg-item:hover{background:var(--gray-50)}.msg-item.unread{background:var(--info-bg)}.msg-avatar{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:9px;font-weight:700;height:28px;justify-content:center;width:28px}.msg-body{flex:1 1;min-width:0}.msg-top{align-items:center;display:flex;gap:4px;margin-bottom:2px}.msg-from{color:var(--text-primary);font-size:11px;font-weight:600}.msg-role{background:var(--gray-100);border-radius:3px;padding:0 4px}.msg-role,.msg-time{color:var(--text-muted);font-size:9px}.msg-time{margin-left:auto}.msg-text{color:var(--text-secondary);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-unread-dot{background:var(--primary-light);border-radius:50%;flex-shrink:0;height:6px;margin-top:10px;width:6px}.msg-compose{align-items:center;background:var(--gray-50);border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:6px;padding:8px 10px}.msg-input{border:1px solid var(--border-dark);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-family:var(--font-family);font-size:11px;outline:none;padding:5px 8px}.msg-input:focus{border-color:var(--primary-light)}.msg-send{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .15s;width:28px}.msg-send:hover{background:var(--primary-hover)}.msg-send:disabled{cursor:not-allowed;opacity:.4}.activity-item{align-items:flex-start;border-bottom:1px solid var(--gray-100);padding:8px 12px}.activity-dot{background:var(--primary-light)}.activity-body{flex:1 1;min-width:0}.activity-text{color:var(--text-primary);font-size:11px}.activity-time{font-size:10px;margin-top:1px}.qs-body{flex:1 1;overflow-y:auto;padding:12px}.qs-group{margin-bottom:14px}.qs-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.qs-options{display:flex;gap:4px}.qs-opt{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:11px;font-weight:500;padding:5px 8px;text-align:center;transition:all .15s}.qs-opt:hover{border-color:var(--primary-light);color:var(--primary)}.qs-opt.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.qs-divider{background:var(--border);height:1px;margin:14px 0}.qs-info{margin-bottom:0}.qs-shortcut{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:8px;padding:3px 0}.qs-shortcut kbd{background:var(--gray-100);border:1px solid var(--border);border-radius:3px;color:var(--text-primary);font-family:var(--font-family);font-size:10px;min-width:52px;padding:1px 5px;text-align:center}.app-layout{height:100vh}.app-layout,.main-area{display:flex;overflow:hidden}.main-area{flex:1 1;flex-direction:column;min-width:0}.content-area{background:var(--bg-main);flex:1 1;overflow-y:auto;padding:var(--content-padding)}.login-page{align-items:center;background:linear-gradient(135deg,#001d36,#003865 50%,#004d87);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-page:before{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:40px 40px;content:"";inset:0;pointer-events:none;position:absolute}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 60px #0006;padding:40px 36px;position:relative;width:400px;z-index:1}.login-logo{margin-bottom:32px;text-align:center}.login-logo-icon{align-items:center;background:linear-gradient(135deg,#0063a3,#3b82f6);border-radius:14px;box-shadow:0 8px 24px #0063a366;display:inline-flex;height:56px;justify-content:center;margin-bottom:16px;width:56px}.login-logo-title{color:#fff;font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1}.login-logo-subtitle{color:#ffffff80;font-size:12px;letter-spacing:.5px;margin-top:6px}.login-error{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;font-size:12px;gap:8px;margin-bottom:20px;padding:10px 12px}.login-field{margin-bottom:18px}.login-label{color:#fff9;display:block;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.login-input-wrap{position:relative}.login-input-icon{color:#ffffff59;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.login-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#fff;font-family:var(--font-family);font-size:13px;outline:none;padding:10px 12px 10px 38px;transition:all .2s;width:100%}.login-input::placeholder{color:#ffffff4d}.login-input:focus{background:#ffffff1f;border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f626}.login-submit{align-items:center;background:linear-gradient(135deg,#0063a3,#3b82f6);border:none;border-radius:8px;box-shadow:0 4px 12px #0063a34d;color:#fff;cursor:pointer;display:flex;font-family:var(--font-family);font-size:13px;font-weight:600;gap:8px;justify-content:center;margin-top:6px;padding:11px 0;transition:all .2s;width:100%}.login-submit:hover:not(:disabled){background:linear-gradient(135deg,#004d87,#2563eb);box-shadow:0 6px 20px #0063a366;transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid #ffffff14;margin-top:24px;padding-top:20px;text-align:center}.login-footer-text{color:#ffffff59;font-size:11px}.login-footer-company{color:#ffffff40;font-size:10px;margin-top:4px}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:16px}.dashboard-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));margin-bottom:16px}.dashboard-stat{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:default;display:flex;gap:12px;padding:14px 16px;transition:all .15s}.dashboard-stat:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.dashboard-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.dashboard-stat-value{font-size:22px;font-weight:800;line-height:1}.dashboard-stat-label{color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.05em;margin-top:3px;text-transform:uppercase}.dashboard-actions{display:flex;flex-wrap:wrap;gap:8px}.dashboard-action{align-items:center;background:#fff;border:1px solid var(--border-dark);border-radius:var(--radius-lg);color:var(--primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:12px;font-weight:600;gap:7px;padding:9px 18px;transition:all .15s}.dashboard-action:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px #00386533;color:#fff;transform:translateY(-1px)}.dashboard-action:active{transform:translateY(0)}.dashboard-section-title{color:var(--text-primary);font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:10px;margin-top:4px;text-transform:uppercase}.dashboard-activity-item{align-items:flex-start;display:flex;gap:10px;padding:10px 14px}.dashboard-activity-item+.dashboard-activity-item{border-top:1px solid var(--border)}.dashboard-activity-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.dashboard-activity-text{color:var(--text-primary);font-size:12px;line-height:1.4}.dashboard-activity-meta{color:var(--text-muted);font-size:10px;margin-top:2px}.settings-layout{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:0;height:calc(100vh - var(--header-height) - 76px);overflow:hidden}.settings-nav{background:var(--gray-50);border-right:1px solid var(--border);min-width:190px;overflow-y:auto;padding:8px 0;width:190px}.settings-nav-section{margin-bottom:4px}.settings-nav-label{color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.06em;padding:10px 14px 4px;text-transform:uppercase}.settings-nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:11px;font-weight:500;gap:8px;margin:1px 6px;padding:6px 10px;text-align:left;transition:all .15s;white-space:nowrap;width:calc(100% - 12px)}.settings-nav-item:hover{background:var(--gray-200);color:var(--text-primary)}.settings-nav-item.active{background:var(--primary);color:#fff;font-weight:600}.settings-content{flex:1 1;overflow-y:auto;padding:20px}.settings-page-title{color:var(--primary);font-size:16px;font-weight:700;margin-bottom:4px}.settings-page-desc{color:var(--text-muted);font-size:12px;line-height:1.5;margin-bottom:16px}.settings-placeholder{color:var(--text-muted);font-size:13px;padding:40px 0;text-align:center}.health-grid{display:flex;flex-direction:column;gap:2px}.health-row{align-items:center;border-radius:var(--radius-md);display:flex;font-size:13px;gap:10px;padding:10px 14px}.health-row:nth-child(odd){background:var(--gray-50)}.health-icon{font-size:16px;text-align:center;width:24px}.health-name{color:var(--text-primary);font-weight:600;min-width:140px}.health-detail{color:var(--text-secondary);flex:1 1}.health-badge{border-radius:10px;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.health-badge.ok{background:var(--success-bg);border:1px solid var(--success-border);color:#065f46}.health-badge.warn{background:var(--warning-bg);border:1px solid var(--warning-border);color:#92400e}.health-badge.error{background:var(--danger-bg);border:1px solid var(--danger-border);color:#991b1b}.health-footer{align-items:center;color:var(--text-muted);display:flex;font-size:11px;justify-content:space-between;margin-top:16px}.db-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:4px}.db-info-item{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:2px;padding:10px 14px}.db-info-item span{color:var(--text-muted);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.db-info-item strong{color:var(--primary);font-size:14px}.db-info-item strong.text-success{color:var(--success)}.ie-sections{display:flex;flex-direction:column;gap:16px}.ie-format-info{background:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;margin-top:10px;padding:8px 10px}.ie-format-info strong{color:var(--text-primary);margin-right:4px}.dispatch-page{display:flex;flex-direction:column;gap:0;height:100%}.dispatch-stats-bar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;padding:10px 16px}.dispatch-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.dispatch-stat .stat-value{color:var(--text-primary);font-size:16px;font-weight:700}.dispatch-stat.revenue .stat-value{color:var(--success)}.dispatch-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.dispatch-filter-btn{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:11px;padding:4px 10px}.dispatch-filter-btn.active{background:#003865;border-color:#003865;color:#fff}.dispatch-body{display:flex;flex:1 1;overflow:hidden}.dispatch-panels{grid-gap:10px;background:#f0f4f8;background:var(--bg,#f0f4f8);box-sizing:border-box;display:grid;flex:1 1;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;overflow:hidden;padding:10px}.dispatch-panels.with-manifest{min-width:0}.dispatch-manifest{background:#fff;border-left:2px solid #003865;overflow-y:auto;width:420px}.dp-panel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.dp-panel-header{align-items:center;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.dp-panel-header .dp-count{background:#ffffff40;border-radius:12px;color:#fff;font-size:11px;font-weight:700;margin-left:auto;padding:2px 8px}.dp-panel-body{background:#f8fafc;flex:1 1;overflow-y:auto;padding:6px}.dp-panel-footer{background:#fff;border-top:1px solid var(--border);color:var(--text-muted);display:flex;flex-shrink:0;font-size:10px;gap:12px;padding:6px 12px}.dp-panel.available{border-top:3px solid #0063a3}.dp-panel.ondock{border-top:3px solid #92400e}.dp-panel.enroute{border-top:3px solid #2e7d32}.dp-panel.trips{border-top:3px solid #1e40af}.dp-panel.available .dp-panel-header{background:#0063a3;color:#fff}.dp-panel.ondock .dp-panel-header{background:#92400e;color:#fff}.dp-panel.enroute .dp-panel-header{background:#2e7d32;color:#fff}.dp-panel.trips .dp-panel-header{background:#1e40af;color:#fff}.dp-panel .dp-panel-header .dp-count{color:#ffffffb3}.dp-table{border-collapse:collapse;font-size:11px;width:100%}.dp-table th{background:#003865;border-bottom:1px solid #ffffff1a;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.dp-table td{border-bottom:1px solid #e2e8f0;font-size:11px;max-width:160px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.dp-table tbody tr:nth-child(2n){background:#f8fafc}.dp-table tr:hover{background:#f0f4f8}.dp-table tr.selected{background:#0063a314}.load-flags{display:flex;gap:2px}.load-flags svg{color:var(--text-muted)}.manifest-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px}.manifest-title{font-size:14px;font-weight:700}.manifest-actions{display:flex;flex-wrap:wrap;gap:4px}.manifest-section{border-bottom:1px solid var(--border);padding:10px 12px}.manifest-section-title{color:var(--text-muted);font-size:10px;font-weight:700;margin-bottom:6px;text-transform:uppercase}.manifest-field{display:flex;font-size:11px;justify-content:space-between;padding:2px 0}.manifest-field label{color:var(--text-muted);min-width:70px}.manifest-info-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr}.manifest-load{border:1px solid var(--border);border-radius:4px;margin:4px 0;overflow:hidden}.manifest-load-row{align-items:center;cursor:pointer;display:flex;font-size:11px;gap:6px;padding:6px 8px}.manifest-load-row:hover{background:#00000008;background:var(--bg-hover,#00000008)}.manifest-load-row.completed{opacity:.5}.manifest-leg-actions{background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px}.leg-chip{background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;font-size:10px;padding:1px 6px;white-space:nowrap}.leg-chip.active-leg{background:#3b82f61a;border-color:#3b82f64d;font-weight:600}.leg-chip.completed{opacity:.6;text-decoration:line-through}.leg-chip.skipped{opacity:.4;text-decoration:line-through}.activity-item{display:flex;font-size:11px;gap:8px;padding:4px 0}.activity-dot{background:#0063a3;border-radius:50%;flex-shrink:0;height:6px;margin-top:5px;width:6px}.activity-time{color:var(--text-muted);white-space:nowrap}.dispatch-tabs{border-bottom:1px solid var(--border);display:flex}.dispatch-tab{border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px}.dispatch-tab.active{border-color:#003865;color:#003865}.type-filters{display:flex;gap:4px}.type-filter-btn{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:10px;padding:2px 8px}.type-filter-btn.active{background:#003865;border-color:#003865;color:#fff}.create-trip-tabs{border-bottom:2px solid var(--border);display:flex;gap:0;margin-bottom:12px}.ctt-btn{align-items:center;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .15s}.ctt-btn.active{background:#1e40af;border-bottom-color:#1e40af;color:#fff}.ctt-btn:hover:not(.active){background:var(--bg-secondary)}.trip-type-btns{display:flex;flex-wrap:wrap;gap:4px}.trip-type-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .15s}.trip-type-btn.active{background:#1e40af;border-color:#1e40af;color:#fff}.trip-type-btn:hover:not(.active){background:var(--bg-secondary)}.trip-type-icon{font-size:14px}.trip-route-preview{color:var(--text-muted);font-size:11px;line-height:1.6;padding:6px 0}.ct-section{border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-light,#0000000f);padding:8px 0}.ct-label{font-size:11px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.ct-label,.ct-sm-label{color:var(--text-muted);display:block}.ct-sm-label{font-size:10px;margin-bottom:2px}.ct-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:12px;padding:5px 8px;width:100%}.ct-input:focus{border-color:var(--accent);outline:none}.ct-input-inline{border:1px solid var(--border);border-radius:3px;font-size:11px;padding:2px 4px;text-align:right;width:60px}.ct-input-inline,.ct-textarea{background:var(--bg-primary);color:var(--text-primary)}.ct-textarea{border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:12px;min-height:36px;padding:5px 8px;resize:vertical;width:100%}.ct-grid2{grid-gap:6px;grid-template-columns:1fr 1fr}.ct-grid2,.ct-grid3{display:grid;gap:6px}.ct-grid3{grid-gap:6px;grid-template-columns:1fr 1fr 1fr}.ct-check{align-items:center;cursor:pointer;display:flex;font-size:12px;gap:6px}.ct-hint{color:var(--text-muted)}.ct-hint,.ct-warn{font-size:10px;margin-top:2px}.ct-warn{color:#ef4444;color:var(--danger,#ef4444)}.ct-est-pay{background:#3b82f60d;border-radius:4px;font-size:12px;margin-top:6px;padding:6px 8px}.ct-carrier-info{color:var(--text-muted);font-size:10px;padding:4px 0}.ct-totals{background:var(--bg-secondary);border-radius:4px;display:flex;font-size:12px;font-weight:600;gap:16px;margin:8px 0;padding:8px}.load-select-section{margin-bottom:4px}.load-select-header{background:var(--bg-secondary);border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 8px}.load-select-header,.load-select-row{align-items:center;display:flex;gap:6px}.load-select-row{border-bottom:1px solid #0000000d;border-bottom:1px solid var(--border-light,#0000000d);font-size:11px;padding:4px 8px}.load-select-row:hover{background:#00000008;background:var(--bg-hover,#00000008)}.load-select-row.selected{background:#3b82f60f}.ls-num{font-weight:600;min-width:55px}.ls-cust{max-width:100px;min-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-route{color:var(--text-secondary);flex:1 1}.ls-pcs{min-width:30px}.ls-pcs,.ls-wt{text-align:right}.ls-wt{min-width:50px}.ls-rev{font-weight:600;min-width:55px;text-align:right}.ls-flags{min-width:40px}.load-select-counter{background:var(--bg-secondary);border-radius:4px;display:flex;font-size:11px;font-weight:600;gap:12px;margin-top:8px;padding:8px}.reorder-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;cursor:grab;display:flex;font-size:12px;gap:8px;margin:4px 0;padding:8px}.reorder-handle{color:var(--text-muted);cursor:grab}.print-dropdown{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:160px;position:absolute;right:0;top:100%;z-index:100}.print-dropdown div{cursor:pointer;font-size:11px;padding:6px 12px}.print-dropdown div:hover{background:var(--bg-secondary)}.trip-complete-banner{align-items:center;background:#dcfce7;border-bottom:1px solid #bbf7d0;color:#166534;display:flex;font-size:12px;font-weight:600;gap:8px;padding:10px 12px}.history-filters{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.margin-pos{color:var(--success);font-weight:600}.margin-neg{color:#ef4444;color:var(--danger,#ef4444);font-weight:600}.leg-journey{font-size:10px;white-space:nowrap}.dispatch-load-card{background:#fff;border:1px solid #e8edf2;border-radius:6px;cursor:pointer;font-size:11px;margin-bottom:6px;padding:8px 10px;transition:border-color .15s,box-shadow .15s}.dispatch-load-card:hover{border-color:#003865;box-shadow:0 2px 6px #0038651a}.dispatch-load-card.selected{background:#e8f0f8;border:2px solid #003865}.dlc-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3px}.dlc-load-num{color:#003865;font-family:Courier New,monospace}.dlc-load-num,.dlc-revenue{font-size:11px;font-weight:700}.dlc-revenue{color:#2e7d32}.dlc-customer{color:#64748b;font-size:10px;margin-bottom:2px}.dlc-route{color:#94a3b8;font-size:10px;margin-bottom:5px}.dlc-action{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;font-weight:600;padding:4px 8px;text-align:center;transition:opacity .15s;width:100%}.dlc-action:hover{opacity:.85}.dlc-action.action-pickup{background:#0063a3}.dlc-action.action-depart{background:#92400e}.dlc-action.action-deliver{background:#2e7d32}.dispatch-bulk-bar{align-items:center;background:#003865;color:#fff;display:flex;font-size:12px;font-weight:600;gap:12px;padding:8px 16px}.dispatch-bulk-bar button{color:#fff}.dispatch-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.dispatch-modal{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0000004d;max-height:85vh;max-width:90vw;overflow:auto;position:relative;width:500px}.dispatch-modal-header{align-items:center;background:#003865;border-radius:10px 10px 0 0;color:#fff;display:flex;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:1}.dispatch-modal-header h3{font-size:14px;font-weight:700;margin:0}.dispatch-modal-body{padding:16px}.dispatch-search{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;gap:8px;padding:6px 16px}.dispatch-search input{background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 8px;border:1px solid #cbd5e1;border-radius:5px;flex:1 1;font-size:12px;height:30px;outline:none;padding:0 8px 0 28px}.dispatch-search input:focus{border-color:#0063a3}
/*# sourceMappingURL=main.79bbaaa9.css.map*/