*{box-sizing:border-box;margin:0;padding:0}:root{--rojo: #d92b2b;--amarillo: #f2b705;--verde: #2e9e44;--gris: #e9e9e9;--tinta: #1c1c1c;--fondo: #f5f4f0;--azul: #1f4e79}body{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--fondo);color:var(--tinta);font-size:18px}.cargando{padding:60px 20px;text-align:center;font-size:22px}.login-fondo{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-caja{background:#fff;border-radius:14px;box-shadow:0 4px 20px #0000001a;padding:36px 30px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:10px}.login-caja h1{font-size:34px;color:var(--azul)}.login-sub{color:#666;margin-bottom:14px}.login-caja label{font-weight:600;margin-top:8px}.login-caja input{font-size:20px;padding:14px;border:2px solid #ccc;border-radius:10px}.login-caja input:focus{outline:none;border-color:var(--azul)}.login-error{background:#fdecec;color:var(--rojo);border-radius:8px;padding:12px;font-weight:600}.boton-grande{font-size:20px;font-weight:700;padding:16px 24px;border:none;border-radius:12px;background:var(--azul);color:#fff;cursor:pointer;margin-top:10px}.boton-grande:disabled{opacity:.6}.boton-grande.secundario{background:#fff;color:var(--azul);border:2px solid var(--azul)}.header{background:#fff;border-bottom:1px solid #ddd;padding:14px 16px 16px;position:sticky;top:0;z-index:10}.header-fila{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto}.marca{font-size:20px;font-weight:800;color:var(--azul)}.header-usuario{display:flex;align-items:center;gap:12px}.usuario-nombre{font-weight:600}.boton-salir{font-size:16px;padding:8px 16px;border-radius:8px;border:1px solid #bbb;background:#fff;cursor:pointer}.selector-empresa{display:flex;gap:10px;max-width:900px;margin:14px auto 0}.boton-empresa{flex:1;font-size:20px;font-weight:700;padding:16px 10px;border-radius:12px;border:2px solid var(--azul);background:#fff;color:var(--azul);cursor:pointer}.boton-empresa.activa{background:var(--azul);color:#fff}.contenido{max-width:900px;margin:0 auto;padding:24px 16px 60px}.tablero-vacio{background:#fff;border-radius:14px;padding:40px 24px;text-align:center;box-shadow:0 2px 10px #0000000f}.tablero-vacio h2{font-size:26px;margin-bottom:10px}.tablero-vacio p{color:#555;font-size:20px}.acciones-admin{display:flex;flex-direction:column;gap:6px;max-width:340px;margin:24px auto 0}.nota-lector{margin-top:18px}.tarjeta{background:#fff;border-radius:14px;padding:22px 20px;box-shadow:0 2px 10px #0000000f;margin-bottom:14px}.tarjeta.centrada{text-align:center;color:#555;font-size:20px;padding:34px 20px}.tarjeta-credito{display:block;width:100%;text-align:left;border:2px solid transparent;font:inherit;color:inherit;cursor:pointer}.tarjeta-credito:hover{border-color:var(--azul)}.tarjeta-baja{opacity:.75}.fila-titulo{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.fila-titulo.seccion{align-items:center;margin-bottom:14px}.fila-titulo h2{font-size:26px}.fila-titulo h3{font-size:22px}.sub-gris{color:#666;font-size:16px;margin-top:2px}.resumen-credito{margin-top:12px;font-size:20px}.aviso-baja{margin-top:10px;color:var(--rojo);font-weight:700}.punto{width:22px;height:22px;border-radius:50%;flex-shrink:0}.punto-rojo{background:var(--rojo)}.punto-amarillo{background:var(--amarillo)}.punto-verde{background:var(--verde)}.punto-gris{background:#c9c9c9}.lista-cuotas{display:flex;flex-direction:column;gap:8px}.fila-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;padding:14px 16px;flex-wrap:wrap}.fondo-rojo{background:#fbe3e3}.fondo-amarillo{background:#fdf3d0}.fondo-verde{background:#e2f3e6}.fondo-gris{background:#efefef}.texto-rojo{color:var(--rojo)}.texto-amarillo{color:#9c7500}.texto-verde{color:var(--verde)}.texto-gris{color:#555}.fila-item-izq{display:flex;flex-direction:column}.fecha-grande{font-size:20px;font-weight:800}.item-desc{font-size:17px;color:#444}.fila-item-der{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.monto-grande{font-size:21px;font-weight:800}.estado-palabras{font-size:14px;font-weight:800;letter-spacing:.3px}.editor-monto{display:flex;gap:8px;align-items:center}.editor-monto input{font-size:18px;padding:8px 10px;border:2px solid var(--azul);border-radius:8px;width:150px}.boton-chico{font-size:16px;padding:8px 14px;border-radius:8px;border:1px solid #bbb;background:#fff;cursor:pointer;white-space:nowrap}.boton-chico.primario{background:var(--azul);border-color:var(--azul);color:#fff;font-weight:700}.boton-chico.peligro{color:var(--rojo);border-color:var(--rojo)}.boton-chico.volver{margin-bottom:12px;font-size:18px}.botones-columna{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.boton-grande.compacto{margin-top:0;padding:12px 18px;font-size:18px}.zona-bajas{margin-top:24px}.zona-bajas>.boton-chico{margin-bottom:10px}.formulario{max-width:520px;margin:0 auto}.formulario label,.form-inline label{display:block;font-weight:600;margin:16px 0 6px}.formulario input,.form-inline input{width:100%;font-size:20px;padding:14px;border:2px solid #ccc;border-radius:10px}.formulario input:focus,.form-inline input:focus{outline:none;border-color:var(--azul)}.paso-indicador{color:#666;margin-top:4px}.opciones-dobles{display:flex;gap:10px}.boton-opcion{flex:1;font-size:19px;font-weight:700;padding:16px 10px;border-radius:12px;border:2px solid #ccc;background:#fff;cursor:pointer;display:flex;flex-direction:column;gap:4px;color:var(--tinta)}.boton-opcion span{font-size:14px;font-weight:400;color:#666}.boton-opcion.elegida{border-color:var(--azul);background:#eaf1f8;color:var(--azul)}.botones-pie{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.botones-pie .boton-grande{margin-top:0}.confirmacion{background:#eaf1f8;border-radius:12px;padding:20px;margin-top:16px;font-size:20px;line-height:1.5}.confirmacion-total{margin-top:10px}.formulario .login-error{margin-top:14px}.tilde{width:46px;height:46px;border-radius:50%;border:2px solid var(--verde);background:#fff;color:var(--verde);font-size:24px;font-weight:800;cursor:pointer;flex-shrink:0}.tilde:hover{background:var(--verde);color:#fff}.velo{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.dialogo{background:#fff;border-radius:14px;padding:24px 22px;width:100%;max-width:440px}.dialogo h3{font-size:21px}.dialogo-pregunta{margin:10px 0 12px;color:#444}.dialogo input{width:100%;font-size:18px;padding:12px;border:2px solid #ccc;border-radius:10px;margin-top:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:17px;padding:10px 16px;border-radius:20px;border:2px solid #bbb;background:#fff;cursor:pointer}.chip.elegido{border-color:var(--azul);background:#eaf1f8;color:var(--azul);font-weight:700}.seccion-gastos{margin-top:34px}.pestanas{display:flex;gap:6px;max-width:900px;margin:12px auto 0}.pestana{flex:1;font-size:18px;font-weight:700;padding:12px 8px;border:none;border-bottom:4px solid transparent;background:none;color:#666;cursor:pointer}.pestana.activa{color:var(--azul);border-bottom-color:var(--azul)}.selector-mes{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:16px}.selector-mes span{font-size:24px;font-weight:800;min-width:210px;text-align:center}.selector-mes button{font-size:24px;font-weight:800;width:52px;height:52px;border-radius:12px;border:2px solid var(--azul);background:#fff;color:var(--azul);cursor:pointer}.tiles{display:flex;gap:12px;margin-bottom:16px}.tile{flex:1;border-radius:14px;padding:18px 16px;display:flex;flex-direction:column;gap:6px;text-align:center}.tile-debe{background:#1c1c1c;color:#fff}.tile-pagado{background:var(--verde);color:#fff}.tile-titulo{font-size:15px;font-weight:800;letter-spacing:.5px;opacity:.85}.tile-monto{font-size:30px;font-weight:800;white-space:nowrap}.filtros{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.boton-filtro{flex:1;font-size:18px;font-weight:700;padding:14px 8px;border-radius:12px;border:2px solid #bbb;background:#fff;color:#444;cursor:pointer;white-space:nowrap}.boton-filtro.activo{border-color:var(--azul);background:var(--azul);color:#fff}.fila-item-izq.clickeable{cursor:pointer}.fila-item-izq.clickeable .item-desc{text-decoration:underline;text-underline-offset:3px}@media (max-width: 520px){.tiles{flex-direction:column}.tile-monto{font-size:34px}}.firma{text-align:center;color:#b3b3b3;font-size:13px;padding:10px 16px 34px}.firma-login{padding:14px 0 0;font-size:12px}.acciones-herr{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.acciones-herr .boton-grande{margin-top:0;text-decoration:none;display:inline-block;text-align:center}.selector-archivo{font-size:16px}.chip-completar{display:inline-block;margin-left:8px;font-size:11px;font-weight:800;letter-spacing:.3px;color:#b45309;background:#fef6e7;border:1px solid #d97706;border-radius:10px;padding:2px 8px;vertical-align:middle}.dialogo.ancho{max-width:680px}.botones-seccion{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dialogo select{width:100%;font-size:18px;padding:12px;border:2px solid #ccc;border-radius:10px;background:#fff}.muestra-tabla{overflow-x:auto;margin-top:14px;border:1px solid #ddd;border-radius:10px}.muestra-tabla table{border-collapse:collapse;font-size:13px;width:100%}.muestra-tabla th,.muestra-tabla td{border-bottom:1px solid #eee;padding:6px 10px;text-align:left;white-space:nowrap}.muestra-tabla th{background:#eaf1f8;color:var(--azul)}.lista-errores{margin:6px 0 0 20px;font-size:15px}.zona-peligro{border:2px solid var(--rojo)}.boton-grande.peligro{background:var(--rojo)}.aviso-resultado{background:#eaf1f8;font-weight:600}.exportar{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.exportar span{font-size:15px;color:#666;font-weight:600}.exportar .boton-chico{text-decoration:none;color:var(--tinta);display:inline-block}.banner-alerta{display:block;width:100%;background:#fdf3d0;border:2px solid var(--amarillo);color:#6b5300;font-size:19px;font-weight:700;border-radius:12px;padding:14px 16px;margin-bottom:16px;cursor:pointer;text-align:left}.banner-alerta:hover{background:#fbecb5}.boton-notas.con-notas{border-color:#d97706;color:#b45309;font-weight:800;background:#fef6e7}.lista-notas{display:flex;flex-direction:column;gap:10px;margin-top:14px;max-height:40vh;overflow-y:auto}.nota{background:#f4f4f4;border-radius:10px;padding:12px 14px}.nota-cabecera{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px;font-size:15px}.nota-cabecera span{color:#777}.nota p{font-size:18px;white-space:pre-wrap}.dialogo textarea{width:100%;font-size:18px;font-family:inherit;padding:12px;border:2px solid #ccc;border-radius:10px;margin-top:14px;resize:vertical}.dialogo textarea:focus{outline:none;border-color:var(--azul)}