.dispatch-list{padding:20px}.dispatch-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dispatch-list-header h2{margin:0;color:#333}.create-form{background:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px}.create-form label{display:block;margin-bottom:10px;font-weight:500}.create-form input,.create-form select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-top:5px}.despachos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.despacho-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease}.despacho-card:hover{border-color:#646cff;box-shadow:0 4px 12px #0000001a}.despacho-card.selected{border-color:#646cff;background:#f0f4ff}.despacho-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.despacho-card-header h3{margin:0;color:#333}.selected-badge{background:#646cff;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.despacho-card-body{color:#666}.despacho-date{margin:0;font-size:14px}.empty-state{text-align:center;padding:40px;color:#999}.loading{text-align:center;padding:40px;color:#666}.error-message{background:#fee;color:#c33;padding:12px;border-radius:4px;margin-bottom:20px;border:1px solid #fcc}.carrier-list{padding:20px}.carrier-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.carrier-list-header h2{margin:0;color:#333}.carriers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.carrier-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.carrier-card:hover{border-color:#646cff;box-shadow:0 4px 12px #0000001a}.carrier-card.selected{border-color:#646cff;background:#f0f4ff}.carrier-card h3{margin:0;color:#333;font-size:18px}.driver-list{padding:20px}.driver-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.driver-list-header h2{margin:0;color:#333}.drivers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.driver-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .3s ease}.driver-card.activo{border-left:4px solid #4caf50}.driver-card.dado_de_baja{border-left:4px solid #f44336;opacity:.7}.driver-card.reemplazo{border-left:4px solid #ff9800}.driver-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.driver-card-header h3{margin:0;color:#333;font-size:18px}.driver-card-body{margin-bottom:15px}.driver-card-body p{margin:8px 0;color:#666;font-size:14px}.muleto-badge{display:inline-block;background:#ff9800;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;margin-top:8px}.status-badge{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.active{background:#4caf50;color:#fff}.status-badge.inactive{background:#f44336;color:#fff}.status-badge.replaced{background:#ff9800;color:#fff}.driver-card-actions{display:flex;gap:8px;flex-wrap:wrap}.replace-form{background:#fff3cd;border:2px solid #ffc107}.replace-form h3{margin-top:0;color:#856404}.form-actions{display:flex;gap:10px;margin-top:15px}.checkbox-label{display:flex;align-items:center;gap:8px}.checkbox-label input[type=checkbox]{width:auto;margin:0}.qr-generator{padding:20px}.qr-generator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.qr-generator-header h2{margin:0;color:#333}.dispatch-info{background:#e3f2fd;padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #2196f3}.dispatch-info p{margin:5px 0;color:#1976d2}.carriers-zip-list{display:flex;flex-direction:column;gap:15px}.carrier-zip-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.carrier-zip-card:hover{border-color:#646cff;box-shadow:0 4px 12px #0000001a}.carrier-zip-info h3{margin:0 0 5px;color:#333}.carrier-zip-info p{margin:0;color:#666;font-size:14px}.qr-info{margin-top:30px;padding:20px;background:#f5f5f5;border-radius:8px}.info-text{margin-bottom:10px;font-weight:500}.qr-info ul{margin:10px 0;padding-left:20px}.qr-info li{margin:5px 0;color:#666}.qr-info code{background:#e0e0e0;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:13px}.dispatch-history{padding:20px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.history-header h2{margin:0;color:#333}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden}.history-item-header{padding:20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease}.history-item-header:hover{background:#f5f5f5}.history-item-info h3{margin:0 0 5px;color:#333}.history-date{color:#666;font-size:14px}.history-item-stats{display:flex;gap:10px;flex-wrap:wrap}.stat-badge{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500}.stat-badge.total{background:#2196f3;color:#fff}.stat-badge.active{background:#4caf50;color:#fff}.stat-badge.inactive{background:#f44336;color:#fff}.stat-badge.replaced{background:#ff9800;color:#fff}.expand-icon{font-size:12px;color:#666}.history-item-content{padding:20px;background:#f9f9f9;border-top:1px solid #e0e0e0}.carrier-group{margin-bottom:20px}.carrier-group:last-child{margin-bottom:0}.carrier-name{margin:0 0 15px;color:#333;font-size:18px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.drivers-list{display:flex;flex-direction:column;gap:10px}.driver-history-item{background:#fff;padding:15px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e0e0e0}.driver-info{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.driver-name{font-weight:500;color:#333}.driver-dni{color:#666;font-size:14px}.driver-vehicle{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:4px;font-size:12px;text-transform:capitalize}.App{min-height:100vh;background:#f5f5f5}.app-header{background:#fff;padding:20px 40px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.app-header h1{margin:0 0 15px;color:#333;font-size:2em}.app-nav{display:flex;gap:10px}.nav-btn{padding:10px 20px;border:2px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.nav-btn:hover{border-color:#646cff;color:#646cff}.nav-btn.active{background:#646cff;color:#fff;border-color:#646cff}.app-main{padding:0 20px 40px}.despachos-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.left-panel,.middle-panel,.right-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:80vh;overflow-y:auto}.qr-panel{grid-column:1 / -1;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.history-view{max-width:1200px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.btn{border-radius:6px;border:none;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-primary{background:#646cff;color:#fff}.btn-primary:hover{background:#535bf2}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-warning{background:#ff9800;color:#fff}.btn-warning:hover{background:#f57c00}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover{background:#138496}.btn-small{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.despachos-view{grid-template-columns:1fr}.app-header{padding:15px 20px}.app-header h1{font-size:1.5em}}: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}}