@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@500;600;700&display=swap";:root{--navy:#14284b;--navy-2:#1f3d6e;--ink:#1a2740;--slate:#64748b;--line:#e4e9f0;--bg:#eef2f7;--card:#fff;--sky:#2478c4;--pos:#2e9e5b;--neg:#d64545;--radio:7px;--sombra:0 1px 2px #14284b0f, 0 1px 8px #14284b0a}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:11px}table{font-variant-numeric:tabular-nums}.app{flex-direction:column;gap:6px;height:100%;padding:8px 10px;display:flex}.fila-media{flex:1;grid-template-columns:1.55fr 1fr;gap:6px;min-height:0;display:grid}.fila-baja{flex:none;grid-template-columns:1fr 1fr;gap:6px;height:146px;display:grid}.tarjeta{background:var(--card);border:1px solid var(--line);border-radius:var(--radio);box-shadow:var(--sombra);flex-direction:column;min-height:0;display:flex;overflow:hidden}.tarjeta-cabecera{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:8px;height:26px;padding:0 9px;display:flex}.tarjeta-titulo{color:var(--navy);white-space:nowrap;font-family:Poppins,Inter,sans-serif;font-size:10.5px;font-weight:600}.tarjeta-cuerpo{flex:1;min-height:0;overflow:auto}.encabezado{flex:none;justify-content:space-between;align-items:center;gap:12px;height:46px;display:flex}.encabezado h1{color:var(--navy);letter-spacing:-.2px;white-space:nowrap;margin:0;font-family:Poppins,Inter,sans-serif;font-size:15px;font-weight:700}.encabezado-sub{color:var(--slate);align-items:center;gap:8px;margin-top:2px;font-size:10px;display:flex}.boton-actualizar{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:5px;height:20px;padding:0 9px;font-family:Inter,sans-serif;font-size:9.5px;font-weight:600;transition:background .15s;display:inline-flex}.boton-actualizar:hover:not(:disabled){background:var(--sky)}.boton-actualizar:disabled{opacity:.65;cursor:default}.boton-actualizar svg{width:10px;height:10px}.girando{animation:1s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.filtros{align-items:flex-end;gap:7px;display:flex}.filtro{flex-direction:column;gap:2px;display:flex}.filtro label{letter-spacing:.5px;text-transform:uppercase;color:var(--slate);padding-left:2px;font-size:8px;font-weight:700}.filtro select{border:1px solid var(--line);background:var(--card);min-width:96px;max-width:150px;height:24px;color:var(--ink);cursor:pointer;border-radius:5px;padding:0 6px;font-family:Inter,sans-serif;font-size:10px;font-weight:500}.filtro select:focus{outline:2px solid var(--sky);outline-offset:-1px}.kpis{flex:none;grid-template-columns:repeat(4,1fr);gap:6px;height:68px;display:grid}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radio);box-shadow:var(--sombra);align-items:center;gap:9px;padding:7px 10px;display:flex}.kpi-icono{border-radius:6px;flex:none;place-items:center;width:30px;height:30px;display:grid}.kpi-icono svg{stroke:#fff;width:15px;height:15px}.kpi-texto{min-width:0}.kpi-nombre{letter-spacing:.6px;text-transform:uppercase;color:var(--slate);white-space:nowrap;font-size:8px;font-weight:700}.kpi-valor{color:var(--navy);font-family:Poppins,Inter,sans-serif;font-size:19px;font-weight:700;line-height:1.15}.kpi-pie{color:var(--slate);white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.kpi-dif{align-items:center;gap:2px;font-weight:700;display:inline-flex}.kpi-dif.positivo{color:var(--pos)}.kpi-dif.negativo{color:var(--neg)}.leyenda{gap:3px;display:flex}.leyenda-item{color:#35402c;white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:8px;font-weight:700}.pildora{color:var(--navy-2);white-space:nowrap;background:#e8f0fa;border-radius:999px;padding:2px 8px;font-size:8.5px;font-weight:700}.tabla{border-collapse:collapse;width:100%;font-size:9.5px}.tabla thead th{z-index:1;background:var(--navy);color:#fff;text-align:center;white-space:nowrap;height:19px;padding:0 4px;font-size:8.5px;font-weight:600;position:sticky;top:0}.tabla thead th.izq{text-align:left;padding-left:8px}.tabla tbody td{text-align:center;white-space:nowrap;border-bottom:1px solid #f2f5f9;height:14px;padding:0 4px;font-weight:600}.tabla tbody td.izq{text-align:left;color:var(--ink);padding-left:8px;font-weight:500}.tabla tbody tr:hover td.izq{color:var(--sky)}.tabla td.promedio{border-left:1px solid var(--line);font-weight:800}.tabla td.meses{color:var(--slate);font-weight:600}.grafico-cuerpo{position:relative;overflow:hidden}.grafico-capa{position:absolute;inset:4px 4px 2px}.estado{text-align:center;place-items:center;height:100%;padding:20px;display:grid}.estado-caja{background:var(--card);border:1px solid var(--line);border-radius:var(--radio);box-shadow:var(--sombra);max-width:520px;padding:24px 30px}.estado-titulo{color:var(--navy);margin-bottom:6px;font-family:Poppins,Inter,sans-serif;font-size:14px;font-weight:600}.estado-detalle{color:var(--slate);word-break:break-word;font-size:11px;line-height:1.55}.estado-detalle code{background:var(--bg);border-radius:4px;padding:1px 5px;font-size:10px}.barra-superior{flex:none;align-items:center;gap:12px;height:46px;display:flex}.barra-superior>.encabezado{flex:1;min-width:0}.sesion{border-left:1px solid var(--line);flex:none;justify-content:flex-end;align-self:stretch;align-items:center;gap:6px;padding-left:12px;display:flex}.sesion-correo{text-overflow:ellipsis;white-space:nowrap;max-width:150px;color:var(--slate);font-size:9.5px;font-weight:600;overflow:hidden}.boton-mini{border:1px solid var(--line);background:var(--card);height:20px;color:var(--navy);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:0 9px;font-family:Inter,sans-serif;font-size:9.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.boton-mini:hover:not(:disabled){border-color:var(--sky);color:var(--sky)}.boton-mini:disabled{opacity:.5;cursor:default}.boton-mini-peligro{color:var(--neg)}.boton-mini-peligro:hover:not(:disabled){border-color:var(--neg);color:var(--neg)}.boton-primario{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:5px;height:32px;padding:0 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:background .15s}.boton-primario:hover:not(:disabled){background:var(--sky)}.boton-primario:disabled{opacity:.6;cursor:default}.boton-primario-mini{height:26px;padding:0 12px;font-size:11px}.boton-mini:focus-visible,.boton-primario:focus-visible,.campo input:focus-visible,.campo select:focus-visible,.panel:focus-visible{outline:2px solid var(--sky);outline-offset:1px}.campo{flex-direction:column;gap:4px;display:flex}.campo label{letter-spacing:.5px;text-transform:uppercase;color:var(--slate);font-size:9px;font-weight:700}.campo input,.campo select{border:1px solid var(--line);background:var(--card);height:32px;color:var(--ink);border-radius:5px;padding:0 9px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.campo input::placeholder{color:var(--slate);opacity:.75}.campo input:focus,.campo select:focus{outline:2px solid var(--sky);outline-offset:-1px}.acceso{place-items:center;height:100%;padding:20px;display:grid}.acceso-caja{background:var(--card);border:1px solid var(--line);border-radius:var(--radio);width:328px;box-shadow:var(--sombra);flex-direction:column;gap:14px;padding:28px 28px 26px;display:flex}.acceso-titulo{letter-spacing:-.2px;color:var(--navy);margin:0;font-family:Poppins,Inter,sans-serif;font-size:16px;font-weight:700;line-height:1.3}.acceso-bajada{color:var(--slate);margin:-8px 0 2px;font-size:11px;line-height:1.5}.acceso-error{border:1px solid #f0cfcf;border-left:3px solid var(--neg);color:#8e2f2f;background:#fdf3f3;border-radius:5px;padding:8px 10px;font-size:11px;line-height:1.45}.capa{z-index:20;background:#14284b6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radio);flex-direction:column;width:min(860px,100%);max-height:86vh;font-size:12px;display:flex;box-shadow:0 12px 40px #14284b38}.panel-cabecera{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px 14px;display:flex}.panel-cabecera h2{color:var(--navy);margin:0;font-family:Poppins,Inter,sans-serif;font-size:14px;font-weight:600}.panel-bajada{color:var(--slate);margin:4px 0 0;font-size:11px}.panel-error{border:1px solid #f0cfcf;border-left:3px solid var(--neg);color:#8e2f2f;background:#fdf3f3;border-radius:5px;flex:none;margin:12px 18px 0;padding:8px 10px;font-size:11px;line-height:1.45}.panel-alta{border-bottom:1px solid var(--line);background:var(--bg);flex:none;align-items:flex-end;gap:10px;padding:14px 18px;display:flex}.campo-linea{flex:1;min-width:0}.campo-angosto{flex:none;width:140px}.panel-tabla{flex:1;min-height:0;overflow:auto}.tabla th.der,.tabla td.der{text-align:right;padding-right:12px}.tabla-accesos{font-size:11px}.tabla-accesos thead th{height:24px;font-size:9.5px}.tabla-accesos tbody td{border-bottom:1px solid var(--line);height:34px;font-weight:500}.tabla-accesos tbody td.izq{font-weight:600}.tabla-accesos tbody tr:hover td.izq{color:var(--ink)}.fila-inactiva td{color:var(--slate)}.fila-inactiva td.izq{text-decoration:line-through}.vacio{color:var(--slate);font-weight:500!important}.marca{border-radius:999px;padding:1px 8px;font-size:9.5px;font-weight:700;display:inline-block}.marca-si{color:var(--ink);background:#e6f4ec}.marca-no{color:var(--ink);background:#f2f5f9}.acciones,.confirmacion{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.confirmacion{color:var(--neg);font-size:11px;font-weight:600}.fila-expandida td{background:var(--bg);height:auto!important;padding:10px 12px!important}.linea-clave{align-items:center;gap:10px;display:flex}.linea-clave label{color:var(--slate);white-space:nowrap;font-size:11px;font-weight:600}.linea-clave input{border:1px solid var(--line);border-radius:5px;flex:1;max-width:240px;height:28px;padding:0 9px;font-family:Inter,sans-serif;font-size:12px}.linea-clave input:focus{outline:2px solid var(--sky);outline-offset:-1px}.pestanas{border-bottom:1px solid var(--line);flex:none;gap:2px;padding:0 18px;display:flex}.pestana{height:32px;color:var(--slate);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 12px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:600;transition:color .15s,border-color .15s;position:relative}.pestana:hover{color:var(--navy)}.pestana-activa{color:var(--navy);border-bottom-color:var(--sky)}.pestana:focus-visible{outline:2px solid var(--sky);outline-offset:-3px;border-radius:4px}.panel-cuerpo{flex-direction:column;flex:1;min-height:0;display:flex}.panel-cuerpo:focus-visible{outline:2px solid var(--sky);outline-offset:-2px}.panel-nota{border-bottom:1px solid var(--line);background:var(--bg);color:var(--slate);flex:none;margin:0;padding:12px 18px;font-size:11px}#panel-bitacora .columna-detalle{text-overflow:ellipsis;max-width:220px;overflow:hidden}.columna-momento{width:118px;color:var(--slate);font-variant-numeric:tabular-nums;font-weight:600!important}.columna-accion{color:var(--ink);font-weight:600!important}.accion-negativa{color:var(--neg)}.columna-detalle{color:var(--slate);font-weight:500!important}.grafico-esqueleto{text-align:center;color:var(--slate);place-items:center;font-size:10px;font-weight:600;line-height:1.9;display:grid}.grafico-reintento{margin-top:4px}.boton-actualizar:focus-visible{outline:2px solid var(--sky);outline-offset:1px}