html,body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f7f8fc;margin:0;padding:0}#root{flex-direction:column;min-height:100svh;display:flex}*{box-sizing:border-box}:root{--bg:#f7f8fc;--panel:#fff;--panel-2:#f2f4fa;--ink:#1d2333;--muted:#5b6478;--faint:#8891a5;--border:#e3e7f1;--border-strong:#cbd2e3;--brand:#3949ab;--brand-ink:#fff;--brand-light:#eef0fc;--accent:#7c4dff;--success:#1e8e5a;--success-bg:#e6f6ee;--warn:#b7791f;--warn-bg:#fff6e5;--danger:#c0392b;--danger-bg:#fdebe9;--info:#2c6ecb;--info-bg:#eaf1fe;--shadow-sm:0 1px 2px #1d23330f;--shadow-md:0 4px 16px #1d233314}.app{max-width:960px;height:100vh;color:var(--ink);background:var(--bg);flex-direction:column;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.9rem 1.5rem;display:flex}.connection-banner{background:var(--danger-bg);color:var(--danger);align-items:center;gap:.75rem;padding:.6rem 1.5rem;font-size:.85rem;font-weight:600;display:flex}.connection-banner button{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-left:auto;padding:.3rem .9rem;font-size:.8rem;font-weight:600}.brand{align-items:center;gap:.6rem;display:flex}.brand-icon{background:var(--brand-light);border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.6rem;display:flex}.brand-text{flex-direction:column;line-height:1.2;display:flex}.app-header h1{color:var(--brand);margin:0;font-size:1.05rem;font-weight:700}.brand-tag{color:var(--faint);font-size:.7rem}.user-switcher{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.user-switcher label{color:var(--muted);font-size:.78rem}.user-switcher select{border:1px solid var(--border-strong);background:var(--panel);color:var(--ink);border-radius:8px;padding:.4rem .6rem;font-size:.85rem}.role-badge{background:var(--info-bg);color:var(--info);border-radius:999px;align-items:center;gap:.3rem;padding:.28rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.role-badge-icon{font-size:.85rem}.role-customer{background:var(--info-bg);color:var(--info)}.role-support_agent{color:var(--success);background:#eaf6ef}.role-manager{color:var(--accent);background:#f3ecfe}.view-switcher{gap:.4rem;margin-left:auto;display:flex}.view-switcher button{border:1px solid var(--border-strong);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.83rem;font-weight:600;transition:all .15s;display:inline-flex}.view-switcher button:hover{border-color:var(--brand);color:var(--brand)}.view-switcher button.active{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.btn-icon{font-size:.9em}.chat-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.messages{flex-direction:column;flex:1;gap:1.1rem;padding:1.5rem;display:flex;overflow-y:auto}.empty-state{text-align:center;max-width:520px;color:var(--muted);margin:2rem auto 0}.empty-state-icon{margin-bottom:.5rem;font-size:2.6rem}.empty-state h2{color:var(--ink);margin:0 0 .4rem;font-size:1.2rem}.empty-state p{margin:0 0 1.25rem;font-size:.9rem;line-height:1.5}.suggestion-grid{flex-direction:column;gap:.5rem;display:flex}.suggestion-chip{text-align:left;border:1px solid var(--border);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem .9rem;font-size:.85rem;transition:all .15s;display:flex}.suggestion-chip:hover{border-color:var(--brand);background:var(--brand-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.suggestion-icon{font-size:.95rem}.message-row{gap:.6rem;max-width:88%;display:flex}.message-row.user{flex-direction:row-reverse;align-self:flex-end}.message-row.assistant{align-self:flex-start}.avatar{width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.avatar-user{background:var(--brand)}.avatar-ai{background:var(--brand-light)}.message{box-shadow:var(--shadow-sm);border-radius:12px;padding:.75rem 1rem}.message.user{background:var(--brand);color:var(--brand-ink);border-top-right-radius:4px}.message.assistant{background:var(--panel);border:1px solid var(--border);border-top-left-radius:4px}.message-role{opacity:.75;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem;font-size:.68rem;font-weight:600}.message-content{white-space:pre-wrap;font-size:.92rem;line-height:1.5}.typing{gap:4px;padding:.2rem 0;display:flex}.typing .dot{background:var(--faint);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite bounce}.typing .dot:nth-child(2){animation-delay:.15s}.typing .dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.tool-trace{flex-direction:column;gap:.35rem;margin-top:.65rem;display:flex}.tool-trace-item{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:.4rem .6rem;font-size:.8rem}.tool-trace-heading{color:var(--faint);align-items:center;gap:.35rem;margin-bottom:.1rem;font-size:.75rem;font-weight:600;display:flex}.tool-trace-item summary{cursor:pointer;color:var(--brand);align-items:center;gap:.5rem;font-weight:600;list-style:none;display:flex}.tool-trace-item summary::-webkit-details-marker{display:none}.tool-trace-step{background:var(--brand-light);width:18px;height:18px;color:var(--brand);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:flex}.tool-trace-icon{font-size:.95rem}.tool-trace-tag{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;margin-left:auto;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.tag-retrieval{background:var(--info-bg);color:var(--info)}.tag-data{color:var(--accent);background:#f3ecfe}.tag-action{background:var(--warn-bg);color:var(--warn)}.cat-retrieval{border-left:3px solid var(--info)}.cat-data{border-left:3px solid var(--accent)}.cat-action{border-left:3px solid var(--warn)}.tool-trace-body{margin-top:.5rem}.tool-trace-args{color:var(--muted);margin-bottom:.4rem;font-size:.78rem}.tool-trace-result pre{background:var(--panel);border:1px solid var(--border);max-height:220px;color:var(--ink);border-radius:6px;padding:.55rem;font-size:.76rem;overflow-x:auto}.pending-action{background:var(--warn-bg);border:1px solid #f0c776;border-radius:10px;margin-top:.8rem;padding:.8rem 1rem}.pending-action-header{color:var(--warn);align-items:center;gap:.4rem;margin-bottom:.45rem;font-weight:700;display:flex}.pending-action-payload{background:var(--panel);border:1px solid var(--border);color:var(--ink);border-radius:6px;padding:.55rem;font-size:.78rem;overflow-x:auto}.pending-action-error{color:var(--danger);margin-top:.5rem;font-size:.82rem;font-weight:600}.pending-action-buttons{gap:.5rem;margin-top:.6rem;display:flex}.confirm-btn{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:600}.confirm-btn:hover{filter:brightness(1.08)}.cancel-btn{background:var(--panel);border:1px solid var(--border-strong);color:var(--muted);cursor:pointer;border-radius:8px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:600}.cancel-btn:hover{border-color:var(--danger);color:var(--danger)}.action-executed{color:var(--success);font-weight:700}.action-cancelled{color:var(--danger);font-weight:700}.input-bar{border-top:1px solid var(--border);background:var(--panel);gap:.6rem;padding:1rem 1.5rem;display:flex}.input-bar textarea{resize:none;border:1px solid var(--border-strong);color:var(--ink);background:var(--panel-2);border-radius:10px;flex:1;padding:.65rem .8rem;font-family:inherit;font-size:.9rem}.input-bar textarea:focus{border-color:var(--brand);background:var(--panel);outline:none}.send-btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:0 1.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.send-btn:hover:not(:disabled){filter:brightness(1.08)}.send-btn:disabled{opacity:.55;cursor:not-allowed}.dashboard{background:var(--bg);padding:1.5rem;overflow-y:auto}.dashboard-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.dashboard-snapshot{color:var(--muted);align-items:center;gap:.4rem;margin-bottom:0;font-size:.85rem;display:flex}.refresh-btn{background:var(--panel);border:1px solid var(--border-strong);color:var(--brand);cursor:pointer;border-radius:8px;padding:.4rem .9rem;font-size:.8rem;font-weight:600}.refresh-btn:hover:not(:disabled){background:var(--brand-light)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-loading{color:var(--muted);padding:1.5rem}.dashboard-hint{color:var(--faint);margin:0 0 .7rem;font-size:.78rem}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.dashboard-stat{background:var(--panel);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-sm);border-radius:12px;padding:.9rem 1rem}.dashboard-stat-icon{margin-bottom:.3rem;font-size:1.3rem}.dashboard-stat-n{color:var(--ink);font-size:1.5rem;font-weight:700;line-height:1}.dashboard-stat-label{color:var(--faint);text-transform:uppercase;letter-spacing:.02em;margin-top:.3rem;font-size:.72rem}.count-badge{background:var(--brand-light);min-width:20px;height:20px;color:var(--brand);border-radius:999px;justify-content:center;align-items:center;margin-left:.3rem;padding:0 .4rem;font-size:.72rem;font-weight:700;display:inline-flex}.account-chip{color:var(--muted);background:#0000000d;border-radius:6px;margin-left:.3rem;padding:.1rem .45rem;font-size:.72rem;font-weight:600;display:inline-block}.dashboard-section{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.2rem}.dashboard-section h3{color:var(--ink);align-items:center;gap:.4rem;margin:0 0 .7rem;font-size:.95rem;display:flex}.dashboard-empty{color:var(--faint);font-size:.85rem}.dashboard-error{color:var(--danger);padding:1rem}.dashboard-card{border-radius:10px;margin-bottom:.55rem;padding:.7rem 1rem;font-size:.87rem;line-height:1.45}.dashboard-card strong{color:var(--ink)}.dashboard-card p{color:var(--muted);margin:.3rem 0 0;font-size:.83rem}.dashboard-card.critical{background:var(--danger-bg);border-left:4px solid var(--danger)}.dashboard-card.warning{background:var(--warn-bg);border-left:4px solid var(--warn)}.dashboard-card.info{background:var(--info-bg);border-left:4px solid var(--info)}.dashboard-card.action{background:var(--panel-2);border-left:4px solid var(--accent)}.dashboard-action-meta{color:var(--faint)!important;margin-top:.35rem!important;font-size:.72rem!important}.messages::-webkit-scrollbar{width:8px}.dashboard::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}.dashboard::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}