:root{--bg:#0b0d12;--surface:#12151c;--surface-2:#1a1e27;--border:#262b36;--ink:#f2f4f8;--ink-soft:#9aa1b2;--accent:#3d6bff;--accent-soft:rgba(61,107,255,.15);--ok:#28c840;--danger:#ff5a5f;font-family:-apple-system,Segoe UI,Inter,Manrope,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit}button,input,select,textarea{font-family:inherit;font-size:.95rem}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--ink);border-radius:8px;padding:10px 12px;width:100%}button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:600}button.secundario{background:var(--surface-2);border:1px solid var(--border);color:var(--ink)}button.peligro{background:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}.tarjeta{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.layout{display:flex;min-height:100vh}.nav{width:220px;background:var(--surface);border-right:1px solid var(--border);padding:20px 14px;flex-shrink:0}.nav a{display:block;padding:10px 12px;border-radius:8px;color:var(--ink-soft);text-decoration:none;margin-bottom:4px;font-size:.92rem}.nav a.activo,.nav a:hover{background:var(--surface-2);color:var(--ink)}.contenido{flex:1 1;padding:32px;max-width:960px}.punto{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.punto.online{background:var(--ok)}.punto.offline{background:var(--ink-soft)}.campo{margin-bottom:16px}.campo label{display:block;font-size:.82rem;color:var(--ink-soft);margin-bottom:6px}.fila{display:flex;gap:10px;align-items:center}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);font-size:.9rem}.burbuja{max-width:78%;padding:10px 13px;border-radius:12px;margin-bottom:8px;font-size:.92rem;line-height:1.45}.burbuja.visitante{background:var(--surface-2);align-self:flex-start}.burbuja.agente,.burbuja.ia{background:var(--accent);color:#fff;align-self:flex-end}.burbuja.sistema{background:transparent;color:var(--ink-soft);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}