*{box-sizing:border-box;margin:0;padding:0}.login-fondo{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a365d,#2b6cb0);padding:1rem}.login-card{background:#fff;border-radius:16px;padding:2.5rem 2rem;width:100%;max-width:380px;box-shadow:0 20px 60px #00000040}.login-logo{text-align:center;margin-bottom:2rem}.login-logo-icono{font-size:2.5rem}.login-titulo{font-size:1.75rem;font-weight:800;color:#1a365d;margin-top:.25rem}.login-subtitulo{font-size:.875rem;color:#718096;margin-top:.25rem}.login-form{display:flex;flex-direction:column;gap:1.1rem}.login-campo{display:flex;flex-direction:column;gap:.4rem}.login-label{font-size:.875rem;font-weight:600;color:#4a5568}.login-input{padding:.65rem .9rem;border:1.5px solid #cbd5e0;border-radius:8px;font-size:.95rem;color:#1a202c;outline:none;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce26}.login-error{font-size:.875rem;color:#c53030;background:#fff5f5;border:1px solid #fc8181;border-radius:6px;padding:.5rem .75rem}.login-btn{margin-top:.25rem;padding:.75rem;background:#2b6cb0;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}.login-btn:hover{background:#2c5282}body{font-family:Segoe UI,system-ui,sans-serif;background:#f0f4f8;min-height:100vh;color:#1a202c}.app{display:flex;flex-direction:column;align-items:stretch;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;background:#1a365d;padding:.75rem 1.5rem;position:sticky;top:0;z-index:10}.topbar-titulo{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:.02em}.btn-cerrar-sesion{padding:.4rem 1rem;background:transparent;color:#bee3f8;border:1.5px solid #63b3ed;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.btn-cerrar-sesion:hover{background:#2b6cb0;color:#fff}.upload-container{width:100%;max-width:760px;margin:0 auto;padding:2rem 1rem}.titulo{font-size:1.8rem;font-weight:700;color:#1a365d;margin-bottom:.25rem}.subtitulo{font-size:.95rem;color:#718096;margin-bottom:1.5rem}.dropzone{border:2px dashed #a0aec0;border-radius:12px;padding:2.5rem;text-align:center;cursor:pointer;transition:all .2s;background:#fff}.dropzone:hover,.dropzone.activo{border-color:#3182ce;background:#ebf8ff}.dropzone.con-archivo{border-color:#38a169;background:#f0fff4}.drop-texto-principal{font-size:1.1rem;font-weight:600;color:#4a5568;margin-bottom:.25rem}.drop-texto-secundario{font-size:.9rem;color:#718096;margin-bottom:.5rem}.drop-formato{font-size:.8rem;color:#a0aec0}.archivo-info{display:flex;align-items:center;justify-content:center;gap:.5rem}.icono-archivo{font-size:1.5rem}.nombre-archivo{font-weight:600;color:#276749;font-size:.95rem;word-break:break-all}.tamano-archivo{font-size:.8rem;color:#718096}.botones{display:flex;gap:1rem;margin-top:1.25rem;flex-wrap:wrap}.btn-procesar{flex:1;padding:.75rem 1.5rem;background:#2b6cb0;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s;min-width:180px}.btn-procesar:hover:not(:disabled){background:#2c5282}.btn-procesar:disabled{background:#a0aec0;cursor:not-allowed}.btn-reiniciar{padding:.75rem 1.25rem;background:#fff;color:#4a5568;border:1.5px solid #cbd5e0;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s}.btn-reiniciar:hover{background:#f7fafc;border-color:#a0aec0}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.spinner-lg{width:40px;height:40px;border:3px solid rgba(43,108,176,.25);border-top-color:#2b6cb0}.error-conexion{margin-top:1rem;padding:.75rem 1rem;background:#fff5f5;border:1px solid #fc8181;border-radius:8px;color:#c53030;font-size:.9rem}.resultados{margin-top:2rem}.resultados-titulo{font-size:1.2rem;font-weight:700;color:#1a365d;margin-bottom:1rem}.tarjetas{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.tarjeta{flex:1;min-width:120px;padding:1.25rem;border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#fff;border:none;box-shadow:0 4px 14px #0f172a14,0 2px 4px #0f172a0a}.tarjeta-numero{font-size:2rem;font-weight:800;line-height:1}.tarjeta-ok .tarjeta-numero{color:#276749}.tarjeta-error .tarjeta-numero{color:#c53030}.tarjeta-sin-errores .tarjeta-numero{color:#276749}.tarjeta-total .tarjeta-numero{color:#2b6cb0}.tarjeta-label{font-size:.8rem;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.btn-exportar-pdf{padding:.55rem 1.1rem;background:#fff;color:#1a365d;border:1.5px solid #cbd5e0;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.btn-exportar-pdf:hover{border-color:#2b6cb0;background:#f7fafc;box-shadow:0 2px 8px #0f172a0f}.seccion-tabla{margin-bottom:1.75rem}.tabla-wrapper{overflow-x:auto;border-radius:12px;background:#fff;box-shadow:0 4px 14px #0f172a0f,0 1px 2px #0f172a0a}.tabla{width:100%;border-collapse:collapse;font-size:.8125rem;background:#fff;color:#334155;line-height:1.45}.tabla thead tr{border-bottom:1px solid #e2e8f0}.tabla th{padding:.7rem 1rem;text-align:left;font-weight:600;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;white-space:nowrap}.tabla td{padding:.65rem 1rem;border-bottom:1px solid #f1f5f9;vertical-align:top}.tabla tbody tr:last-child td{border-bottom:none}.tabla tbody tr{transition:background .12s ease}.tabla tbody tr:hover{background:#f8fafc}.fila-error td:first-child{box-shadow:inset 3px 0 #f87171}.fila-ok td:first-child{box-shadow:inset 3px 0 #4ade80}.fila-procesando{background:#f8fbff}.fila-procesando td:first-child{box-shadow:inset 3px 0 #60a5fa}.mensaje-error{color:#b91c1c;font-size:.8125rem;font-weight:500;max-width:340px;word-break:break-word}.id-siigo{font-family:ui-monospace,Cascadia Code,monospace;font-size:.75rem;font-weight:500;color:#64748b;letter-spacing:.02em}.archivo-en-proceso{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;background:#f0fff4;border:1.5px solid #68d391;border-radius:10px;margin-bottom:.5rem}.nombre-archivo-compacto{font-weight:600;color:#276749;font-size:.9rem;flex:1;word-break:break-all}.badge-procesando{font-size:.8rem;font-weight:600;color:#2b6cb0;background:#ebf8ff;border:1px solid #90cdf4;border-radius:20px;padding:.2rem .7rem;white-space:nowrap}.barra-fondo{width:100%;background:#e2e8f0;border-radius:8px;overflow:hidden;margin-bottom:.4rem;height:14px}.barra-relleno{height:100%;border-radius:8px;transition:width .4s ease-in-out}.barra-texto{font-size:.8rem;color:#718096;text-align:right;margin-bottom:1.25rem}.tabla-titulo{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;margin-bottom:.6rem}.badge{display:inline-block;padding:.18rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-pendiente{background:#fefce8;color:#854d0e;border:1px solid #fde68a}.badge-procesando{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.badge-exitosa{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.badge-error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.folio-corto{font-family:ui-monospace,Cascadia Code,monospace;font-size:.78rem;font-weight:600;color:#334155;cursor:default;border-bottom:1px dashed #cbd5e0}.ultima-factura-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.85rem 1.1rem;margin-bottom:1.25rem;box-shadow:0 2px 8px #0f172a0d}.ultima-factura-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;display:block;margin-bottom:.4rem}.ultima-factura-body{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.ultima-factura-folio{font-family:ui-monospace,Cascadia Code,monospace;font-size:.875rem;font-weight:600;color:#1a365d}.ultima-factura-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:#718096}.acciones-finales{margin-top:20px;display:flex;gap:10px;justify-content:center}.tabla-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:.6rem}.filtro-estados{display:flex;gap:6px;flex-wrap:wrap}.filtro-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer;border:1.5px solid #e2e8f0;background:#fff;color:#718096;transition:all .15s}.filtro-btn:hover{border-color:#a0aec0;color:#4a5568}.filtro-btn-activo{background:#1a365d;color:#fff;border-color:#1a365d}.filtro-btn-activo .filtro-count{background:#ffffff40;color:#fff}.filtro-btn-exitosa.filtro-btn-activo{background:#276749;border-color:#276749}.filtro-btn-error.filtro-btn-activo{background:#c53030;border-color:#c53030}.filtro-btn-procesando.filtro-btn-activo{background:#1d4ed8;border-color:#1d4ed8}.filtro-btn-pendiente.filtro-btn-activo{background:#92400e;border-color:#92400e}.filtro-count{background:#edf2f7;color:#718096;border-radius:10px;padding:0 5px;font-size:.7rem;font-weight:700;min-width:18px;text-align:center}.badge-omitida{background:#e9d8fd;color:#553c9a}.fila-omitida{background:#faf5ff}.filtro-btn-omitida.filtro-btn-activo{background:#553c9a;border-color:#553c9a}.tarjeta-omitida .tarjeta-numero{color:#553c9a}.btn-reintentar{padding:.75rem 1.25rem;background:#fff;color:#553c9a;border:1.5px solid #b794f4;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s}.btn-reintentar:hover:not(:disabled){background:#faf5ff;border-color:#805ad5}.btn-reintentar:disabled{opacity:.6;cursor:not-allowed}.aviso-cola{background:#fffbeb;border:1px solid #f6e05e;color:#744210;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;margin-top:12px}