:root{--fondo: #f3f5f4;--card: #ffffff;--texto: #1c2321;--muted: #66716d;--borde: #dfe4e2;--primario: #0f766e;--primario-2: #0d5f59;--suave: #eef7f6;--suave-texto: #d4efec;--verde: #15803d;--rojo: #c0392b;--azul: #1d4ed8;--naranja: #c2410c;--radio: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texto);background:var(--fondo)}*{box-sizing:border-box}body{margin:0;background:var(--fondo)}h1,h2,h3,h4{margin:0 0 12px}h2{font-size:1.3rem}h3{font-size:1.05rem}h4{margin-top:20px}a{color:var(--primario)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:var(--primario);color:#fff}.brand{font-weight:700;font-size:1.1rem}.user{display:flex;align-items:center;gap:8px;font-size:.9rem;flex-wrap:wrap;justify-content:flex-end}.user .link{color:#fff}.tabs{display:flex;gap:4px;padding:8px 12px;background:var(--card);border-bottom:1px solid var(--borde);overflow-x:auto;position:sticky;top:0;z-index:5}.tabs a{padding:8px 14px;border-radius:999px;text-decoration:none;color:var(--texto);white-space:nowrap;font-weight:500}.tabs a.active{background:var(--primario);color:#fff}.contenido{max-width:1000px;margin:0 auto;padding:16px}.centro{min-height:100vh;display:grid;place-items:center;padding:16px}.card{background:var(--card);border:1px solid var(--borde);border-radius:var(--radio);padding:16px;margin-bottom:16px}.card.narrow{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px}.card.alerta{border-color:#f59e0b;background:#fffbeb}.logo{text-align:center;color:var(--primario)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:12px}.kpi{background:var(--card);border:1px solid var(--borde);border-left:5px solid var(--primario);border-radius:var(--radio);padding:12px 14px;display:flex;flex-direction:column;gap:4px}.kpi.verde{border-left-color:var(--verde)}.kpi.azul{border-left-color:var(--azul)}.kpi.naranja{border-left-color:var(--naranja)}.kpi.rojo{border-left-color:var(--rojo)}.kpi-titulo{font-size:.85rem;color:var(--muted);font-weight:600}.kpi-valor{font-size:1.35rem}.kpi-ayuda{font-size:.75rem;color:var(--muted)}label{display:flex;flex-direction:column;gap:4px;font-size:.88rem;font-weight:600;color:var(--muted)}input,select,textarea{font:inherit;font-weight:400;color:var(--texto);padding:10px 12px;border:1px solid var(--borde);border-radius:8px;background:#fff;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--primario);border-color:transparent}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid2 .ancho{grid-column:1 / -1}.money-input{display:flex;align-items:center;border:1px solid var(--borde);border-radius:8px;background:#fff}.money-input span{padding-left:12px;color:var(--muted)}.money-input input{border:0;font-size:1.1rem;font-weight:600}.money-input:focus-within{outline:2px solid var(--primario)}.money-input input:focus{outline:none}button,.boton{font:inherit;font-weight:600;cursor:pointer;border:0;border-radius:8px;padding:10px 16px;background:var(--primario);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover,.boton:hover{background:var(--primario-2)}button:disabled{opacity:.6;cursor:default}button.secundario,.boton.secundario{background:#e6ecea;color:var(--texto)}button.link{background:none;color:var(--primario);padding:4px 0;font-weight:500}button.grande{padding:14px 18px;font-size:1.05rem}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.segmentos{display:flex;background:#e6ecea;border-radius:10px;padding:4px;gap:4px;margin-bottom:12px}.segmentos button{flex:1;background:transparent;color:var(--texto)}.segmentos button.activo{background:#fff;box-shadow:0 1px 3px #0002}.filtros{display:flex;gap:8px;margin-bottom:12px}.filtros select{width:auto}.buscador{margin-bottom:12px}.fila-titulo{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 8px}.fila-titulo h2,.fila-titulo h3{margin:0}.error{color:var(--rojo);background:#fdecea;padding:10px 12px;border-radius:8px;margin:8px 0}.ok{color:var(--verde);background:#e8f6ec;padding:10px 12px;border-radius:8px}.aviso{color:var(--naranja);background:#fff4e6;padding:10px 12px;border-radius:8px}.muted{color:var(--muted);font-size:.88rem}.texto-rojo{color:var(--rojo)!important}.texto-verde{color:var(--verde)}.badge{background:#fff3;padding:2px 8px;border-radius:999px;font-size:.78rem}.card .badge{background:#e6ecea}.chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.chip.verde{background:#dcfce7;color:var(--verde)}.chip.rojo{background:#fde2e2;color:var(--rojo)}.chip.azul{background:#dbeafe;color:var(--azul)}.chip.gris{background:#e6ecea;color:var(--muted)}.tabla-scroll{overflow-x:auto;background:var(--card);border:1px solid var(--borde);border-radius:var(--radio)}.tabla{width:100%;border-collapse:collapse;font-size:.92rem}.tabla th{text-align:left;font-size:.78rem;color:var(--muted);text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--borde);white-space:nowrap}.tabla td{padding:10px 12px;border-bottom:1px solid var(--borde);white-space:nowrap}.tabla tbody tr{cursor:pointer}.tabla tbody tr:hover{background:#f7faf9}.tabla.compacta tbody tr{cursor:default}.tabla tr.tachado td{opacity:.55}.tabla tr.tachado td b{text-decoration:line-through}.lista-clientes{display:flex;flex-direction:column;gap:8px}.cliente-item{display:flex;justify-content:space-between;gap:12px;padding:14px;text-decoration:none;color:var(--texto);background:var(--card);border:1px solid var(--borde);border-radius:var(--radio)}.cliente-item>div{display:flex;flex-direction:column;gap:3px;min-width:0}.cliente-item .derecha{align-items:flex-end;flex-shrink:0}.informe{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:12px 0}.informe>div{background:#f7faf9;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.informe span{font-size:.8rem;color:var(--muted)}.informe b{font-size:1.1rem}.informe .destacado{background:var(--primario);color:#fff}.informe .destacado span{color:var(--suave-texto)}.informe .destacado b{font-size:1.3rem}.barra{height:10px;background:#e6ecea;border-radius:999px;overflow:hidden;margin:8px 0}.barra div{height:100%;background:var(--verde);transition:width .4s}.abonar{display:flex;flex-direction:column;gap:10px;margin-top:14px}.abono-fijo{font-size:1.2rem!important;padding:18px!important;background:var(--verde)}.abono-fijo:hover{background:#116a32}.variable{border:1px solid var(--borde);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.saldado{background:#dcfce7;color:var(--verde);border:2px solid var(--verde);border-radius:12px;padding:16px;text-align:center;font-size:1.5rem;font-weight:800;letter-spacing:1px;display:flex;flex-direction:column;align-items:center;gap:8px;margin:12px 0}.saldado span{font-size:.9rem;font-weight:500;letter-spacing:0}.anulado{background:#e6ecea;color:var(--muted);padding:12px;border-radius:10px;margin:12px 0}.ok-box{background:#e8f6ec;color:var(--verde);padding:12px;border-radius:10px;font-weight:700;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:12px 0}.nuevo-credito{border-top:1px solid var(--borde);margin-top:16px;padding-top:16px}.credito-form .preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;background:var(--suave);border-radius:10px;padding:12px;margin-top:12px}.credito-form .preview div{display:flex;flex-direction:column}.credito-form .preview span{font-size:.78rem;color:var(--muted)}.lista-simple{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.item-credito{background:#f7faf9;color:var(--texto);justify-content:space-between;font-weight:500;border:1px solid var(--borde)}.item-credito:hover{background:#eef3f1}.datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.datos span{font-size:.78rem;color:var(--muted);font-weight:600}.datos p{margin:2px 0 0;white-space:pre-wrap}.fila-usuario{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--borde);flex-wrap:wrap}.fila-usuario:last-child{border-bottom:0}.fila-usuario>div:first-child{display:flex;flex-direction:column;gap:2px}.fila-usuario select{width:auto}@media (max-width: 600px){.grid2{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.kpi-valor{font-size:1.1rem}.user>span:first-child{display:none}}.dialogo-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f172a99;display:grid;place-items:center;padding:16px;animation:aparecer .15s ease-out}.dialogo{width:100%;max-width:400px;background:var(--card);border-radius:18px;padding:24px 20px 18px;text-align:center;box-shadow:0 20px 50px #0005;border-top:6px solid var(--primario);animation:subir .18s ease-out}.dialogo.verde{border-top-color:var(--verde)}.dialogo.rojo{border-top-color:var(--rojo)}.dialogo.azul{border-top-color:var(--azul)}.dialogo h3{font-size:1.2rem;margin:6px 0 10px}.dialogo-icono{font-size:2.4rem;line-height:1}.dialogo-monto{font-size:2.2rem;font-weight:800;color:var(--verde);margin:4px 0 10px}.dialogo.rojo .dialogo-monto{color:var(--rojo)}.dialogo-mensaje{color:var(--muted);margin:0 0 12px}.dialogo-filas{background:#f7faf9;border-radius:12px;padding:6px 14px;margin-bottom:14px;text-align:left}.dialogo-filas div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--borde)}.dialogo-filas div:last-child{border-bottom:0}.dialogo-filas span{color:var(--muted)}.dialogo-campo{text-align:left;margin-bottom:14px}.dialogo-enlace{width:100%;margin-bottom:10px}.dialogo-botones{display:flex;gap:10px}.dialogo-botones button{flex:1}.boton-verde{background:var(--verde)}.boton-verde:hover{background:#116a32}.boton-rojo{background:var(--rojo)}.boton-rojo:hover{background:#a3301f}.boton-azul{background:var(--primario)}.boton-azul:hover{background:var(--primario-2)}@keyframes aparecer{0%{opacity:0}}@keyframes subir{0%{transform:translateY(20px) scale(.97);opacity:0}}.boton-asignar{margin-top:6px;align-self:flex-start;padding:6px 12px;font-size:.88rem}.asignar{flex-basis:100%;background:#f7faf9;border:1px solid var(--borde);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.asignar-lista{max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.asignar-item{flex-direction:row;align-items:center;gap:10px;background:#fff;border:1px solid var(--borde);border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:400;color:var(--texto)}.asignar-item.marcado{border-color:var(--verde);background:#ecfdf3}.asignar-item input{width:20px;height:20px;flex-shrink:0;accent-color:var(--verde)}.cobrador-rapido{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 12px}.cobrador-rapido select{width:auto;min-width:180px}.botones-usuario{margin:6px 0 0;gap:6px}.botones-usuario .boton-asignar{margin-top:0}.reporte h2{margin-bottom:10px}.segmentos.periodos{flex-wrap:wrap}.segmentos.periodos button{flex:1 1 auto;padding:8px 10px}.segmentos.agrupar{margin:0}.segmentos.agrupar button{padding:6px 10px;font-size:.85rem;white-space:nowrap}.reporte .filtros label{flex:1}.reporte .subtitulo{margin-top:16px}.reporte .cargando{opacity:.5;transition:opacity .2s}:root[data-tema=fucsia]{--primario: #e11d74;--primario-2: #be185d;--fondo: #fff4f8;--borde: #f7d6e5;--suave: #fde6f0;--suave-texto: #fbcfe1}:root[data-tema=morado]{--primario: #7e22ce;--primario-2: #6b21a8;--fondo: #f8f4fd;--borde: #e6dcf3;--suave: #f1e8fb;--suave-texto: #e4d2f8}:root[data-tema=azul]{--primario: #1e3a8a;--primario-2: #172554;--fondo: #f1f4f9;--borde: #dbe2ee;--suave: #e8eef9;--suave-texto: #c7d4f0}:root[data-tema=gris]{--primario: #334155;--primario-2: #1e293b;--fondo: #f3f4f6;--borde: #e2e5ea;--suave: #eceef2;--suave-texto: #cbd2dc}.selector-tema{position:relative}.selector-tema>button{background:#ffffff26;padding:6px 10px}.selector-tema>button:hover{background:#ffffff40}.menu-tema{position:absolute;right:0;top:calc(100% + 8px);z-index:20;min-width:220px;background:var(--card);color:var(--texto);border-radius:14px;padding:8px;box-shadow:0 12px 32px #0003;display:flex;flex-direction:column;gap:2px}.menu-tema p{margin:4px 8px 6px;font-size:.8rem;color:var(--muted);font-weight:600}.menu-tema button{background:none;color:var(--texto);justify-content:flex-start;gap:10px;font-weight:500;padding:9px 10px}.menu-tema button:hover{background:#0000000d}.menu-tema button.activo{background:var(--suave);font-weight:700}.muestra-tema{width:22px;height:22px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 2px #ffffff80}.tabs a{display:inline-flex;align-items:center;gap:6px}@media (max-width: 600px){.tabs{position:fixed;top:auto;bottom:0;left:0;right:0;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;padding:4px 4px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--borde);border-bottom:0;box-shadow:0 -4px 16px #0000000f;overflow:visible}.tabs a{flex-direction:column;gap:2px;padding:6px 2px;border-radius:12px;font-size:.74rem;font-weight:600;color:var(--muted);min-height:52px;justify-content:center}.tabs a .icono{font-size:1.35rem;line-height:1}.tabs a.active{background:var(--suave);color:var(--primario)}.contenido{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.topbar button,.selector-tema>button{min-height:40px;min-width:40px}button.link{min-height:40px;padding:8px 0}.segmentos button{min-height:38px}.boton-asignar{min-height:40px}.tabla-scroll:has(.tabla.movil){overflow:visible;background:transparent;border:0}.tabla.movil thead{display:none}.tabla.movil,.tabla.movil tbody,.tabla.movil tr,.tabla.movil td{display:block;width:100%}.tabla.movil tr{background:var(--card);border:1px solid var(--borde);border-radius:12px;padding:10px 14px;margin-bottom:8px}.tabla.movil td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;border:0;white-space:normal;text-align:right}.tabla.movil td:before{content:attr(data-label);color:var(--muted);font-size:.82rem;text-align:left}.tabla.movil td.t-titulo{display:block;text-align:left;font-size:1rem;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--borde)}.tabla.movil td.t-titulo:before,.tabla.movil td.t-accion:before,.tabla.movil td[colspan]:before{content:none}.tabla.movil td.t-accion{justify-content:flex-end;padding-top:2px}.tabla.movil td.t-accion:empty{display:none}.tabla.movil td[colspan]{display:block;text-align:left}.tabla.movil tr.tachado{opacity:.7}.filtros{flex-wrap:wrap}.filtros>input{flex:1 1 100%}.filtros>select{flex:1 1 100%;width:100%}}