:root{--bg: #f4f7fb;--panel: #ffffff;--panel-2: #f0f4f9;--line: #dfe6ee;--ink: #1a2b3c;--ink-dim: #5b6b7d;--ink-faint: #94a3b3;--accent: #0d9488;--accent-soft: #ccfbf1;--accent-border: #5eead4;--warn: #d97706;--warn-soft: #fef3c7;--ai: #2563eb;--ai-soft: #dbeafe;--danger: #dc2626}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);font-family:Noto Sans SC,system-ui,-apple-system,sans-serif;background-color:var(--bg);background-image:linear-gradient(rgba(13,148,136,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(13,148,136,.06) 1px,transparent 1px);background-size:28px 28px}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace}.accent{color:var(--accent)}.accent.small{font-size:10px}.dim{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.app-root{height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);box-shadow:0 1px 2px #1018280d}.topbar-brand{display:flex;align-items:center;gap:12px}.logo-box{width:32px;height:32px;border-radius:10px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.brand-title{font-size:14px;font-weight:700;letter-spacing:.02em}.brand-sub{font-size:11px;color:var(--ink-dim)}.topbar-right{display:flex;align-items:center;gap:16px}.pipeline-wrap{display:flex;align-items:center;gap:8px}.pipeline-label{font-size:11px;color:var(--ink-dim);margin-right:4px}.pipeline,.pipeline-cell{display:flex;align-items:center;gap:4px}.pipe-node{width:14px;height:14px;border-radius:50%;background:#e2e8f0;border:1px solid #cbd5e1;transition:all .4s ease}.pipe-node.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #0d948880}.pipe-node.on-pending{background:var(--warn);border-color:var(--warn);box-shadow:0 0 10px #d9770680;animation:pulse 1s infinite}.pipe-line{width:26px;height:2px;background:#cbd5e1;transition:background .4s}.pipe-line.on{background:var(--accent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.tag{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink-dim);background:#fff;white-space:nowrap}.tag.live{color:var(--accent);border-color:#0d948866;background:var(--accent-soft)}.layout{flex:1;min-height:0;display:flex;gap:20px;padding:20px 24px;max-width:1400px;width:100%;margin:0 auto}.reveal{opacity:0;transform:translateY(12px);animation:rise .5s forwards}.reveal.d1{animation-delay:.05s}.reveal.d2{animation-delay:.1s}@keyframes rise{to{opacity:1;transform:none}}.col-left-wrap{width:280px;flex-shrink:0;display:flex;min-height:0}.col-right-wrap{width:300px;flex-shrink:0;display:flex;min-height:0}.chat-flex{flex:1;min-width:0;display:flex;min-height:0}.col-left{flex:1;display:flex;flex-direction:column;gap:16px;min-height:0}.section-head{display:flex;align-items:center;justify-content:space-between}.section-label{font-size:12px;color:var(--ink-dim)}.conv-list{flex:1;min-height:0;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:8px}.conv-item{border:1px solid transparent;border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .15s}.conv-item:hover{background:#0d94880d}.conv-item.active{background:var(--accent-soft);border-color:#0d94884d}.conv-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.conv-title{display:flex;align-items:center;gap:8px;min-width:0}.conv-name{font-size:14px;font-weight:500;color:var(--ink)}.conv-name.dim{color:var(--ink-dim)}.dot-live{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #0d948899}.dot-idle{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#cbd5e1}.conv-last{font-size:12px;color:var(--ink-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.conv-tags{margin-top:6px;display:flex;align-items:center;gap:8px}.time-faint{font-size:10px;color:var(--ink-faint)}.input{width:100%;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px;outline:none;resize:none;color:var(--ink);font-family:inherit}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0d94881f}.btn-primary{background:var(--accent);color:#fff;font-weight:700;border-radius:10px;padding:10px 20px;border:none;cursor:pointer;font-size:14px;font-family:inherit;transition:all .15s}.btn-primary:hover:not(:disabled){background:#0f766e;box-shadow:0 4px 14px #0d94884d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.chat-panel{flex:1;min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:#ffffffd9;overflow:hidden}.chat-header{padding:12px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff;flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:12px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-title{font-size:14px;font-weight:600;color:var(--ink)}.chat-sub{font-size:10px;color:var(--ink-faint)}.chat-body{flex:1;min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:var(--bg)}.msg-col{display:flex;flex-direction:column;gap:4px;max-width:100%}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.bubble{max-width:88%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5;position:relative;white-space:pre-wrap;word-break:break-word}.bubble.customer{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;box-shadow:0 1px 2px #1018280a}.bubble.ai{background:var(--ai-soft);border:1px solid rgba(37,99,235,.2);border-bottom-right-radius:4px}.bubble.sent{outline:1px solid var(--accent-border)}.status-bar{padding:12px 20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;background:#fff;flex-shrink:0}.status-text{font-size:11px;color:var(--ink-dim)}.empty-state{margin:auto;text-align:center;color:var(--ink-faint);display:flex;flex-direction:column;gap:8px}.empty-state-icon{font-size:34px}.empty-state-sub{font-size:12px}.empty-hint{padding:16px;text-align:center;font-size:12px;color:var(--ink-faint)}.col-right{flex:1;display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto}.panel-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:16px;flex-shrink:0}.panel-card-head{font-size:12px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;color:var(--ink-dim)}.timeline{display:flex;flex-direction:column}.tl-step{display:flex;gap:12px;align-items:flex-start;padding-bottom:16px}.tl-step:last-child{padding-bottom:0}.tl-badge{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;margin-top:2px;background:#e2e8f0;border:1px solid #cbd5e1;color:var(--ink-faint)}.tl-badge.done{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.tl-badge.active{background:var(--warn-soft);border-color:#fcd34d;color:var(--warn);animation:pulse 1s infinite}.tl-badge.error{background:#fee2e2;border-color:#fca5a5;color:var(--danger)}.tl-title{font-size:14px;color:var(--ink)}.tl-title.dim{color:var(--ink-dim)}.tl-sub{font-size:11px;margin-top:2px;color:var(--ink-dim)}.tl-sub.dim{color:var(--ink-faint)}.tl-sub.err{color:var(--danger)}.kv-list{display:flex;flex-direction:column;gap:8px}.text-sm{font-size:12px}.text-xs-mono{font-size:11px}.kv-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.kv-row>span:last-child{text-align:right;word-break:break-all}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-track{background:transparent}.team-select{background:#fff;border:1px solid var(--line, #dfe6ee);border-radius:8px;color:#1a2b3c;font-size:12px;padding:4px 8px;cursor:pointer;outline:none}.team-select:focus{border-color:#0d9488}