:root{--acento:#3f3f46;--acento-claro:#55555e;--oscuro:#1c1c20;--oscuro-2:#2b2b31;--fondo:#f5f5f6;--tarjeta:#fff;--borde:#e2e2e6;--texto:#212126;--texto-suave:#71717a;--rojo:#b42318;--verde:#067647;--ambar:#b54708;--morado:#6941c6}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px}#root{min-height:100vh}.app{min-height:100vh;display:flex}.sidebar{background:var(--oscuro);color:#e5eef7;flex-direction:column;flex-shrink:0;gap:24px;width:240px;padding:20px 14px;display:flex}.contenido{flex-direction:column;flex:1;max-width:1200px;padding:28px 36px;display:flex}.contenido>*{flex-shrink:0}.contenido .pie-firma{margin-top:auto;padding-top:28px}.marca{align-items:center;gap:10px;display:flex}.marca-logo-img{width:44px;height:44px}.marca-nombre{font-size:15px;font-weight:700}.marca-sub{color:#93a6b8;font-size:11px}.menu{flex-direction:column;flex:1;gap:4px;display:flex}.menu-grupo{letter-spacing:1.5px;text-transform:uppercase;color:#7d8b99;margin:14px 12px 2px;font-size:10.5px;font-weight:700}.menu-grupo:first-child{margin-top:0}.menu a{color:#c3d2e0;border-radius:8px;padding:10px 12px;font-weight:500;text-decoration:none}.menu a:hover{background:var(--oscuro-2);color:#fff}.menu a.active{background:var(--acento);color:#fff}.sidebar-pie{border-top:1px solid var(--oscuro-2);flex-direction:column;gap:6px;padding-top:14px;display:flex}.usuario-nombre{font-size:14px;font-weight:600}.usuario-email{color:#93a6b8;word-break:break-all;font-size:12px}.pagina-cabecera{margin-bottom:20px}.pagina-cabecera h1{align-items:center;gap:12px;margin:0;font-size:24px;display:flex}.volver{color:var(--texto-suave);font-size:13px;text-decoration:none}.volver:hover{color:var(--acento)}.filtros{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.buscador{flex:1;min-width:260px}input,select,textarea{font:inherit;border:1px solid var(--borde);color:var(--texto);background:#fff;border-radius:8px;padding:9px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--acento-claro);outline-offset:-1px}textarea{resize:vertical;width:100%}label{flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.tabla{border-collapse:collapse;background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;width:100%;overflow:hidden}.tabla th{background:var(--acento);color:#fff;text-align:left;padding:10px 14px;font-size:13px;font-weight:600}.tabla td{border-top:1px solid var(--borde);padding:10px 14px}.tabla tbody tr:hover{background:#f0f5fa}.tabla .fila-activa{background:#e8f1fa}.der{text-align:right}.mono{font-family:Cascadia Code,Consolas,monospace;font-size:13.5px}.negrita{font-weight:700}.suave{color:var(--texto-suave);font-size:13px}.vacio{color:var(--texto-suave);text-align:center;list-style:none;padding:24px!important}.etiqueta{border-radius:99px;margin-left:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.etiqueta-activa{color:#175cd3;background:#e0edff}.etiqueta-acuerdo_pago{color:var(--ambar);background:#fef0c7}.etiqueta-judicial{color:var(--morado);background:#ece4ff}.etiqueta-pagada{color:var(--verde);background:#d3f5e2}.etiqueta-archivada{color:var(--texto-suave);background:#e7ebef}.etiqueta-castigo{color:var(--rojo);background:#fee4e2}.btn{font:inherit;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}.btn-primario{background:var(--acento);color:#fff}.btn-primario:hover{background:var(--acento-claro)}.btn-primario:disabled{opacity:.6;cursor:wait}.btn-secundario{color:var(--acento);border:1px solid var(--borde);background:#fff}.btn-secundario:hover{border-color:var(--acento)}.btn-chico{padding:5px 12px;font-size:13px}.login-fondo{background:linear-gradient(150deg, var(--oscuro) 0%, var(--acento) 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-caja{background:#fff;border-radius:14px;flex-direction:column;gap:16px;width:380px;padding:36px;display:flex;box-shadow:0 18px 50px #00000059}.login-marca{flex-direction:column;align-items:center;gap:2px;margin-bottom:10px;display:flex}.login-logo{width:110px;height:110px}.login-titulo{letter-spacing:1.5px;color:var(--texto);font-size:20px;font-weight:800}.login-subtitulo{letter-spacing:3px;text-transform:uppercase;color:var(--texto-suave);font-size:12.5px}.pie-firma{text-align:center;color:var(--texto-suave);margin-top:28px;font-size:12.5px}.pie-firma a{color:var(--texto-suave);font-weight:600;text-decoration:none}.pie-firma a:hover{color:var(--acento);text-decoration:underline}.login-caja .pie-firma{margin-top:6px}.ficha-grilla{grid-template-columns:1fr 1.3fr;align-items:start;gap:20px;display:grid}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:20px 22px}.tarjeta h2{text-transform:uppercase;letter-spacing:.4px;color:var(--texto-suave);margin:0 0 14px;font-size:15px}.tarjeta h2+.tarjeta h2,.tarjeta ul+h2,.tarjeta form+h2{margin-top:24px}.datos{grid-template-columns:130px 1fr;row-gap:10px;margin:0;display:grid}.datos dt{color:var(--texto-suave);font-size:13px}.datos dd{margin:0}.observaciones{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-top:16px;padding:10px 12px;font-size:14px}.form-gestion{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.fila{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.fila select{flex:1}.proximo input{width:160px}.anio{width:90px}.nota{color:var(--texto-suave);margin:0;font-size:12px}.linea-tiempo{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.linea-tiempo li{border-left:3px solid var(--acento);background:#f8fafc;border-radius:0 8px 8px 0;padding:10px 14px}.linea-tiempo p{white-space:pre-wrap;margin:6px 0 0}.gestion-cabecera{justify-content:space-between;gap:10px;display:flex}.gestion-tipo{color:var(--acento);font-size:13.5px;font-weight:700}.gestion-usuario{color:var(--texto);background:var(--fondo);border:1px solid var(--borde);border-radius:5px;margin-right:8px;padding:1px 7px;font-size:12px;font-weight:700;display:inline-block}.tag-masivo{text-transform:uppercase;letter-spacing:.5px;color:var(--acento);background:var(--borde);border-radius:4px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700}.pestanas{border-bottom:1px solid var(--borde);gap:6px;margin-bottom:18px;display:flex}.pestana{font:inherit;cursor:pointer;color:var(--texto-suave);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-weight:600}.pestana:hover{color:var(--texto)}.pestana.activa{color:var(--acento);border-bottom-color:var(--acento)}.btn-deshabilitado{opacity:.5;cursor:not-allowed}.paginacion{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.paginacion .btn:disabled{opacity:.4;cursor:not-allowed}.vacio-busqueda{text-align:center;color:var(--texto-suave);border:1px dashed var(--borde);border-radius:10px;padding:40px 20px}.proximo-aviso{color:var(--ambar);margin-top:8px;font-size:13px;font-weight:600}.gestion-destacada{border-left-color:var(--verde);background:#f0faf5}.gestion-destacada .gestion-tipo{color:var(--verde);text-transform:uppercase;letter-spacing:.4px}.gestion-destacada p{font-weight:600}.separado{margin-top:24px}.tarjeta .paso-titulo{border-top:1px solid var(--borde);margin-top:28px;padding-top:20px}.acciones{flex-direction:column;align-items:stretch;gap:8px;display:flex}.acciones .btn{text-align:left}.total-abono{align-self:end;padding:9px 0;font-weight:700}.equipo-grilla{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:20px;display:grid}.lista-tipos{margin:0;padding:0;list-style:none}.lista-tipos li{border-bottom:1px solid var(--borde);justify-content:space-between;gap:10px;padding:5px 0;font-size:14px;display:flex}.lista-tipos li:last-child{border-bottom:none}.subir-archivo{cursor:pointer}.resultado-carga{border:1px solid var(--borde);background:#f8fafc;border-radius:8px;padding:12px 14px}.resultado-carga p{margin:0 0 6px}.lista-errores{color:var(--rojo);max-height:180px;margin:0;padding-left:18px;font-size:13px;overflow-y:auto}.finanzas{margin-top:20px}.acuerdo-resumen{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tabla-cuotas{margin-bottom:8px}.finanzas-pie{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.finanzas-pie h2{margin:0}.form-finanzas{border:1px solid var(--borde);background:#f8fafc;border-radius:10px;flex-direction:column;gap:12px;margin:12px 0;padding:16px;display:flex}.form-finanzas h3{margin:0;font-size:15px}.form-finanzas .fila label{flex:1;min-width:140px}.form-finanzas .fila input,.form-finanzas .fila select{width:100%}.form-finanzas .fila .btn{flex:0}.alta-zona{margin-bottom:16px}.form-alta{max-width:760px}.fila-contacto{margin-bottom:8px}.fila-contacto input{flex:1}.deudor-elegido{border:1px solid var(--borde);background:#eef4fb;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.sugerencias{border:1px solid var(--borde);background:#fff;border-radius:8px;margin:4px 0 0;padding:0;list-style:none;overflow:hidden}.sugerencias button{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;padding:9px 12px;display:block}.sugerencias li+li button{border-top:1px solid var(--borde)}.sugerencias button:hover{background:#f0f5fa}.lista-contactos{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lista-contactos li{align-items:center;gap:10px;display:flex}.informes-grilla{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.informes-grilla .tarjeta{flex-direction:column;gap:12px;display:flex}.informes-grilla .btn{align-self:start}.informes-grilla p{margin:0}.pantalla-carga{text-align:center;color:var(--texto-suave);padding:60px}.alerta-error{color:var(--rojo);background:#fee4e2;border-radius:8px;padding:10px 12px;font-size:14px}.modal-fondo{z-index:50;background:#14141880;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;flex-direction:column;gap:14px;width:440px;max-width:100%;padding:24px;display:flex;box-shadow:0 18px 50px #0000004d}.modal h3{margin:0;font-size:17px}.check{flex-direction:row;align-items:center;gap:8px;font-weight:500}.check input{width:auto}.acciones-fila{gap:6px;display:flex}.aviso-demo{border:1px solid var(--borde);color:var(--texto-suave);background:#eef4fb;border-radius:8px;padding:10px 12px;font-size:13px}.alerta-exito{color:var(--verde);background:#d3f5e2;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:14px;font-weight:600}@media (width<=900px){.ficha-grilla{grid-template-columns:1fr}.contenido{padding:20px}}