:root{--mmtl-navy:#00295b;--mmtl-blue:#5285c4;--mmtl-light-blue:#aacbeb;--mmtl-gray:#818b96;--mmtl-muted-blue:#9eacc1;--mmtl-light-gray:#a7a9ac;--mmtl-white:#fff;--mmtl-success:#4caf50;--mmtl-warning:#ff9800;--mmtl-danger:#f44336;--text:var(--mmtl-navy);--text-h:var(--mmtl-navy);--bg:#f5f7f9;--card-bg:var(--mmtl-white);--border:var(--mmtl-light-gray);--accent:var(--mmtl-blue);--sans:"Highgate", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Highgate", system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{box-sizing:border-box;background-color:var(--bg);flex-direction:column;width:100%;max-width:500px;min-height:100svh;margin:0 auto;display:flex}body{margin:0;padding:0}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:700}p{margin:0}button{cursor:pointer;font-family:var(--sans);border:none;border-radius:4px;transition:opacity .2s}button:active{opacity:.8}.app-container{background-color:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:20px;display:flex}.login-container{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;width:100%;max-width:400px;padding:30px;box-shadow:0 8px 16px #0000001a}.login-form h2{text-align:center;color:var(--mmtl-navy);margin-bottom:24px}.form-group{text-align:left;margin-bottom:20px}.form-group label{color:var(--mmtl-navy);margin-bottom:8px;font-weight:700;display:block}.form-group input{border:1.5px solid var(--border);box-sizing:border-box;border-radius:8px;width:100%;padding:14px;font-size:16px;transition:border-color .2s}.form-group input:focus{border-color:var(--mmtl-blue);outline:none}.login-button{background-color:var(--mmtl-navy);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:8px;width:100%;margin-top:10px;padding:16px;font-size:16px;font-weight:700}.hub-header{background-color:var(--mmtl-navy);color:#fff;z-index:1000;box-sizing:border-box;justify-content:space-between;align-items:center;height:60px;padding:12px 16px;display:flex;position:sticky;top:0}.hub-header h1{color:#fff;margin:0;font-size:18px;font-weight:700}.logout-icon,.back-button{color:#fff;background:0 0;justify-content:center;align-items:center;padding:8px;display:flex}.hub-content{flex:1;padding:16px}.hub-content h2{color:var(--mmtl-navy);text-align:left;margin:10px 0 20px;font-size:22px}.filter-tabs{scrollbar-width:none;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{white-space:nowrap;color:var(--mmtl-navy);border:1px solid var(--border);background:#e8f0f8;border-radius:16px;padding:8px 16px;font-size:13px;font-weight:700}.filter-tabs button.active{background:var(--mmtl-navy);color:#fff}.filter-toggle-container{justify-content:center;margin-bottom:24px;display:flex}.toggle-switch{border:1px solid var(--border);background:#e8f0f8;border-radius:24px;width:100%;max-width:300px;padding:4px;display:flex}.toggle-switch button{color:var(--mmtl-gray);background:0 0;border-radius:20px;flex:1;padding:10px;font-size:14px;font-weight:700;transition:all .2s}.toggle-switch button.active{background:var(--mmtl-navy);color:#fff}.load-card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.load-card-header{border-bottom:1px solid var(--border);background-color:#f0f4f8;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.load-number{color:var(--mmtl-navy);font-size:14px;font-weight:800}.load-status{text-transform:uppercase;color:var(--mmtl-success);font-size:12px;font-weight:700}.load-card-body{text-align:left;padding:16px}.route-info{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.route-point{flex:1}.point-label{color:var(--mmtl-gray);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.point-value{color:var(--mmtl-navy);font-size:15px;font-weight:700}.route-arrow{color:var(--mmtl-blue);padding:0 12px;font-weight:900}.driver-info{border-top:1px solid #f0f0f0;margin-bottom:16px;padding-top:10px;font-size:13px}.driver-label{color:var(--mmtl-gray)}.driver-name{color:var(--mmtl-navy);font-weight:700}.select-load-button{background-color:var(--mmtl-navy);color:#fff;text-transform:uppercase;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:700}.detail-card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:24px;padding:20px}.stop-info{text-align:left;margin-bottom:24px;padding-left:28px;display:flex;position:relative}.stop-info:last-child{margin-bottom:0}.stop-marker{width:14px;height:14px;box-shadow:0 0 0 2px var(--mmtl-blue);z-index:2;border:2px solid #fff;border-radius:50%;position:absolute;top:4px;left:0}.pickup .stop-marker{background-color:var(--mmtl-success)}.delivery .stop-marker{background-color:var(--mmtl-warning)}.stop-info:after{content:"";z-index:1;background-color:#e2e8f0;width:2px;height:calc(100% + 4px);position:absolute;top:20px;left:6px}.stop-info:last-child:after{display:none}.stop-details h3{color:var(--mmtl-gray);text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}.stop-details .company-name{color:var(--mmtl-navy);margin-bottom:4px;font-size:16px;font-weight:800}.stop-details .address,.stop-details .city-state{color:var(--mmtl-navy);opacity:.9;font-size:14px}.map-link{text-decoration:none;display:block}.map-hint{color:var(--mmtl-blue);text-transform:uppercase;align-items:center;margin-top:4px;font-size:11px;font-weight:700;display:flex}.stop-time{color:var(--mmtl-navy);white-space:nowrap;margin-left:auto;padding-left:10px;font-size:14px;font-weight:800}.update-status-button,.report-issue-button,.confirm-pickup-button,.camera-button{text-align:center;text-transform:uppercase;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:56px;margin-bottom:12px;padding:14px;font-size:15px;font-weight:800;display:flex}.update-status-button,.confirm-pickup-button,.camera-button{background-color:var(--mmtl-navy);color:#fff;border:1px solid var(--mmtl-blue)}.camera-button.uploaded{background-color:var(--mmtl-success);border-color:#2f855a}.report-issue-button{background-color:var(--mmtl-warning);color:#fff;border:none}.confirmation-card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:24px;padding:20px}.pickup-confirmation-section h3,.document-section h3{text-align:left;color:var(--mmtl-navy);margin-bottom:12px;font-size:18px}.document-upload-box{border:2px dashed var(--border);text-align:center;background:#fff;border-radius:12px;padding:24px}.required-tag{color:var(--mmtl-danger);text-transform:uppercase;background-color:#feebeb;border-radius:12px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.error-message{color:var(--mmtl-danger);background-color:#feebeb;border-radius:8px;margin:10px 0;padding:12px;font-size:14px;font-weight:700}.status-update-container{width:100%;position:relative}.status-menu{z-index:2001;border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;margin-bottom:8px;position:absolute;bottom:100%;left:0;overflow:hidden;box-shadow:0 -8px 24px #00000026}.status-menu button{text-align:left;width:100%;color:var(--mmtl-navy);background:#fff;border:none;border-bottom:1px solid #f0f0f0;padding:16px;font-size:15px;font-weight:700}.status-menu button:last-child{border-bottom:none}.status-menu button:active{background-color:#f0f4f8}.loading-spinner{text-align:center;color:var(--mmtl-blue);margin:40px auto;font-weight:700}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-header-row h2{margin:0}.search-toggle-btn{color:var(--mmtl-navy);border:1px solid var(--border);background:#e8f0f8;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.search-container{width:100%;margin-bottom:20px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input{border:2px solid var(--mmtl-blue);box-sizing:border-box;width:100%;color:var(--mmtl-navy);border-radius:8px;outline:none;padding:12px 40px 12px 16px;font-size:16px;font-weight:600}.search-clear-btn{color:var(--mmtl-gray);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.search-clear-btn:hover{color:var(--mmtl-navy)}.search-input:focus{box-shadow:0 0 0 3px #00295b1a}