@font-face{font-family:Goldplay;src:url(/assets/Goldplay-Medium-D2IZH_zW.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Goldplay;src:url(/assets/Goldplay-SemiBold-1Q_6PDfr.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Goldplay;src:url(/assets/Goldplay-Bold-k-ZO5v66.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Goldplay;src:url(/assets/Goldplay-Black-CPSi3zNG.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Geist Sans;src:url(/assets/GeistSans-Regular-gapTbOY8.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Sans;src:url(/assets/GeistSans-Medium-uokXdC-Q.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Sans;src:url(/assets/GeistSans-SemiBold-DFOURf8L.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Geist Sans;src:url(/assets/GeistSans-Bold-BmN9tIp5.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-fondo:#f8f8f8;--color-superficie:#fff;--color-borde:#e0dde1;--color-texto:#1a1a1a;--color-texto-secundario:#6b6570;--color-primario:#d100ce;--color-primario-hover:#a800a5;--color-primario-tenue:#fbe6fb;--color-verde:#12805c;--color-verde-bg:#e3f6ee;--color-amarillo:#92620a;--color-amarillo-bg:#fdf3d8;--color-naranjo:#b3480a;--color-naranjo-bg:#fce7d8;--color-rojo:#b3261e;--color-rojo-bg:#fbe4e2;--fuente-principal:"Goldplay", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fuente-secundaria:"Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-family:var(--fuente-secundaria);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--color-fondo);color:var(--color-texto);margin:0}h1,h2,h3,h4{font-family:var(--fuente-principal)}.app{max-width:1400px;margin:0 auto;padding:24px}.encabezado{margin-bottom:24px}.marca{align-items:center;gap:14px;display:flex}.marca-icono{width:auto;height:34px}.badge-demo{letter-spacing:.04em;color:var(--color-amarillo);background:var(--color-amarillo-bg);border:1px solid var(--color-amarillo);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.marca-app{font-family:var(--fuente-principal);color:var(--color-texto-secundario);border-left:1px solid var(--color-borde);padding-left:14px;font-size:15px;font-weight:600}.encabezado-fila{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sesion-usuario{align-items:center;gap:10px;display:flex}.pantalla-login{background:var(--color-fondo);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.tarjeta-login{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:10px;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:32px;display:flex}.tarjeta-login h1{margin:0 0 4px;font-size:16px;font-weight:600}.tarjeta-login label{color:var(--color-texto-secundario);flex-direction:column;gap:4px;font-size:13px;display:flex}.nav{border-bottom:1px solid var(--color-borde);gap:8px;display:flex}.nav button{color:var(--color-texto-secundario);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:14px}.nav button.activo{color:var(--color-primario);border-bottom-color:var(--color-primario);font-weight:600}.page h2{margin-top:0;font-size:19px;font-weight:700}.page h3{font-size:15px;font-weight:600}.texto-secundario{color:var(--color-texto-secundario);font-size:14px}button,a.boton-secundario{background:var(--color-primario);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:14px;line-height:1.4;text-decoration:none;display:inline-block}button:hover:not(:disabled),a.boton-secundario:hover{background:var(--color-primario-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.boton-secundario,a.boton-secundario{background:var(--color-superficie);color:var(--color-texto);border:1px solid var(--color-borde)}button.boton-icono{background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 8px;font-size:15px;line-height:1}button.boton-icono:hover:not(:disabled){background:var(--color-fondo);border-color:var(--color-borde)}a.boton-secundario:hover{background:var(--color-primario-tenue)}input,select,textarea{border:1px solid var(--color-borde);background:var(--color-superficie);color:var(--color-texto);border-radius:6px;padding:8px 10px;font-size:14px}textarea{min-height:60px;font-family:inherit}.fila-form{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.tabla{border-collapse:collapse;background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:8px;width:100%;margin-bottom:24px;font-size:14px;overflow:hidden}.tabla th,.tabla td{text-align:left;border-bottom:1px solid var(--color-borde);padding:10px 12px}.tabla th{color:var(--color-texto-secundario);text-transform:uppercase;letter-spacing:.03em;background:#fafbfc;font-size:12px;font-weight:600}.tabla tbody tr:last-child td{border-bottom:none}.tabla-scroll{margin-bottom:24px;overflow-x:auto}.tabla-scroll .tabla{margin-bottom:0}.tabla-nowrap th,.tabla-nowrap td{white-space:nowrap;padding:8px 10px}.fila-clickeable{cursor:pointer}.fila-clickeable:hover{background:var(--color-primario-tenue)}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-verde{background:var(--color-verde-bg);color:var(--color-verde)}.badge-amarillo{background:var(--color-amarillo-bg);color:var(--color-amarillo)}.badge-naranjo{background:var(--color-naranjo-bg);color:var(--color-naranjo)}.badge-rojo{background:var(--color-rojo-bg);color:var(--color-rojo)}.alerta{border-radius:8px;margin:14px 0;padding:14px 16px;font-size:14px}.alerta-error{background:var(--color-rojo-bg);color:var(--color-rojo)}.alerta-exito{background:var(--color-verde-bg);color:#0f5132}.alerta-advertencia{background:var(--color-amarillo-bg);color:var(--color-amarillo);margin-top:12px}.modal-backdrop{z-index:100;background:#0b0b0b73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-contenido{background:var(--color-superficie);border-radius:10px;width:100%;max-width:560px;max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 12px 32px #0b0b0b33}.modal-encabezado{border-bottom:1px solid var(--color-borde);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-encabezado h3{margin:0;font-size:15px;font-weight:600}.modal-encabezado .boton-icono{color:var(--color-texto-secundario);font-size:18px}.modal-cuerpo{padding:20px}.grid-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-form label{color:var(--color-texto-secundario);flex-direction:column;gap:4px;font-size:13px;display:flex}.grid-form-full{grid-column:1/-1}.panel-remitente{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:8px;margin-bottom:16px;padding:14px 16px}.columnas-mensajes{grid-template-columns:220px 280px 1fr;align-items:start;gap:16px;display:grid}.panel{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:8px;padding:14px}.panel h3{color:var(--color-texto-secundario);text-transform:uppercase;letter-spacing:.03em;margin-top:0;font-size:14px}.lista-categorias,.lista-clientes{flex-direction:column;gap:6px;max-height:520px;display:flex;overflow-y:auto}.categoria-boton{background:var(--color-fondo);color:var(--color-texto);text-align:left;border:1px solid #0000;border-radius:6px;padding:8px 10px;font-size:13px}.categoria-boton.activo{background:var(--color-primario-tenue);border-color:var(--color-primario);color:var(--color-primario);font-weight:600}.cliente-item{background:var(--color-fondo);color:var(--color-texto);text-align:left;border:1px solid #0000;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;font-size:13px;display:flex}.cliente-item.activo{background:var(--color-primario-tenue);border-color:var(--color-primario)}.panel-mensaje{min-height:400px}.tabs{gap:6px;margin-bottom:12px;display:flex}.tabs button{background:var(--color-fondo);color:var(--color-texto);border:1px solid var(--color-borde)}.tabs button.activo{background:var(--color-primario);color:#fff;border-color:var(--color-primario)}.panel-mensaje textarea{resize:vertical;margin-bottom:10px;font-family:inherit}.grafico-resumen{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:8px;flex-direction:column;width:100%;margin-bottom:24px;padding:6px 14px;display:flex}.barra-fila{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:14px;width:100%;padding:7px 6px;font-size:13px;display:flex}.barra-fila:hover,.barra-fila:focus-visible{background:var(--color-primario-tenue);outline:none}.barra-encabezado{cursor:default;border-bottom:1px solid var(--color-borde);text-transform:uppercase;letter-spacing:.03em;color:var(--color-texto-secundario);border-radius:0;padding-top:10px;padding-bottom:10px;font-size:11px;font-weight:600}.barra-encabezado:hover{background:0 0}.barra-encabezado .barra-valor,.barra-encabezado .barra-documentos{color:var(--color-texto-secundario)}.barra-etiqueta{color:var(--color-texto-secundario);flex:0 0 220px;line-height:1.25}.barra-track{background:var(--color-fondo);border-radius:3px;flex:1;height:14px;overflow:hidden}.barra-fill{background:var(--color-primario);border-radius:0 4px 4px 0;height:100%;transition:width .2s;display:block}.barra-fila:hover .barra-fill{background:var(--color-primario-hover)}.barra-valor{text-align:right;min-width:150px;color:var(--color-texto);font-variant-numeric:tabular-nums;flex:none}.barra-documentos{text-align:right;color:var(--color-texto);font-variant-numeric:tabular-nums;flex:0 0 90px}