:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--background-color: #ffffff;--surface-color: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--border-color: #e2e8f0;--success-color: #10b981;--error-color: #ef4444}#root{margin:0 auto}body{background-color:var(--background-color);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.App{margin:0 auto;padding:20px}.navbar{position:fixed;top:0;left:0;right:0;background-color:var(--background-color);padding:1.5rem 0;border-bottom:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2}.navbar ul{margin:0 auto;list-style:none;padding:0 2rem;display:flex;gap:2rem;justify-content:center}.navbar a{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color .2s ease;position:relative;padding:.5rem 0}.navbar a:hover{color:var(--primary-color)}.navbar a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .2s ease}.navbar a:hover:after{width:100%}.upload{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-top:1rem}.upload h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.upload-form{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1.5rem}.drop-zone{border:2px dashed var(--border-color);border-radius:1rem;padding:3rem 2rem;text-align:center;background-color:var(--surface-color);transition:all .2s ease;cursor:pointer}.drag-active .drop-zone{border-color:var(--primary-color);background-color:#eff6ff}.drop-zone p{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem}.file-input{display:none}.file-input-label{display:inline-block;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border-radius:.75rem;cursor:pointer;font-weight:500;transition:background-color .2s ease;box-shadow:0 1px 2px #0000000d}.file-input-label:hover{background-color:var(--primary-hover)}.file-info{background-color:var(--surface-color);padding:1.5rem;border-radius:1rem;border:1px solid var(--border-color)}.file-info p{color:var(--text-primary);font-weight:500;margin-bottom:1rem}.remove-file{padding:.5rem 1rem;background-color:var(--error-color);color:#fff;border:none;border-radius:.75rem;cursor:pointer;font-weight:500;transition:opacity .2s ease}.remove-file:hover{opacity:.9}.submit-button{padding:1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.75rem;cursor:pointer;font-weight:500;font-size:1rem;transition:background-color .2s ease;box-shadow:0 1px 3px #0000001a}.submit-button:disabled{background-color:var(--border-color);cursor:not-allowed}.submit-button:hover:not(:disabled){background-color:var(--primary-hover)}.results{padding:1rem 2rem;margin-top:1rem;background-color:var(--surface-color);border-radius:1rem;border:1px solid var(--border-color)}.results h2{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.results-content{background-color:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a}.home{text-align:center;padding-top:2rem}.home h1{font-size:3rem;font-weight:800;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.2;background:linear-gradient(to right,var(--primary-color),#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.upload-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;max-width:1200px;margin:0 auto}.upload-section,.input-section{background-color:var(--surface-color);padding:2rem;border-radius:1rem;border:1px solid var(--border-color)}.upload h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.input-section{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-weight:500;color:var(--text-primary)}.input-group input,.input-group select,.input-group textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;transition:border-color .2s ease;background-color:#fff}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a}.submit-section{grid-column:1 / -1;display:flex;justify-content:center;padding-top:2rem}.submit-button{min-width:200px}@media (max-width: 768px){.upload-container{grid-template-columns:1fr}.submit-section{grid-column:1}}.content-wrapper{margin-top:5rem;padding:1rem;min-height:calc(100vh - 5rem);display:flex;flex-direction:column;align-items:stretch}.multiples{padding:1rem 2rem}.multiples h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;text-align:center}.table-container{width:100%;overflow-x:auto;background-color:var(--surface-color);border-radius:1rem;border:1px solid var(--border-color);padding:1rem}.routes-table{width:100%;border-collapse:separate;border-spacing:0;min-width:600px}.routes-table th,.routes-table td{padding:1rem;text-align:center;border-bottom:1px solid var(--border-color)}.routes-table th{background-color:var(--surface-color);font-weight:600;color:var(--text-primary);position:sticky;top:0;z-index:10}.carrier-header{text-align:left;position:sticky;left:0;background-color:var(--surface-color);z-index:20}.carrier-name{text-align:left;font-weight:500;position:sticky;left:0;background-color:var(--surface-color);z-index:10}.route-cell{transition:background-color .2s ease}.route-cell:hover{background-color:#2563eb1a}.checkmark{color:var(--success-color);font-weight:700;font-size:1.2rem}.empty-cell{color:var(--text-secondary)}@media (max-width: 768px){.multiples{padding:1rem}.table-container{border-radius:.5rem;padding:.5rem}}.multiples-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.save-button{padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.75rem;cursor:pointer;font-weight:500;transition:all .2s ease}.save-button:hover:not(:disabled){background-color:var(--primary-hover)}.save-button:disabled{background-color:var(--border-color);cursor:not-allowed}.carrier-input,.route-input{width:100%;padding:.5rem;border:1px solid transparent;border-radius:.25rem;font-size:1rem;background:transparent;transition:all .2s ease}.carrier-input{font-weight:500;min-width:120px}.route-input{text-align:center}.carrier-input:hover,.route-input:hover{border-color:var(--border-color)}.carrier-input:focus,.route-input:focus{outline:none;border-color:var(--primary-color);background-color:#fff}.error-message{padding:1rem;margin-bottom:1rem;background-color:#fee2e2;border:1px solid var(--error-color);color:var(--error-color);border-radius:.5rem;text-align:center}.route-input::placeholder{color:var(--text-secondary)}.matrix-controls{margin-bottom:20px}.matrix-controls button{margin-right:10px;padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.matrix-controls button:hover{background-color:#45a049}.routes-table input[type=text]{padding:6px;border:1px solid #ddd;border-radius:4px;width:120px}.route-cell{cursor:pointer}.route-cell:hover{background-color:#f5f5f5}.remove-carrier{padding:4px 8px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.remove-carrier:hover{background-color:#da190b}.reports-container{max-width:1200px;margin:0 auto}.reports-container h2{color:#1a1a1a;margin-bottom:3rem;font-size:2.5rem;font-weight:700;text-align:center;position:relative}.reports-container h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background-color:#3498db;border-radius:2px}.reports-list{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem}.report-card{background:#fff;border-radius:12px;padding:2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;border:1px solid #f0f0f0}.report-card:hover{transform:translateY(-3px);box-shadow:0 8px 15px #0000001a}.report-info{flex:1;padding-right:2rem}.report-info h3{margin:0;color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.report-details{display:flex;gap:2rem;color:#666;font-size:1rem}.report-details span{display:flex;align-items:center;gap:.75rem}.report-details i{color:#3498db;font-size:1.1rem}.report-buttons{display:flex;gap:10px}.download-button{background-color:#3498db;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-size:1rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;margin-right:10px}.download-button:last-child{margin-right:0}.download-button:hover{background-color:#2980b9;transform:translateY(-1px);box-shadow:0 4px 8px #3498db33}.download-button:after{content:"→";transition:transform .2s ease}.download-button:hover:after{transform:translate(3px)}.reports-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reports-error{text-align:center;color:#e74c3c;padding:3rem;background:#fdf3f2;border-radius:12px;margin:2rem 0}.reports-error h2{color:#c0392b;margin-bottom:1rem}.no-reports{text-align:center;color:#666;padding:3rem;background:#f8f9fa;border-radius:12px;font-size:1.1rem;border:2px dashed #e0e0e0}@media (max-width: 768px){.reports-container{padding:2rem 1rem}.report-card{flex-direction:column;text-align:center;gap:1.5rem}.report-info{padding-right:0}.report-details{justify-content:center}.download-button{width:100%;justify-content:center}}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.date-selector{display:flex;align-items:center}.date-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem;color:#333;background-color:#fff;cursor:pointer}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px;filter:invert(.5)}.date-input:hover{border-color:#3498db}.date-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db40}.page-container{width:100%;margin:0 auto;min-height:calc(100vh - 100px);display:flex;flex-direction:column;max-width:1800px}.page-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #e0e0e0}.page-header h1{font-size:2rem;color:#1a1a1a;margin:0}.page-content{display:flex;flex:1;height:calc(100vh - 150px);margin:0 auto;width:60%;min-width:1200px}.vertical-tabs{width:250px;min-width:250px;background-color:#f8f9fa;padding:2rem 0;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.tab-button{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border:none;background:none;width:100%;text-align:left;cursor:pointer;color:#666;transition:all .2s ease;border-left:3px solid transparent}.tab-button i{width:20px;text-align:center}.tab-button:hover{background-color:#edf2f7;color:#3498db}.tab-button.active{background-color:#edf2f7;color:#3498db;border-left-color:#3498db;font-weight:500}.content-area{flex:1;padding:2rem;background-color:#fff;overflow-x:auto;overflow-y:auto}.tab-content{padding:1rem}.tab-content h3{margin-bottom:1rem;color:#1a1a1a;font-size:1.5rem}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem;align-items:flex-start;padding:1rem}.page-content{flex-direction:column}.vertical-tabs{width:100%;padding:1rem;border-right:none;border-bottom:1px solid #e0e0e0;flex-direction:row;overflow-x:auto}.tab-button{border-left:none;border-bottom:3px solid transparent;padding:.75rem 1rem;white-space:nowrap}.tab-button.active{border-left-color:transparent;border-bottom-color:#3498db}.content-area{padding:1rem}}.files-list{display:flex;flex-direction:column;gap:1rem}.file-card{background:#fff;border-radius:8px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d;border:1px solid #f0f0f0;transition:all .2s ease}.file-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.file-info{flex:1}.file-info h3{margin:0 0 .5rem;color:#1a1a1a;font-size:1.1rem;font-weight:500}.file-details{display:flex;gap:1.5rem;color:#666;font-size:.9rem}.file-size,.file-type{display:flex;align-items:center;gap:.5rem}.file-actions{margin-left:1.5rem}.file-icon{font-size:1.5rem;color:#666;margin-right:1.5rem;width:24px;text-align:center}.file-icon i.fa-file-pdf{color:#dc3545}.file-icon i.fa-file-excel{color:#28a745}@media (max-width: 768px){.file-card{flex-direction:column;gap:1rem;text-align:center}.file-details{justify-content:center}.file-actions{margin-left:0;width:100%}.download-button{width:100%;justify-content:center}.file-icon{margin-right:0;margin-bottom:.5rem}}.inserts-container{padding:1rem;flex:1;display:flex;flex-direction:column;min-height:600px}.inserts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.inserts-actions{display:flex;gap:.5rem}.icon-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:4px;background-color:#f8f9fa;color:#666;cursor:pointer;transition:all .2s ease}.icon-button:hover{background-color:#e9ecef;color:#333}.icon-button.remove{padding:4px 8px;height:28px;line-height:1}.icon-button.remove:hover{background:none;color:#dc3545;opacity:.8}.icon-button:disabled{opacity:.5;cursor:not-allowed}.inserts-table-container{overflow-x:auto;overflow-y:auto;height:400px;min-height:unset}.inserts-table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff;border:1px solid #e0e0e0;height:unset}.inserts-table thead th{position:sticky;top:0;background-color:#f8f9fa;z-index:1;border-bottom:2px solid #e0e0e0}.inserts-table th,.inserts-table td{padding:4px 8px;border:1px solid #e0e0e0;height:auto}.inserts-table th{background-color:#f8f9fa;font-weight:500;text-align:left}.inserts-table input{width:100%;padding:4px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;background-color:#fff;color:#333;height:28px}.inserts-table input::placeholder{color:#999}.inserts-table input:focus{outline:none;border-color:#3498db;background-color:#f8f9fa}.inserts-table input[type=number]{text-align:right}@media (max-width: 768px){.inserts-header{flex-direction:column;align-items:flex-start;gap:1rem}.inserts-actions{width:100%}.icon-button{flex:1;justify-content:center}}.dropdown-toggle{width:100%;padding:4px 8px;height:28px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;color:#333;text-align:left;cursor:pointer}.dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 4px #0000001a;max-height:300px;overflow-y:auto}.checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.5rem;margin:.25rem 0;cursor:pointer}.checkbox-label:hover{background-color:#f8f9fa}.checkbox-label input{width:auto!important}.postal-code-dropdown{position:relative;width:100%;z-index:100}.inserts-table td{position:relative}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#555}.dropdown-content{padding:.75rem}.checkbox-label{padding:.5rem;margin:.25rem 0}.route-list-container{display:flex;flex-direction:column;gap:20px;padding:20px}.horizontal-tabs{display:flex;gap:10px;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.horizontal-tabs .tab-button{padding:8px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:#666;display:flex;align-items:center;gap:8px;border-radius:4px}.horizontal-tabs .tab-button:hover{background-color:#f5f5f5}.horizontal-tabs .tab-button.active{color:#1a73e8;background-color:#e8f0fe}.selection-container{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:#f8f9fa;border-radius:8px}.selection-list{display:flex;flex-direction:column;gap:10px}.selection-list h3{margin:0;color:#333;font-size:16px}.checkbox-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-height:300px;overflow-y:auto;padding:10px;background-color:#fff;border-radius:4px;border:1px solid #e0e0e0}.checkbox-item{display:flex;align-items:center;gap:8px;padding:6px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;color:#333}.checkbox-item:hover{background-color:#f5f5f5;border-radius:4px}.checkbox-item input[type=checkbox]{margin:0;cursor:pointer}.files-list h3{margin:0 0 15px;color:#333;font-size:16px}.multiples-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#f8f9fa;padding:2rem 0;box-sizing:border-box}.multiples-header{width:95%;max-width:1600px;margin:0 auto 2rem;padding:0 1rem;box-sizing:border-box}.multiples-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.table-wrapper{width:95%;max-width:1800px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem;overflow-x:auto;box-sizing:border-box}.modern-table{width:100%;min-width:max-content;border-collapse:separate;border-spacing:0;color:#2c3e50}.modern-table th{background-color:#f8f9fa;padding:1rem;font-weight:600;text-align:center;border-bottom:2px solid #dee2e6;white-space:nowrap}.modern-table td{padding:.75rem;border-bottom:1px solid #dee2e6}.carrier-header{width:180px;min-width:180px}.route-header{width:150px;min-width:150px}.carrier-input,.route-input{width:100%;padding:.5rem;border:1px solid #dee2e6;border-radius:4px;font-size:.9rem;color:#2c3e50;transition:border-color .2s ease}.carrier-input{background-color:#f8f9fa;font-weight:500}.route-input{text-align:center;min-width:120px}.route-input::placeholder{color:#a0aec0}.loading-state,.error-state{padding:2rem;text-align:center;color:#2c3e50;font-size:1.1rem}.error-state{color:#e53e3e}.save-status{display:flex;align-items:center;padding:10px 16px;border-radius:12px;font-weight:500;background-color:#10b981;color:#fff;font-size:.9rem;margin-left:1rem;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.save-status.error{background-color:#ef4444}.modern-table tbody tr:hover{background-color:#f8f9fa}@media (max-width: 768px){.multiples-container{padding:1rem}.table-wrapper,.modern-table th,.modern-table td{padding:.5rem}}.route-input-readonly{background-color:#e2e8f0;cursor:not-allowed;opacity:1;color:#4a5568;border-color:#cbd5e0}.route-input-readonly:focus{border-color:#cbd5e0;box-shadow:none;background-color:#e2e8f0}.route-input{transition:all .2s ease}.header-controls{display:flex;align-items:center;gap:12px;margin-top:1rem}.modern-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid transparent;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.modern-button .button-icon{font-size:1.2rem}.modern-button:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.modern-button:active:not(.disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.modern-button.disabled{background-color:transparent;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed;opacity:.7;box-shadow:none}.add-carrier-button{background-color:transparent;border-color:#3b82f6;color:#3b82f6}.add-carrier-button:hover:not(.disabled){background-color:#3b82f6;color:#fff}.add-route-button{background-color:transparent;border-color:#3b82f6;color:#3b82f6}.add-route-button:hover:not(.disabled){background-color:#3b82f6;color:#fff}.save-button{background-color:#1e40af;color:#fff;border:none}.save-button:hover{background-color:#1e3a8a}.save-button:active{background-color:#172554}.carrier-input::placeholder{color:#a0aec0;font-style:italic}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#a0aec0}*,*:before,*:after{box-sizing:border-box}