@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap");:root{--bg:#0a0b0f;--surface:#12141b;--surface-2:#1a1d27;--surface-3:#232733;--border:#262b38;--border-2:#363c4c;--ink:#f4f5f8;--ink-soft:#9ba1b4;--ink-faint:#6e7386;--accent:#3d6bff;--accent-2:#6c8dff;--accent-dim:#2748b8;--accent-text:#eaf0ff;--accent-soft:rgba(61,107,255,.14);--ok:#22c55e;--ok-soft:rgba(34,197,94,.14);--warn:#f59e0b;--warn-soft:rgba(245,158,11,.14);--danger:#ef4444;--danger-soft:rgba(239,68,68,.14);--e1:4px;--e2:8px;--e3:12px;--e4:16px;--e5:20px;--e6:24px;--e8:32px;--r:10px;--r-tarjeta:14px;--fuente:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fuente-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--toque:44px;--ease:cubic-bezier(.2,.7,.3,1);font-family:var(--fuente);color-scheme:dark}:root[data-theme=light]{--bg:#f6f7fb;--surface:#fff;--surface-2:#f1f3f8;--surface-3:#e7eaf1;--border:#e1e4ec;--border-2:#ccd1dd;--ink:#14161c;--ink-soft:#565d70;--ink-faint:#868ca0;--accent:#3459e6;--accent-2:#2748b8;--accent-dim:#6c8dff;--accent-text:#14161c;--accent-soft:rgba(52,89,230,.1);--ok:#15803d;--ok-soft:rgba(21,128,61,.1);--warn:#b45309;--warn-soft:rgba(180,83,9,.1);--danger:#dc2626;--danger-soft:rgba(220,38,38,.1);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}::selection{background:rgba(61,107,255,.32);color:#fff}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:999px;border:2px solid transparent;background-clip:content-box}h1,h2,h3{text-wrap:balance;letter-spacing:-.01em}h1{font-size:1.7rem;font-weight:800;margin:0}button,input,select,textarea{font-family:inherit;font-size:.93rem}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--ink);border-radius:var(--r);padding:10px 13px;width:100%;transition:border-color .16s var(--ease),background .16s var(--ease)}input:hover,select:hover,textarea:hover{border-color:var(--border-2)}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:var(--surface-3);outline:none}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}button{background:var(--surface-3);color:var(--ink);border:1px solid var(--border-2);border-radius:var(--r);padding:0 18px;min-height:var(--toque);cursor:pointer;font-weight:700;transition:transform .12s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease),border-color .16s var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{border-color:var(--accent-2)}button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button:not(.secundario):not(.peligro){background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 14px -6px rgba(61,107,255,.55)}button:not(.secundario):not(.peligro):hover{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 6px 18px -6px rgba(61,107,255,.7)}button.secundario{background:var(--surface-2);border:1px solid var(--border);color:var(--ink);box-shadow:none}button.secundario:hover{background:var(--surface-3);border-color:var(--border-2)}button.peligro{background:transparent;color:var(--danger);border:1px solid var(--danger);box-shadow:none}button.peligro:hover{background:var(--danger-soft)}.tarjeta{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-tarjeta);padding:var(--e5)}.layout{display:flex;min-height:100vh}.nav{width:236px;background:var(--surface);border-right:1px solid var(--border);padding:var(--e5) var(--e3);flex-shrink:0;display:flex;flex-direction:column}.nav-marca{padding:var(--e2) var(--e3) var(--e5);display:flex;align-items:center}.nav-marca img{width:132px;height:auto;display:block}.nav a{display:block;padding:10px var(--e3);border-radius:var(--r);color:var(--ink-soft);text-decoration:none;margin-bottom:2px;font-size:.89rem;font-weight:600;border-left:2px solid transparent;transition:background .14s var(--ease),color .14s var(--ease),border-color .14s var(--ease)}.nav a:hover{background:var(--surface-2);color:var(--ink)}.nav a.activo{background:var(--accent-soft);color:var(--accent-2);border-left-color:var(--accent)}.contenido{flex:1 1;padding:var(--e8);max-width:1000px}.punto{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;position:relative}.punto.online,.punto.online:after{background:var(--ok)}.punto.online:after{content:"";position:absolute;inset:0;border-radius:50%;animation:latido 1.8s ease-out infinite}.punto.offline{background:var(--ink-faint)}@keyframes latido{0%{transform:scale(1);opacity:.8}to{transform:scale(2.4);opacity:0}}.campo{margin-bottom:var(--e4)}.campo label{display:block;font-size:.8rem;color:var(--ink-soft);margin-bottom:6px;font-weight:600}.fila{display:flex;gap:var(--e2);align-items:center}table{width:100%;border-collapse:collapse}th{padding:10px 8px;font-size:.74rem;font-weight:700;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em}td,th{text-align:left;border-bottom:1px solid var(--border)}td{padding:12px 8px;font-size:.89rem}tbody tr{transition:background .12s var(--ease)}tbody tr:hover{background:var(--surface-2)}td,th{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.burbuja{max-width:78%;padding:11px 14px;border-radius:var(--r-tarjeta);margin-bottom:8px;font-size:.92rem;line-height:1.5;white-space:pre-wrap;animation:entrar .2s var(--ease)}@keyframes entrar{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.burbuja.visitante{background:var(--surface-2);align-self:flex-start;border:1px solid var(--border)}.burbuja.agente,.burbuja.ia{background:var(--accent);color:#fff;align-self:flex-end;box-shadow:0 4px 14px -8px rgba(61,107,255,.6)}.burbuja.sistema{background:transparent;color:var(--ink-faint);font-size:.78rem;text-align:center;align-self:center}.chat-scroll{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.error{color:var(--danger);font-size:.85rem;margin-top:4px}.escribiendo{display:inline-flex;gap:4px;padding:2px}.escribiendo span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.35;animation:escribiendo-parpadeo 1.1s ease-in-out infinite}.escribiendo span:nth-child(2){animation-delay:.15s}.escribiendo span:nth-child(3){animation-delay:.3s}@keyframes escribiendo-parpadeo{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:700}.badge.ia{background:var(--accent-soft);color:var(--accent-2)}.badge.agente{background:var(--ok-soft);color:var(--ok)}.badge.cerrada{background:var(--surface-3);color:var(--ink-faint)}.kpi{display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-color,var(--accent))}.kpi .kpi-etq{color:var(--ink-soft);font-size:.82rem;font-weight:600}.kpi .kpi-num{font-family:var(--fuente-mono);font-size:2.15rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--kpi-color,var(--ink))}