:root{--bg: #f5f6f8;--bg-panel: #ffffff;--bg-subtle: #f0f2f5;--bg-hover: #eceff3;--bg-active: #e4ebfb;--border: #e2e5ea;--border-strong: #cbd1da;--text: #16181d;--text-muted: #666e7a;--text-faint: #8b929d;--accent: #2f6df6;--accent-hover: #2358d6;--accent-soft: #e8efff;--success: #17864a;--success-soft: #e3f5ea;--warning: #b26b00;--warning-soft: #fdf0dc;--danger: #c0392b;--danger-soft: #fdeceb;--ai: #6b46c1;--ai-soft: #f0eafb;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 4px 12px rgba(16, 24, 40, .05);--sidebar-width: 320px;--nav-width: 76px;--right-width: 320px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #14161a;--bg-panel: #1b1e24;--bg-subtle: #22262d;--bg-hover: #262b33;--bg-active: #23304d;--border: #2c313a;--border-strong: #3a414d;--text: #e8eaed;--text-muted: #a3aab6;--text-faint: #7d8592;--accent: #5c8dff;--accent-hover: #7aa2ff;--accent-soft: #1d2942;--success-soft: #16301f;--warning-soft: #33280f;--danger-soft: #331d1b;--ai-soft: #251c3a;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .25)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:14px;line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-panel);color:var(--text);cursor:pointer;font-weight:500;white-space:nowrap;transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:var(--bg-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--danger);border-color:var(--border-strong)}.btn-sm{padding:4px 9px;font-size:12.5px}.input,.textarea,.select{width:100%;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-panel);outline:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{resize:vertical;min-height:90px;line-height:1.5}.label{display:block;margin-bottom:5px;font-size:12.5px;font-weight:600;color:var(--text-muted)}.field{margin-bottom:14px}.hint{margin-top:5px;font-size:12px;color:var(--text-faint)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--bg-subtle);color:var(--text-muted);white-space:nowrap}.badge-ai{background:var(--ai-soft);color:var(--ai)}.badge-waiting{background:var(--warning-soft);color:var(--warning)}.badge-operator{background:var(--success-soft);color:var(--success)}.badge-closed{background:var(--bg-subtle);color:var(--text-faint)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;padding:40px;text-align:center;color:var(--text-faint)}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.banner{padding:9px 14px;font-size:13px;text-align:center;background:var(--danger-soft);color:var(--danger);border-bottom:1px solid var(--border)}.banner-warning{background:var(--warning-soft);color:var(--warning)}.app{display:flex;height:100%;overflow:hidden}.nav{width:var(--nav-width);flex-shrink:0;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:4px}.nav-logo{width:42px;height:42px;position:relative;overflow:hidden;border-radius:12px;background:transparent;flex-shrink:0;margin-bottom:12px}.nav-logo img{position:absolute;width:64px;height:64px;max-width:none;left:-11px;top:-11px}.app-workspace{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.nav-item{width:60px;padding:8px 4px;border:none;background:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-icon{font-size:18px;line-height:1}.nav-counter{position:absolute;top:2px;right:8px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center}.nav-spacer{flex:1}.page{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.page-scroll{flex:1;overflow-y:auto;padding:24px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.page-title{font-size:19px;font-weight:650;margin:0}.inbox{display:flex;flex:1;min-height:0}.sidebar{width:var(--sidebar-width);flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-panel);display:flex;flex-direction:column;min-height:0}.sidebar-header{padding:12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.filters{display:flex;flex-wrap:wrap;gap:5px}.chip{padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);font-size:12.5px;cursor:pointer}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.conversation-list{flex:1;overflow-y:auto;min-height:0}.conversation-item{width:100%;text-align:left;border:none;border-bottom:1px solid var(--border);background:none;padding:11px 13px;cursor:pointer;display:block}.conversation-item:hover{background:var(--bg-hover)}.conversation-item.selected{background:var(--bg-active)}.conversation-top{display:flex;align-items:center;gap:8px;margin-bottom:3px}.conversation-name{font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{font-size:11.5px;color:var(--text-faint);white-space:nowrap}.conversation-preview{color:var(--text-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.conversation-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.unread-dot{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.thread{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.thread-header{padding:10px 16px;background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.thread-title{font-weight:650;font-size:15px}.thread-actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.messages{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:12px}.message{max-width:76%;display:flex;flex-direction:column;gap:4px}.message.from-user{align-self:flex-start}.message.from-agent{align-self:flex-end;align-items:flex-end}.message.from-system{align-self:center;max-width:80%;align-items:center}.message-author{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-faint)}.bubble{padding:9px 13px;border-radius:13px;background:var(--bg-panel);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word}.message.from-user .bubble{border-bottom-left-radius:4px}.bubble-ai{background:var(--ai-soft);border-color:transparent;border-bottom-right-radius:4px}.bubble-operator{background:var(--accent);border-color:var(--accent);color:#fff;border-bottom-right-radius:4px}.bubble-system{background:var(--bg-subtle);border-style:dashed;color:var(--text-muted);font-size:13px;text-align:center}.bubble-failed{background:var(--danger-soft);border-color:var(--danger);color:var(--text)}.original-toggle{border:none;background:none;padding:0;font-size:11.5px;color:var(--text-faint);cursor:pointer;text-decoration:underline dotted}.original-text{margin-top:5px;padding:7px 10px;border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-muted);font-size:13px;white-space:pre-wrap;word-break:break-word}.message-attachments{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.message-attachments img{max-width:220px;max-height:220px;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer}.composer{border-top:1px solid var(--border);background:var(--bg-panel);padding:10px 14px 14px}.composer-tabs{display:flex;gap:6px;margin-bottom:8px}.composer textarea{width:100%;min-height:74px;max-height:220px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);resize:vertical;outline:none;background:var(--bg-panel)}.composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.composer.note textarea{background:var(--warning-soft);border-color:var(--warning)}.composer-footer{display:flex;align-items:center;gap:10px;margin-top:8px}.composer-hint{font-size:12px;color:var(--text-faint);margin-right:auto}.details{width:var(--right-width);flex-shrink:0;border-left:1px solid var(--border);background:var(--bg-panel);overflow-y:auto;padding:16px}.details-section{margin-bottom:20px}.details-section h3{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint)}.detail-row{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--border);font-size:13px}.detail-row span:first-child{color:var(--text-muted)}.detail-row span:last-child{text-align:right;word-break:break-word}.note-item{padding:9px 11px;background:var(--warning-soft);border-radius:var(--radius-sm);margin-bottom:7px;font-size:13px;white-space:pre-wrap}.note-meta{font-size:11px;color:var(--text-muted);margin-top:4px}.table{width:100%;border-collapse:collapse;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table th,.table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.table th{background:var(--bg-subtle);font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.table tr:last-child td{border-bottom:none}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.code-box{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;word-break:break-all;white-space:pre-wrap}.row{display:flex;align-items:center;gap:8px}.row-wrap{flex-wrap:wrap}.login{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:360px;padding:28px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.error-text{color:var(--danger);font-size:13px;margin-top:8px}.connection-lost{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:8px 16px;border-radius:999px;font-size:13px;box-shadow:var(--shadow);z-index:50}@media(max-width:1200px){.details{display:none}}@media(max-width:860px){:root{--sidebar-width: 260px}}.agent-card{margin-bottom:18px}.presence{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted);margin:3px 0}.presence-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8;flex-shrink:0}.presence-online .presence-dot{background:#16a34a}.presence-away .presence-dot{background:#d97706}.presence-unknown .presence-dot{background:transparent;border:1px solid #94a3b8}.user-typing,.thread-typing{color:var(--primary, #3974dc);font-size:12px}.thread-typing{padding:4px 16px;min-height:24px}.conversation-item.is-blocked{background:#dc262617;box-shadow:inset 4px 0 #dc2626}.conversation-item.is-blocked:hover{background:#dc262626}.conversation-item.is-blocked.selected{background:#dc262636;box-shadow:inset 4px 0 #dc2626}.conversation-item.is-blocked .conversation-name,.blocked-name{color:#e5484d}.badge.badge-blocked{background:#b91c1c;color:#fff;font-weight:700}.blocked-banner{padding:10px 16px;background:#dc26261f;border-left:4px solid #dc2626;color:var(--text);font-size:13px}.blocked-banner strong{color:#e5484d}.agent-card h2{font-size:18px;margin:0}.agent-card details{margin:14px 0}.agent-tabs{flex-wrap:wrap;margin-bottom:20px}.agent-job{padding:12px 0;border-bottom:1px solid var(--border)}.agent-job .btn{margin-left:12px}.agent-card input[type=checkbox]{accent-color:#5b83f5}.message-feedback{margin-top:4px;max-width:540px;width:100%}.message-feedback .hint{font-size:12px;margin:6px 0}.feedback-editor{margin-top:8px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-panel, transparent)}