:root{--navy: #0e1a54;--navy-hover: rgba(255, 255, 255, .1);--navy-linea: rgba(255, 255, 255, .09);--navy-texto: #a8b0d4;--blue: #2a3fe4;--blue-600: #1f31c4;--blue-bg: #ebedfd;--bg: #f3f3f3;--surface: #ffffff;--surface-alt: #fcfcfc;--border: #e4e4e4;--border-fuerte: #c9c9c9;--border-suave: #efefef;--text: #1e1e1e;--text-muted: #5a5a5a;--text-meta: #9b9b9b;--ok: #1e7e34;--ok-bg: #e8f3ec;--ok-borde: #cbe5d3;--warn: #b45309;--warn-bg: #fef3e2;--warn-borde: #f5d9ae;--danger: #e02a2f;--danger-bg: #fceaea;--danger-borde: #f5c6c7;--radius: 8px;--radius-sm: 6px;--shadow-modal: 0 20px 48px rgba(14, 26, 84, .22);--shadow-cajon: 0 20px 48px rgba(14, 26, 84, .22);--font: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--mono: "Consolas", "Courier New", monospace;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);font-size:14px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5{margin:0}img{max-width:100%}[hidden]{display:none!important}.app-shell{min-height:100%;display:flex}.app-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.container{width:100%;max-width:1180px;margin:0 auto;padding:24px 20px}.sidebar{flex:0 0 250px;width:250px;background:var(--navy);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:50;transition:width .18s ease,flex-basis .18s ease}.sidebar.colapsado{flex-basis:64px;width:64px}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 16px 16px;border-bottom:1px solid var(--navy-linea)}.sidebar-brand img{height:26px;display:block}.sidebar.colapsado .sidebar-brand{justify-content:center;padding:18px 8px 16px}.sidebar.colapsado .sidebar-brand img{display:none}.sidebar-nav{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:12px 10px}.sidebar.colapsado .sidebar-nav{padding:12px 8px}.sidebar-footer{flex:0 0 auto;padding:10px;border-top:1px solid var(--navy-linea);display:flex;flex-direction:column;gap:4px}.sidebar-user{display:flex;align-items:center;gap:9px;padding:7px 8px;min-width:0}.sidebar-avatar{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;letter-spacing:.02em}.sidebar-user-datos{min-width:0;display:flex;flex-direction:column;gap:1px}.sidebar-user-nombre{color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-meta{color:var(--navy-texto);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.colapsado .sidebar-user{justify-content:center;padding:7px 0}.sidebar.colapsado .nav-label,.sidebar.colapsado .sidebar-user-datos,.sidebar.colapsado .nav-chevron{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sidebar.colapsado .nav-link{justify-content:center}.sidebar.colapsado .nav-hijos{display:none}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1a5473;z-index:45}.nav-link{display:flex;align-items:center;gap:10px;width:100%;color:var(--navy-texto);background:transparent;border:none;border-radius:var(--radius-sm);padding:9px 11px;font-family:inherit;font-size:13.5px;font-weight:500;text-align:left;cursor:pointer;text-decoration:none}.nav-link:hover{background:var(--navy-hover);color:#fff;text-decoration:none}.nav-link.active{background:var(--navy-hover);color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--blue)}.nav-link.danger:hover{background:var(--danger);color:#fff}.nav-link:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.nav-label{flex:1 1 auto;min-width:0}.nav-chevron{flex:0 0 auto;transition:transform .18s ease}.nav-chevron.plegado{transform:rotate(-90deg)}.nav-hijos{display:flex;flex-direction:column;gap:2px;margin:2px 0 2px 20px;padding-left:8px;border-left:1px solid var(--navy-linea)}.nav-hijos .nav-link{font-size:13px;padding:7px 10px}.topbar{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--border);padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar-izq,.topbar-der{display:flex;align-items:center;gap:12px;min-width:0}.topbar-titulo{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap}.topbar-sep{width:1px;height:18px;background:var(--border);flex:0 0 auto}.topbar-contexto{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-sap{font-size:13px;color:var(--text-muted);white-space:nowrap}.btn-menu{display:none;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);padding:5px;color:var(--text);cursor:pointer}.btn-menu:hover{background:var(--surface-alt)}.btn-menu:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.btn-colapsar{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);padding:5px;color:var(--navy-texto);cursor:pointer}.btn-colapsar:hover{background:var(--navy-hover);color:#fff}.btn-colapsar:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.btn-cerrar-cajon{display:none}@media(max-width:900px){.sidebar,.sidebar.colapsado{position:fixed;top:0;left:0;flex-basis:250px;width:250px;transform:translate(-100%);transition:transform .18s ease;box-shadow:var(--shadow-cajon)}.sidebar.abierto,.sidebar.colapsado.abierto{transform:translate(0)}.sidebar.colapsado .nav-label,.sidebar.colapsado .sidebar-user-datos,.sidebar.colapsado .nav-chevron{position:static;width:auto;height:auto;clip:auto}.sidebar.colapsado .nav-link{justify-content:flex-start}.sidebar.colapsado .nav-hijos{display:flex}.sidebar.colapsado .sidebar-brand{justify-content:space-between;padding:18px 16px 16px}.sidebar.colapsado .sidebar-brand img{display:block}.sidebar.colapsado .sidebar-user{justify-content:flex-start;padding:7px 8px}.btn-menu{display:inline-flex}.btn-colapsar{display:none}.btn-cerrar-cajon{display:inline-flex}.container{padding:18px 16px}.topbar{padding:13px 16px}}.page-header{margin-bottom:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header h1{font-size:22px;font-weight:700;letter-spacing:-.2px;color:var(--text)}.page-header .subtitulo{font-size:14px;color:var(--text-muted);margin:5px 0 0;max-width:78ch}.subsolapas{display:inline-flex;gap:2px;padding:3px;border-radius:9px;background:var(--bg);border:1px solid var(--border);margin-bottom:20px;flex-wrap:wrap}.subsolapa{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;background:transparent;color:var(--text-muted);padding:7px 12px;border-radius:7px;font-size:13.5px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap}.subsolapa:hover{color:var(--text)}.subsolapa.activa{background:var(--surface);border-color:var(--border);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 16px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s,opacity .12s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-600)}.btn-success{background:var(--blue);color:#fff}.btn-success:hover:not(:disabled){background:var(--blue-600)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-fuerte)}.btn-secondary:hover:not(:disabled){background:var(--surface-alt)}.btn-sm{padding:6px 11px;font-size:13px}.btn-block{width:100%}.btn-link{background:transparent;border:none;color:var(--blue);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm)}.btn-link:hover{text-decoration:underline}.btn-link:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.card-header{background:var(--surface-alt);color:var(--text);border-bottom:1px solid var(--border);padding:13px 16px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.card-header .title{display:inline-flex;align-items:center;gap:8px}.card-header .resumen{font-size:13px;font-weight:600;color:var(--text-meta)}.card-body{padding:16px}.card-body.p-0{padding:0}.card-footer{padding:13px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap}.card-text{color:var(--text-muted);margin:0 0 16px}.card-footer.seleccion{background:var(--blue-bg);border-top:1px solid var(--border);justify-content:space-between}.seleccion-info{font-size:13.5px;font-weight:600;color:var(--text)}.seleccion-acciones{display:flex;align-items:center;gap:10px}.form-grid,.filtros{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.field{display:flex;flex-direction:column;gap:6px;min-width:180px}.field.grow{flex:1}.label{font-size:12.5px;font-weight:600;color:var(--text-muted)}.input,.select{border:1px solid var(--border-fuerte);border-radius:var(--radius-sm);padding:9px 11px;font-size:14px;font-family:inherit;background:var(--surface);color:var(--text);width:100%}.input:focus-visible,.select:focus-visible{outline:2px solid var(--blue);outline-offset:-1px;border-color:var(--blue)}.input:disabled,.select:disabled{background:var(--surface-alt);color:var(--text-muted)}.input-file{padding:7px 11px}.table-wrap{overflow-x:auto}table.table,table.tabla{width:100%;border-collapse:collapse;font-size:14px}table.table thead th,table.tabla thead th{background:var(--surface-alt);color:var(--text-muted);text-align:left;padding:10px 14px;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap}table.table tbody td,table.tabla tbody td{padding:12px 14px;border-bottom:1px solid var(--border-suave)}table.table tbody tr:hover,table.tabla tbody tr:hover{background:var(--surface-alt)}table.table tr.seleccionada,table.tabla tr.seleccionada,table.table tr.seleccionada:hover,table.tabla tr.seleccionada:hover{background:var(--blue-bg)}table.table tfoot td,table.tabla tfoot td{background:var(--surface-alt);font-weight:700;border-top:1px solid var(--border);border-bottom:none;padding:12px 14px}table.table tfoot .total-label,table.tabla tfoot .total-label{color:var(--text-muted);font-weight:600}.num,.text-end{text-align:right;white-space:nowrap}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.empty-row td{text-align:center;color:var(--text-muted);padding:28px 14px}.estado{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:2px 10px;font-size:11.5px;font-weight:600;border:1px solid transparent;white-space:nowrap}.estado:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 6px}.estado.ok{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-borde)}.estado.warn{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-borde)}.estado.danger{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-borde)}.chip{display:inline-block;background:var(--surface-alt);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:2px 9px;font-size:11.5px;font-weight:600;white-space:nowrap}.chip-check{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:7px 11px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.chip-check:hover{border-color:var(--blue)}.chip-check input{accent-color:var(--blue)}.badge{display:inline-block;background:var(--surface-alt);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:2px 9px;font-size:11.5px;font-weight:600;white-space:nowrap}.fila-grupo{cursor:pointer;background:var(--surface-alt)}.fila-grupo:hover{background:var(--border-suave)}.toggle-cell{width:36px;text-align:center;color:var(--text-muted)}.contador-grupo{color:var(--text-muted);font-size:12px;margin-left:8px}.btn-icon{background:transparent;border:none;cursor:pointer;color:var(--danger);padding:4px;border-radius:5px;display:inline-flex}.btn-icon:hover{background:var(--danger-bg)}.btn-icon:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.resumen-total{font-size:14px;font-weight:500;color:var(--text)}.resumen-total strong{font-weight:800;margin-left:4px}.alert{border-radius:var(--radius-sm);padding:11px 14px;font-size:14px;margin-bottom:14px}.alert-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-borde)}.alert-success{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-borde)}.alert-warn{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-borde)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1a5473;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-modal);width:100%;max-width:520px;overflow:hidden;max-height:calc(100vh - 40px);display:flex;flex-direction:column}.modal-header{flex:0 0 auto;background:var(--surface);color:var(--text);border-bottom:1px solid var(--border);padding:16px 18px;display:flex;flex-direction:column;gap:4px}.modal-header .titulo{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px}.modal-header .consecuencia{font-size:13.5px;color:var(--text-muted);font-weight:400}.modal-header.success .titulo{color:var(--ok)}.modal-header.danger .titulo{color:var(--danger)}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px}.modal-body ul{margin:8px 0 14px;padding-left:20px}.modal-footer{flex:0 0 auto;padding:13px 18px;border-top:1px solid var(--border);background:var(--surface-alt);display:flex;justify-content:flex-end;gap:10px}.resumen-box{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.resumen-box .row{display:grid;grid-template-columns:auto 1fr;gap:6px 12px}.resumen-box .row dt,.resumen-box .row .k{color:var(--text-muted)}.resumen-box .row dd,.resumen-box .row .v{margin:0;font-weight:600}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#f3f3f3bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner{width:48px;height:48px;border:5px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy) 0%,#08103a 100%);padding:20px}.login-box{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-modal);padding:40px 34px;width:100%;max-width:400px;text-align:center}.login-logo img{height:64px;margin-bottom:18px}.login-box h1{font-size:22px;color:var(--navy);margin-bottom:6px}.login-subtitle{color:var(--text-muted);margin:0 0 22px;font-size:14px}.login-form{display:flex;flex-direction:column;gap:16px;text-align:left}.login-form .field{min-width:0}.version-tag{color:var(--text-muted);font-size:11px;margin-top:20px;text-align:center}.stepper{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.paso{flex:1 1 210px;display:flex;align-items:flex-start;gap:10px}.paso-num{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border)}.paso.hecho .paso-num{background:var(--blue);color:#fff;border-color:var(--blue)}.paso.actual .paso-num{background:var(--blue-bg);color:var(--blue);border-color:var(--blue)}.paso-texto{min-width:0}.paso-label{font-size:13px;font-weight:600;color:var(--text-muted)}.paso.hecho .paso-label,.paso.actual .paso-label{color:var(--text)}.paso-dato{font-size:12.5px;color:var(--text-muted);margin-top:1px}.dos-columnas{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.col-panel{flex:0 1 320px;min-width:min(320px,100%)}.col-principal{flex:1 1 560px;min-width:min(560px,100%)}.col-ancha{flex:1 1 420px;min-width:min(420px,100%)}.col-angosta{flex:0 1 340px;min-width:min(340px,100%)}.dropzone{border:2px dashed var(--border-fuerte);border-radius:var(--radius);padding:26px 18px;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:9px}.dropzone.encima{border-color:var(--blue);background:var(--blue-bg)}.dropzone .titulo{font-size:14px;font-weight:600;color:var(--text)}.dropzone .formatos{font-size:12.5px}.archivo-cargado{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;background:var(--surface-alt)}.archivo-datos{min-width:0;flex:1 1 auto}.archivo-nombre{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archivo-meta{font-size:12.5px;color:var(--text-muted)}.mono{font-family:var(--mono);font-size:13px}.small{font-size:12px}.flex{display:flex;align-items:center;gap:10px}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:8px}.mt-2{margin-top:12px}.sub-dato{font-size:12px;color:var(--text-muted);margin-top:2px}.semaforo-resumen{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.sem-tile{flex:1 1 200px;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);border-left-width:4px;background:var(--surface);cursor:pointer;text-align:left;font-family:inherit}.sem-tile:hover{background:var(--surface-alt)}.sem-tile.activo{outline:2px solid var(--blue);outline-offset:-1px}.sem-tile:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.sem-tile-label{font-size:13px;font-weight:700;color:var(--text)}.sem-tile-cant{font-size:12px;color:var(--text-muted)}.sem-tile-importe{font-size:17px;font-weight:800;color:var(--text);margin-top:2px}.sem-rojo{border-left-color:var(--danger)}.sem-amarillo{border-left-color:var(--warn)}.sem-verde{border-left-color:var(--ok)}.paginacion{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface-alt)}.paginacion-info{font-size:13px;color:var(--text-muted)}.paginacion-info strong{color:var(--text);font-weight:700}.paginacion-controles{display:flex;align-items:center;gap:8px}.paginacion-controles .select{padding:6px 10px;font-size:13px}.paginacion-pagina{font-size:13px;font-weight:700;color:var(--text);min-width:56px;text-align:center}