@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans+Condensed:wght@600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--cromo:#0f1e1c;--cromo-alt:#17302c;--cromo-linea:#24403b;--cromo-txt:#9db5af;--cromo-txt-hi:#eaf2ef;--cromo-marca:#35c99a;--bg:#edf0ef;--surface:#fff;--surface-alt:#f6f8f7;--border:#d8dedc;--border-fuerte:#c2cbc8;--text:#16211f;--muted:#5b6b68;--brand:#0b5f4a;--brand-hi:#084c3b;--brand-soft:#e2efea;--ok:#0e6e47;--ok-soft:#e3f2ea;--warn:#96620a;--warn-soft:#fbf0dc;--bad:#a32419;--bad-soft:#fbe9e7;--neutro:#e9edec;--mora-0:#9aa8a5;--mora-1:#c9931f;--mora-2:#c2670f;--mora-3:#a83a1b;--mora-4:#6e1a13;--radio:6px;--radio-chico:4px;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--cond:"IBM Plex Sans Condensed", "IBM Plex Sans", system-ui, sans-serif;--sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--transicion:.15s ease}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}.app{min-height:100vh;display:flex}.sidebar{background:var(--cromo);border-right:1px solid var(--cromo);flex-direction:column;flex-shrink:0;gap:2px;width:216px;height:100vh;padding:20px 10px 14px;display:flex;position:sticky;top:0}.sidebar .marca{font-family:var(--cond);text-transform:uppercase;letter-spacing:.16em;color:var(--cromo-txt-hi);padding:2px 12px 20px;font-size:15px;font-weight:700}.sidebar a{border-radius:var(--radio-chico);color:var(--cromo-txt);transition:background var(--transicion), color var(--transicion);padding:8px 12px;font-size:14px;text-decoration:none;display:block;position:relative}.sidebar a:hover{background:var(--cromo-alt);color:var(--cromo-txt-hi)}.sidebar a.activo{background:var(--cromo-alt);color:var(--cromo-txt-hi);font-weight:600}.sidebar a.activo:before{content:"";background:var(--cromo-marca);border-radius:2px;width:2px;position:absolute;top:7px;bottom:7px;left:0}.sidebar .pie{border-top:1px solid var(--cromo-linea);font-family:var(--mono);color:var(--cromo-txt);margin-top:auto;padding:12px 12px 0;font-size:11px}.sidebar .pie button{border-color:var(--cromo-linea);color:var(--cromo-txt-hi);background:0 0}.sidebar .pie button:hover{background:var(--cromo-alt);border-color:var(--cromo-txt)}.contenido{flex:1;min-width:0;padding:26px 30px 64px}.encabezado{border-bottom:1px solid var(--border-fuerte);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;padding-bottom:14px;display:flex}.encabezado h1{font-family:var(--cond);letter-spacing:-.005em;margin:0;font-size:25px;font-weight:700}.encabezado p{color:var(--muted);font-family:var(--mono);letter-spacing:.01em;margin:4px 0 0;font-size:11.5px}.acciones{flex-wrap:wrap;gap:8px;display:flex}.tarjetas{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:22px;display:grid}.tarjeta{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--border-fuerte);border-radius:0 0 var(--radio) var(--radio);padding:13px 15px 14px}.tarjeta .rotulo{font-family:var(--cond);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600}.tarjeta .valor{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:6px;font-size:25px;font-weight:600;line-height:1.15}.tarjeta .nota{color:var(--muted);margin-top:5px;font-size:12px}.tarjeta.malo{border-top-color:var(--bad)}.tarjeta.bien{border-top-color:var(--ok)}.tarjeta.aviso{border-top-color:var(--warn)}.tarjeta.malo .valor{color:var(--bad)}.tarjeta.bien .valor{color:var(--ok)}.tarjeta.aviso .valor{color:var(--warn)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radio);margin-bottom:18px;overflow:hidden}.panel>h2{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;color:var(--text);border-bottom:1px solid var(--border);background:var(--surface-alt);margin:0;padding:12px 16px;font-size:12px;font-weight:600}.tabla-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 14px}th{font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:var(--surface-alt);border-bottom:1px solid var(--border-fuerte);font-size:10.5px;font-weight:500}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transicion)}tbody tr:hover{background:var(--surface-alt)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.num{font-family:var(--mono);letter-spacing:-.01em;font-size:13px;font-weight:500}tfoot td{font-family:var(--mono);background:var(--surface-alt);border-top:2px solid var(--border-fuerte);font-weight:600}tbody tr:has(.tag.parcial){box-shadow:inset 3px 0 0 var(--warn)}tbody tr:has(.tag.vencida){box-shadow:inset 3px 0 0 var(--bad)}.vacio{text-align:center;color:var(--muted);padding:40px 16px;font-size:13.5px}.termometro{padding:16px}.termometro-limpio{color:var(--muted);align-items:center;gap:10px;font-size:13.5px;display:flex}.termometro-barra{background:var(--neutro);border-radius:2px;height:12px;display:flex;overflow:hidden}.termometro-barra .tramo{min-width:3px}.termometro-barra .tramo+.tramo{border-left:1px solid var(--surface)}.termometro-leyenda{grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:10px 18px;margin:14px 0 0;padding:0;list-style:none;display:grid}.termometro-leyenda li{grid-template-columns:8px 1fr;grid-template-areas:"punto etiqueta"".monto"".clientes";align-items:center;gap:1px 8px;display:grid}.termometro-leyenda li.apagado{opacity:.42}.termometro-leyenda .punto{border-radius:2px;grid-area:punto;align-self:start;width:8px;height:8px;margin-top:5px}.termometro-leyenda .etiqueta{font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);grid-area:etiqueta;font-size:10.5px}.termometro-leyenda .monto{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;grid-area:monto;font-size:15px;font-weight:600}.termometro-leyenda .clientes{color:var(--muted);grid-area:clientes;font-size:11.5px}.escala-mora{vertical-align:middle;gap:2px;display:inline-flex}.escala-mora .casilla{background:var(--neutro);border-radius:1px;width:9px;height:14px}.escala-mora .casilla.encendida{box-shadow:inset 0 0 0 1px #0000001f}.tag{border-radius:var(--radio-chico);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:3px 7px;font-size:10.5px;font-weight:500;display:inline-block}.tag.pendiente{background:var(--brand-soft);color:var(--brand)}.tag.vencida{background:var(--bad-soft);color:var(--bad)}.tag.pagada{background:var(--ok-soft);color:var(--ok)}.tag.anulada{background:var(--neutro);color:var(--muted)}.tag.parcial{background:var(--warn-soft);color:var(--warn)}.tag.inactivo{background:var(--neutro);color:var(--muted)}button,.boton{font:inherit;font-family:var(--sans);border-radius:var(--radio-chico);border:1px solid var(--border-fuerte);background:var(--surface);min-height:36px;color:var(--text);cursor:pointer;transition:background var(--transicion), border-color var(--transicion), color var(--transicion);justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}button:hover,.boton:hover{background:var(--surface-alt);border-color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{background:var(--surface);border-color:var(--border-fuerte)}button.primario,.boton.primario{background:var(--brand);border-color:var(--brand);color:#fff}button.primario:hover,.boton.primario:hover{background:var(--brand-hi);border-color:var(--brand-hi)}button.peligro{color:var(--bad);border-color:#e8bdb8}button.peligro:hover{background:var(--bad-soft);border-color:var(--bad)}button.chico{min-height:28px;padding:4px 9px;font-size:12.5px}input,select,textarea{font:inherit;font-family:var(--sans);border:1px solid var(--border-fuerte);border-radius:var(--radio-chico);background:var(--surface);color:var(--text);width:100%;transition:border-color var(--transicion), box-shadow var(--transicion);padding:8px 10px;font-size:13.5px}input[type=number],input[type=date]{font-family:var(--mono);font-variant-numeric:tabular-nums}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}input[type=checkbox]{width:auto;accent-color:var(--brand)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sidebar :focus-visible{outline-color:var(--cromo-marca)}.campo{flex-direction:column;gap:5px;display:flex}.campo>label{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px;font-weight:600}.campo .ayuda{color:var(--muted);font-size:12px}.campo .error{color:var(--bad);font-size:12px;font-weight:500}.grilla{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.filtros{background:var(--surface);border:1px solid var(--border);border-radius:var(--radio);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.filtros .campo{min-width:170px}.fondo-modal{z-index:50;background:#0f1e1c8c;justify-content:center;align-items:flex-start;padding:48px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radio);width:100%;max-width:560px;box-shadow:0 24px 48px #0f1e1c47}.modal header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal header h3{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:15px;font-weight:700}.modal .cuerpo{flex-direction:column;gap:15px;padding:20px;display:flex}.modal footer{border-top:1px solid var(--border);background:var(--surface-alt);border-radius:0 0 var(--radio) var(--radio);justify-content:flex-end;gap:9px;padding:14px 20px;display:flex}.aviso{border-radius:var(--radio-chico);border-left:3px solid;margin-bottom:16px;padding:11px 14px;font-size:13px}.aviso.error{background:var(--bad-soft);color:var(--bad);border-color:var(--bad)}.aviso.ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ok)}.aviso.atencion{background:var(--warn-soft);color:var(--warn);border-color:var(--warn)}.cargando{text-align:center;color:var(--muted);font-family:var(--mono);padding:40px;font-size:12.5px}.login{background:var(--cromo);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login .caja{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--cromo-marca);border-radius:0 0 var(--radio) var(--radio);width:100%;max-width:380px;padding:30px;box-shadow:0 20px 50px #00000059}.login h1{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;margin:0 0 5px;font-size:19px;font-weight:700}.login p.sub{color:var(--muted);font-family:var(--mono);margin:0 0 22px;font-size:11.5px}.login form{flex-direction:column;gap:15px;display:flex}.enlace{min-height:auto;color:var(--brand);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:13.5px;text-decoration:underline}.enlace:hover{color:var(--brand-hi);background:0 0}@media (width<=820px){.app{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--cromo-linea);flex-direction:row;align-items:center;gap:2px;width:100%;height:auto;padding:8px 10px;position:static;overflow-x:auto}.sidebar .marca{white-space:nowrap;padding:0 14px 0 6px}.sidebar a{white-space:nowrap;padding:7px 11px}.sidebar a.activo:before{width:auto;height:2px;inset:auto 8px 0}.sidebar .pie{display:none}.contenido{padding:18px 14px 52px}.encabezado h1,.tarjeta .valor{font-size:21px}th,td{padding:8px 10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}