.task-board[data-v-b7d400ca]{height:100%;background:var(--background-card);border-radius:var(--radius);display:flex;flex-direction:column;border:1px solid var(--border);overflow:hidden}.board-header[data-v-b7d400ca]{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.header-content[data-v-b7d400ca]{display:flex;align-items:center;gap:10px}.header-content h3[data-v-b7d400ca]{font-size:15px;font-weight:600;color:var(--foreground)}.task-count[data-v-b7d400ca]{font-size:12px;color:var(--foreground-muted);background:var(--background-secondary);padding:3px 10px;border-radius:10px}.header-actions[data-v-b7d400ca]{display:flex;align-items:center;gap:8px}.btn-export[data-v-b7d400ca]{padding:7px 12px;background:transparent;border:1px solid var(--border);color:var(--foreground-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;transition:var(--transition-fast);display:flex;align-items:center;gap:4px}.btn-export[data-v-b7d400ca]:hover{background:var(--background-card-hover);border-color:var(--primary);color:var(--foreground)}.btn-primary[data-v-b7d400ca]{padding:7px 14px;background:linear-gradient(135deg,var(--primary) 0%,var(--purple) 100%);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;transition:var(--transition-fast);display:flex;align-items:center;gap:4px}.btn-primary[data-v-b7d400ca]:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow-blue)}.board-content[data-v-b7d400ca]{flex:1;overflow-x:auto;display:flex;gap:12px;padding:12px}.column[data-v-b7d400ca]{width:220px;flex-shrink:0;display:flex;flex-direction:column}.column-header[data-v-b7d400ca]{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;color:var(--foreground-secondary);background:var(--background-secondary);border-radius:var(--radius-sm);margin-bottom:10px}.header-approval[data-v-b7d400ca]{background:linear-gradient(135deg,var(--destructive-muted),var(--warning-muted));border:1px solid rgba(239,68,68,.2)}.dot[data-v-b7d400ca]{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot-pending[data-v-b7d400ca]{background:var(--foreground-muted)}.dot-running[data-v-b7d400ca]{background:var(--primary);box-shadow:0 0 8px var(--primary);animation:pulse 1.5s infinite}.dot-pending_approval[data-v-b7d400ca]{background:var(--destructive);animation:glow-red 2s infinite}.dot-completed[data-v-b7d400ca]{background:var(--success)}.column-title[data-v-b7d400ca]{flex:1}.column-count[data-v-b7d400ca]{background:var(--background-card);padding:2px 8px;border-radius:10px;font-size:11px}.count-alert[data-v-b7d400ca]{background:var(--destructive);color:#fff;font-weight:600}.task-list[data-v-b7d400ca]{flex:1;min-height:100px}.task-card[data-v-b7d400ca]{background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-bottom:10px;cursor:pointer;transition:var(--transition-fast)}.task-card[data-v-b7d400ca]:hover{border-color:var(--primary);background:var(--background-card-hover);transform:translate(4px)}.task-card.status-running[data-v-b7d400ca]{border-left:4px solid var(--primary)}.task-card.status-pending_approval[data-v-b7d400ca]{border-left:4px solid var(--destructive);animation:glow-red 2s infinite}.task-card.status-completed[data-v-b7d400ca]{border-left:4px solid var(--success);opacity:.7}.task-card.status-completed[data-v-b7d400ca]:hover{opacity:1}.task-header[data-v-b7d400ca]{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px}.task-title[data-v-b7d400ca]{font-size:13px;color:var(--foreground);line-height:1.4;flex:1}.priority-badge[data-v-b7d400ca]{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;flex-shrink:0}.priority-low[data-v-b7d400ca]{background:#64748b33;color:var(--foreground-muted)}.priority-normal[data-v-b7d400ca]{background:#3b82f633;color:var(--primary)}.priority-high[data-v-b7d400ca]{background:#f59e0b33;color:var(--warning)}.priority-urgent[data-v-b7d400ca]{background:#ef444433;color:var(--destructive)}.task-meta[data-v-b7d400ca]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.agent-badge[data-v-b7d400ca]{background:var(--background-card);color:var(--foreground-secondary);padding:2px 8px;border-radius:10px;font-size:11px;border:1px solid var(--border)}.progress-badge[data-v-b7d400ca]{font-size:11px;color:var(--primary);font-weight:600;margin-left:auto}.progress-bar[data-v-b7d400ca]{height:4px;background:var(--background-card);border-radius:2px;margin-top:10px;overflow:hidden}.progress-fill[data-v-b7d400ca]{height:100%;background:linear-gradient(90deg,var(--primary),var(--purple));border-radius:2px;transition:width .3s}.task-actions[data-v-b7d400ca]{display:flex;gap:8px;margin-top:12px}.btn-approve[data-v-b7d400ca],.btn-reject[data-v-b7d400ca]{flex:1;padding:6px 10px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;transition:var(--transition-fast)}.btn-approve[data-v-b7d400ca]{background:var(--success);color:#fff}.btn-approve[data-v-b7d400ca]:hover{transform:scale(1.02)}.btn-reject[data-v-b7d400ca]{background:var(--destructive);color:#fff}.btn-reject[data-v-b7d400ca]:hover{transform:scale(1.02)}.empty-state[data-v-b7d400ca]{text-align:center;color:var(--foreground-muted);padding:30px 20px;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-icon[data-v-b7d400ca]{font-size:28px;opacity:.5}.modal-overlay[data-v-b7d400ca]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[data-v-b7d400ca]{background:var(--background-card);border-radius:var(--radius-lg);width:480px;max-width:90%;border:1px solid var(--border);box-shadow:var(--shadow-lg)}.modal-header[data-v-b7d400ca]{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-b7d400ca]{font-size:18px;font-weight:600;color:var(--foreground)}.modal-close[data-v-b7d400ca]{width:32px;height:32px;border:none;background:transparent;font-size:24px;cursor:pointer;color:var(--foreground-muted);transition:var(--transition-fast)}.modal-close[data-v-b7d400ca]:hover{color:var(--foreground)}.modal-body[data-v-b7d400ca]{padding:24px}.form-group[data-v-b7d400ca]{margin-bottom:18px}.form-group label[data-v-b7d400ca]{display:block;font-size:13px;color:var(--foreground-secondary);margin-bottom:8px}.form-group input[data-v-b7d400ca],.form-group textarea[data-v-b7d400ca],.form-group select[data-v-b7d400ca]{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--background-secondary);color:var(--foreground);transition:var(--transition-fast)}.form-group input[data-v-b7d400ca]:focus,.form-group textarea[data-v-b7d400ca]:focus,.form-group select[data-v-b7d400ca]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.form-group textarea[data-v-b7d400ca]{height:100px;resize:none}.form-row[data-v-b7d400ca]{display:flex;gap:16px}.form-row .form-group[data-v-b7d400ca]{flex:1}.modal-footer[data-v-b7d400ca]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.btn-cancel[data-v-b7d400ca]{padding:10px 20px;background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--foreground-secondary);font-size:14px;transition:var(--transition-fast)}.btn-cancel[data-v-b7d400ca]:hover{background:var(--background-card-hover);color:var(--foreground)}.task-enter-active[data-v-b7d400ca],.task-leave-active[data-v-b7d400ca]{transition:all var(--transition-normal)}.task-enter-from[data-v-b7d400ca]{opacity:0;transform:translateY(-10px)}.task-leave-to[data-v-b7d400ca]{opacity:0;transform:translate(-10px)}.modal-enter-active[data-v-b7d400ca],.modal-leave-active[data-v-b7d400ca]{transition:opacity var(--transition-normal)}.modal-enter-from[data-v-b7d400ca],.modal-leave-to[data-v-b7d400ca]{opacity:0}.event-stream[data-v-b9635900]{height:100%;background:var(--bg-card);border-radius:12px;display:flex;flex-direction:column;border:1px solid var(--border-color)}.stream-header[data-v-b9635900]{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.stream-header h3[data-v-b9635900]{font-size:15px;font-weight:600;color:var(--text-primary)}.header-actions[data-v-b9635900]{display:flex;align-items:center;gap:12px}.event-count[data-v-b9635900]{font-size:12px;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 12px;border-radius:12px}.btn-clear[data-v-b9635900]{width:32px;height:32px;border:1px solid var(--border-color);background:transparent;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-clear[data-v-b9635900]:hover{background:var(--bg-card-hover);border-color:var(--accent-red)}.stream-content[data-v-b9635900]{flex:1;overflow-y:auto;padding:12px}.event-item[data-v-b9635900]{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-secondary);margin-bottom:10px;border-radius:10px;border:1px solid var(--border-color);transition:all .2s;position:relative;overflow:hidden}.event-item[data-v-b9635900]:hover{background:var(--bg-card-hover);transform:translate(4px)}.event-indicator[data-v-b9635900]{position:absolute;left:0;top:0;bottom:0;width:4px}.event-item.event-task_completed .event-indicator[data-v-b9635900]{background:var(--accent-green)}.event-item.event-task_failed .event-indicator[data-v-b9635900]{background:var(--accent-red)}.event-item.event-task_started .event-indicator[data-v-b9635900]{background:var(--accent-blue)}.event-item.event-task_approval_needed .event-indicator[data-v-b9635900]{background:var(--accent-yellow)}.event-item.event-agent_online .event-indicator[data-v-b9635900]{background:var(--accent-green)}.event-item.event-agent_offline .event-indicator[data-v-b9635900]{background:var(--accent-red)}.event-icon[data-v-b9635900]{font-size:18px;flex-shrink:0;margin-left:8px}.event-body[data-v-b9635900]{flex:1;min-width:0}.event-title[data-v-b9635900]{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.event-detail[data-v-b9635900]{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-time[data-v-b9635900]{font-size:11px;color:var(--text-muted);flex-shrink:0}.empty[data-v-b9635900]{text-align:center;color:var(--text-muted);padding:50px 30px;font-size:14px}.empty-icon[data-v-b9635900]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-hint[data-v-b9635900]{font-size:12px;color:var(--text-muted);margin-top:8px}.chat-panel[data-v-68815366]{background:var(--bg-card);border-radius:12px;display:flex;flex-direction:column;height:320px;border:1px solid var(--border-color);overflow:hidden}.chat-header[data-v-68815366]{padding:14px 18px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.chat-header h3[data-v-68815366]{font-size:15px;font-weight:600;color:var(--text-primary)}.header-actions[data-v-68815366]{display:flex;align-items:center;gap:8px}.btn-notify[data-v-68815366],.btn-clear[data-v-68815366]{width:32px;height:32px;border:1px solid var(--border-color);background:transparent;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-notify[data-v-68815366]:hover,.btn-clear[data-v-68815366]:hover{background:var(--bg-card-hover);border-color:var(--accent-blue)}.btn-notify.active[data-v-68815366]{background:var(--accent-blue);border-color:var(--accent-blue)}.quick-phrases[data-v-68815366]{display:flex;gap:6px;padding:10px 14px;background:var(--bg-secondary);overflow-x:auto;flex-shrink:0}.quick-phrases[data-v-68815366]::-webkit-scrollbar{height:4px}.quick-phrases[data-v-68815366]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.phrase-btn[data-v-68815366]{padding:5px 10px;border:1px solid var(--border-color);background:var(--bg-card);border-radius:16px;cursor:pointer;font-size:11px;color:var(--text-secondary);white-space:nowrap;transition:all .2s}.phrase-btn[data-v-68815366]:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.chat-messages[data-v-68815366]{flex:1;overflow-y:auto;padding:14px}.message[data-v-68815366]{margin-bottom:14px;display:flex;align-items:flex-start;gap:10px}.message.user[data-v-68815366]{text-align:right;flex-direction:row-reverse}.message-avatar[data-v-68815366]{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.message-content-wrapper[data-v-68815366]{max-width:75%}.message-content[data-v-68815366]{display:inline-block;padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.5;text-align:left}.message.system .message-content[data-v-68815366]{background:var(--bg-secondary);color:var(--text-primary);border-bottom-left-radius:4px}.message.user .message-content[data-v-68815366]{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;border-bottom-right-radius:4px}.message-time[data-v-68815366]{font-size:11px;color:var(--text-muted);margin-top:4px}.empty[data-v-68815366]{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px}.empty-icon[data-v-68815366]{font-size:40px;margin-bottom:12px;opacity:.5}.chat-input[data-v-68815366]{padding:14px;border-top:1px solid var(--border-color);display:flex;gap:10px;background:var(--bg-secondary)}.chat-input input[data-v-68815366]{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:10px;font-size:14px;background:var(--bg-card);color:var(--text-primary);transition:border-color .2s}.chat-input input[data-v-68815366]:focus{outline:none;border-color:var(--accent-blue)}.chat-input input[data-v-68815366]::placeholder{color:var(--text-muted)}.btn-send[data-v-68815366]{padding:10px 20px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-send[data-v-68815366]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.agent-status[data-v-b07e1784]{background:var(--background-card);border-radius:var(--radius);flex:1;border:1px solid var(--border);overflow:hidden}.status-header[data-v-b07e1784]{padding:16px 20px;border-bottom:1px solid var(--border)}.header-content[data-v-b07e1784]{display:flex;justify-content:space-between;align-items:center}.header-content h3[data-v-b07e1784]{font-size:15px;font-weight:600;color:var(--foreground)}.online-count[data-v-b07e1784]{font-size:12px;color:var(--success);background:var(--success-muted);padding:4px 12px;border-radius:12px;font-weight:500}.status-content[data-v-b07e1784]{padding:12px}.agent-item[data-v-b07e1784]{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--background-secondary);border-radius:var(--radius);margin-bottom:10px;border:1px solid var(--border);transition:var(--transition-fast)}.agent-item[data-v-b07e1784]:last-child{margin-bottom:0}.agent-item[data-v-b07e1784]:hover{background:var(--background-card-hover);border-color:var(--primary);transform:translate(4px)}.agent-item.online[data-v-b07e1784]{border-left:3px solid var(--success)}.agent-avatar[data-v-b07e1784]{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,var(--primary),var(--purple));box-shadow:var(--shadow)}.avatar-writer[data-v-b07e1784]{background:linear-gradient(135deg,var(--success),#06b6d4)}.avatar-coder[data-v-b07e1784]{background:linear-gradient(135deg,var(--primary),var(--purple))}.avatar-artist[data-v-b07e1784]{background:linear-gradient(135deg,var(--warning),var(--destructive))}.avatar-analyst[data-v-b07e1784]{background:linear-gradient(135deg,var(--purple),#ec4899)}.avatar-reception[data-v-b07e1784]{background:linear-gradient(135deg,#06b6d4,var(--success))}.agent-info[data-v-b07e1784]{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.agent-name[data-v-b07e1784]{font-size:14px;font-weight:600;color:var(--foreground)}.agent-id[data-v-b07e1784]{font-size:11px;color:var(--foreground-muted);font-family:monospace;overflow:hidden;text-overflow:ellipsis}.status-indicator[data-v-b07e1784]{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:14px;font-size:12px;font-weight:500;background:#64748b26;color:var(--foreground-muted)}.agent-item.online .status-indicator[data-v-b07e1784]{background:var(--success-muted);color:var(--success)}.status-dot[data-v-b07e1784]{width:8px;height:8px;border-radius:50%;background:var(--foreground-muted)}.agent-item.online .status-dot[data-v-b07e1784]{background:var(--success);box-shadow:0 0 8px var(--success);animation:pulse 1.5s infinite}.empty-state[data-v-b07e1784]{text-align:center;color:var(--foreground-muted);padding:40px 20px;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon[data-v-b07e1784]{font-size:48px;opacity:.5}.agent-enter-active[data-v-b07e1784],.agent-leave-active[data-v-b07e1784]{transition:all var(--transition-normal)}.agent-enter-from[data-v-b07e1784]{opacity:0;transform:translate(-20px)}.agent-leave-to[data-v-b07e1784]{opacity:0;transform:translate(20px)}.modal-overlay[data-v-66315b2f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-66315b2f]{background:#fff;border-radius:12px;width:500px;max-width:90%;max-height:80vh;display:flex;flex-direction:column}.modal-header[data-v-66315b2f]{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-66315b2f]{font-size:18px}.close-btn[data-v-66315b2f]{width:32px;height:32px;border:none;background:transparent;font-size:24px;cursor:pointer;color:#999}.modal-content[data-v-66315b2f]{flex:1;overflow-y:auto;padding:20px}.loading[data-v-66315b2f]{text-align:center;padding:40px;color:#999}.overall-status[data-v-66315b2f]{padding:16px;border-radius:8px;display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:16px;font-weight:600}.overall-status.healthy[data-v-66315b2f]{background:#f6ffed;color:#52c41a}.overall-status.degraded[data-v-66315b2f]{background:#fff7e6;color:#faad14}.service-section[data-v-66315b2f]{margin-bottom:20px}.service-section h4[data-v-66315b2f]{font-size:14px;color:#666;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.service-item[data-v-66315b2f]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #fafafa}.service-name[data-v-66315b2f]{font-size:14px;color:#333}.service-status[data-v-66315b2f]{font-size:13px}.service-status.online[data-v-66315b2f],.service-status.connected[data-v-66315b2f]{color:#52c41a}.service-status.offline[data-v-66315b2f],.service-status.error[data-v-66315b2f]{color:#ff4d4f}.ws-count[data-v-66315b2f]{color:#999;font-size:12px}.stat-item[data-v-66315b2f]{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#333}.modal-footer[data-v-66315b2f]{padding:16px 20px;border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end}.btn-primary[data-v-66315b2f]{padding:8px 20px;background:#1890ff;color:#fff;border:none;border-radius:6px;cursor:pointer}.btn-primary[data-v-66315b2f]:disabled{background:#d9d9d9}.btn-secondary[data-v-66315b2f]{padding:8px 20px;background:#f0f0f0;color:#333;border:none;border-radius:6px;cursor:pointer}.log-viewer[data-v-f534e5b0]{height:100%;background:var(--bg-card);border-radius:12px;display:flex;flex-direction:column;border:1px solid var(--border-color);overflow:hidden}.log-header[data-v-f534e5b0]{padding:14px 18px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.log-header h3[data-v-f534e5b0]{font-size:15px;font-weight:600;color:var(--text-primary)}.log-actions[data-v-f534e5b0]{display:flex;align-items:center;gap:8px}.source-select[data-v-f534e5b0]{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:12px;cursor:pointer}.source-select[data-v-f534e5b0]:focus{outline:none;border-color:var(--accent-blue)}.btn-icon[data-v-f534e5b0]{width:32px;height:32px;border:1px solid var(--border-color);background:transparent;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon[data-v-f534e5b0]:hover{background:var(--bg-card-hover);border-color:var(--accent-blue)}.btn-icon.active[data-v-f534e5b0]{background:var(--accent-blue);border-color:var(--accent-blue)}.log-content[data-v-f534e5b0]{flex:1;overflow-y:auto;padding:10px;font-family:Monaco,Menlo,monospace;font-size:12px}.log-item[data-v-f534e5b0]{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:var(--bg-secondary);margin-bottom:6px;border-radius:6px;border-left:3px solid var(--accent-blue)}.log-info[data-v-f534e5b0]{border-left-color:var(--accent-blue)}.log-warn[data-v-f534e5b0]{border-left-color:var(--accent-yellow);background:#f59e0b1a}.log-error[data-v-f534e5b0]{border-left-color:var(--accent-red);background:#ef44441a}.log-debug[data-v-f534e5b0]{border-left-color:var(--text-muted);opacity:.7}.log-time[data-v-f534e5b0]{color:var(--text-muted);flex-shrink:0;font-size:11px}.log-source[data-v-f534e5b0]{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;flex-shrink:0;background:var(--bg-card)}.source-hub[data-v-f534e5b0]{color:var(--accent-purple)}.source-coder[data-v-f534e5b0]{color:var(--accent-blue)}.source-writer[data-v-f534e5b0]{color:var(--accent-green)}.source-artist[data-v-f534e5b0]{color:var(--accent-yellow)}.source-analyst[data-v-f534e5b0]{color:#ec4899}.source-reception[data-v-f534e5b0]{color:#06b6d4}.log-level[data-v-f534e5b0]{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;flex-shrink:0}.level-info[data-v-f534e5b0]{background:#3b82f633;color:var(--accent-blue)}.level-warn[data-v-f534e5b0]{background:#f59e0b33;color:var(--accent-yellow)}.level-error[data-v-f534e5b0]{background:#ef444433;color:var(--accent-red)}.level-debug[data-v-f534e5b0]{background:#64748b33;color:var(--text-muted)}.log-message[data-v-f534e5b0]{color:var(--text-primary);flex:1;word-break:break-all}.empty[data-v-f534e5b0]{text-align:center;color:var(--text-muted);padding:50px 30px;font-size:14px}.empty-icon[data-v-f534e5b0]{font-size:40px;margin-bottom:12px;opacity:.5}:root{--background: #0a0e17;--background-secondary: #111827;--background-card: #1a2332;--background-card-hover: #232d42;--foreground: #f1f5f9;--foreground-secondary: #94a3b8;--foreground-muted: #64748b;--primary: #3b82f6;--primary-hover: #2563eb;--primary-ring: rgba(59, 130, 246, .5);--success: #22c55e;--success-muted: rgba(34, 197, 94, .15);--warning: #f59e0b;--warning-muted: rgba(245, 158, 11, .15);--destructive: #ef4444;--destructive-muted: rgba(239, 68, 68, .15);--purple: #8b5cf6;--border: #1e293b;--border-focus: #3b82f6;--radius: .75rem;--radius-sm: .5rem;--radius-lg: 1rem;--shadow: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-glow-blue: 0 0 20px rgba(59, 130, 246, .3);--shadow-glow-green: 0 0 20px rgba(34, 197, 94, .3);--shadow-glow-red: 0 0 20px rgba(239, 68, 68, .3);--transition-fast: .15s;--transition-normal: .2s;--transition-slow: .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInTop{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInBottom{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow-blue{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 30px #3b82f680}}@keyframes glow-red{0%,to{box-shadow:0 0 20px #ef444433}50%{box-shadow:0 0 30px #ef444466}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-in-top{animation:slideInTop var(--transition-normal) ease-out}.animate-slide-in-bottom{animation:slideInBottom var(--transition-normal) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-glow-blue{animation:glow-blue 2s ease-in-out infinite}.animate-glow-red{animation:glow-red 2s ease-in-out infinite}*{margin:0;padding:0;box-sizing:border-box}.app{height:100vh;display:flex;flex-direction:column;background:var(--background);color:var(--foreground);transition:background var(--transition-slow),color var(--transition-slow)}.header{height:64px;background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background-card) 100%);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:12px}.logo{font-size:26px}.title{font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:14px;color:var(--foreground-secondary);padding-left:12px;border-left:1px solid var(--border)}.header-right{display:flex;align-items:center;gap:12px}.btn-icon{width:38px;height:38px;border:1px solid var(--border);background:transparent;cursor:pointer;font-size:16px;border-radius:var(--radius-sm);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--background-card-hover);border-color:var(--primary);transform:translateY(-1px)}.connection-status{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;background:var(--background-card);border:1px solid var(--border);color:var(--destructive)}.connection-status.online{color:var(--success);border-color:#22c55e4d}.pulse{width:8px;height:8px;border-radius:50%;background:var(--destructive)}.connection-status.online .pulse{background:var(--success);box-shadow:0 0 8px var(--success)}.main{flex:1;display:flex;overflow:hidden;gap:16px;padding:16px}.sidebar-left{width:300px;flex-shrink:0}.center{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.stream-section{flex:1;min-height:0}.log-section{height:240px;flex-shrink:0}.sidebar-right{width:340px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.app:not(.dark-mode){--background: #f8fafc;--background-secondary: #f1f5f9;--background-card: #ffffff;--background-card-hover: #f1f5f9;--foreground: #0f172a;--foreground-secondary: #475569;--foreground-muted: #94a3b8;--border: #e2e8f0;--border-focus: #3b82f6}