*{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)}}.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}.tarjeta-ok{background:#f0fff4;border:1.5px solid #68d391}.tarjeta-error{background:#fff5f5;border:1.5px solid #fc8181}.tarjeta-sin-errores{background:#f0fff4;border:1.5px solid #68d391}.tarjeta-total{background:#ebf8ff;border:1.5px solid #63b3ed}.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}.seccion-tabla{margin-bottom:1.25rem}.btn-toggle{background:none;border:none;font-size:.95rem;font-weight:600;color:#c53030;cursor:pointer;padding:.5rem 0;margin-bottom:.5rem}.btn-toggle-ok{color:#276749}.tabla-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0}.tabla{width:100%;border-collapse:collapse;font-size:.875rem;background:#fff}.tabla thead{background:#f7fafc}.tabla th{padding:.6rem .8rem;text-align:left;font-weight:600;color:#4a5568;border-bottom:1px solid #e2e8f0;white-space:nowrap}.tabla td{padding:.55rem .8rem;border-bottom:1px solid #edf2f7;vertical-align:top}.fila-error td{background:#fff5f5}.fila-ok td{background:#f0fff4}.mensaje-error{color:#c53030;font-size:.8rem;max-width:340px;word-break:break-word}.id-siigo{font-family:monospace;font-size:.75rem;color:#2b6cb0}