:root{--fondo: #f3f5f4;--card: #ffffff;--texto: #1c2321;--muted: #66716d;--borde: #dfe4e2;--primario: #0f766e;--primario-2: #0d5f59;--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:#d4efec}.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:#eef7f6;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}}