:root{--brand:#0e7490;--brand-light:#f0fdfa;--brand-hover:#0c6680;--brand-subtle:#0e749014;--accent-teal:#0e7490;--accent-indigo:#6366f1;--accent-amber:#f59e0b;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-purple:#8b5cf6;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--bg-main:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-sidebar:#f9fafb;--bg-card:#fff;--bg-hover:#f3f4f6;--bg-active:#f0fdfa;--bg-input:#fff;--bg-chat-user:#f0fdfa;--bg-chat-assistant:#f9fafb;--bg-overlay:#0000004d;--border-default:#e5e7eb;--border-light:#f3f4f6;--border-focus:#0e7490;--shadow-sm:0 1px 2px #0000000a;--shadow-card:0 1px 3px #0000000f;--shadow-card-hover:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:20px;--radius-full:9999px;--sidebar-width:260px;--sidebar-collapsed:60px;--header-height:56px;--content-max:1200px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--scrollbar-bg:transparent;--scrollbar-thumb:#d1d5db;--scrollbar-thumb-hover:#9ca3af}[data-theme=dark]{--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--bg-main:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#273548;--bg-sidebar:#1e293b;--bg-card:#1e293b;--bg-hover:#273548;--bg-active:#0e749026;--bg-input:#1e293b;--bg-chat-user:#0e74901f;--bg-chat-assistant:#1e293b;--bg-overlay:#00000080;--border-default:#334155;--border-light:#273548;--shadow-card:0 1px 3px #0003;--shadow-card-hover:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--scrollbar-thumb:#475569;--scrollbar-thumb-hover:#64748b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:var(--font);color:var(--text-primary);background:var(--bg-main);height:100vh;line-height:1.6;overflow:hidden}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0e74901a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.app-shell{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-default);height:100vh;transition:width var(--transition-slow), min-width var(--transition-slow);z-index:20;flex-direction:column;display:flex;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}.sidebar-header{flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:16px;display:flex}.sidebar-logo{white-space:nowrap;align-items:center;gap:10px;display:flex;overflow:hidden}.sidebar-logo .logo-icon{background:var(--brand);border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.sidebar-logo .logo-text{color:var(--brand);letter-spacing:-.3px;font-size:18px;font-weight:700}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-search,.sidebar.collapsed .conversations-section,.sidebar.collapsed .sidebar-footer-info,.sidebar.collapsed .collapse-label,.sidebar.collapsed .nav-section-label{display:none}.sidebar.collapsed .sidebar-header{justify-content:center;padding:16px 0}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0}.sidebar.collapsed .nav-item .nav-icon{margin:0}.sidebar.collapsed .sidebar-footer{padding:12px 0}.sidebar.collapsed .sidebar-footer>*{justify-content:center}.collapse-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.collapse-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.sidebar-search{flex-shrink:0;padding:0 12px 12px}.sidebar-search-input{border-radius:var(--radius-md);background:var(--bg-main);border:1px solid var(--border-default);width:100%;color:var(--text-secondary);font-size:13px;font-family:var(--font);cursor:pointer;padding:8px 12px}.search-wrapper{position:relative}.search-shortcut{color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-default);pointer-events:none;border-radius:4px;padding:1px 6px;font-size:11px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.sidebar-nav{flex-shrink:0;padding:0 8px}.nav-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:16px 12px 6px;font-size:11px;font-weight:600}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex;overflow:hidden}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.nav-item.active{background:var(--bg-active);color:var(--brand)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.nav-label{white-space:nowrap}.conversations-section{flex:1;min-height:0;padding:0 8px;overflow-y:auto}.conv-item{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);color:inherit;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;display:flex}.conv-item:hover{background:var(--bg-hover);text-decoration:none}.conv-item.active{background:var(--bg-active)}.conv-avatar{border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:600;display:flex}.conv-info{flex:1;min-width:0}.conv-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.conv-time{color:var(--text-muted);font-size:11px}.sidebar-footer{border-top:1px solid var(--border-default);flex-shrink:0;padding:12px}.sidebar-footer-item{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;align-items:center;gap:10px;padding:8px 12px;display:flex;overflow:hidden}.sidebar-footer-item:hover{background:var(--bg-hover)}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--brand), #6366f1);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.user-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.sidebar-footer-info{flex:1;min-width:0}.sidebar-footer-name{color:var(--text-primary);font-size:13px;font-weight:500}.sidebar-footer-role{color:var(--text-muted);font-size:11px}.theme-toggle{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-secondary)}.main-content{background:var(--bg-main);flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.screen{flex:1;animation:.2s fadeIn;display:none;overflow-y:auto}.screen.active{flex-direction:column;display:flex}.screen-fade{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.dashboard{padding:32px;overflow-y:auto}.dashboard-content{max-width:var(--content-max);width:100%;margin:0 auto;padding:32px 32px 48px}.dashboard-greeting{margin-bottom:8px}.dashboard-greeting h1{color:var(--text-primary);letter-spacing:-.3px;font-size:24px;font-weight:600}.dashboard-greeting p{color:var(--text-secondary);margin-top:4px;font-size:14px}.welcome-banner{background:var(--brand-subtle);border-radius:var(--radius-lg);border:1px solid #0e74901f;margin-bottom:24px;padding:20px 24px}.welcome-banner h2{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:600}.welcome-banner p{color:var(--text-secondary);font-size:14px}.announcement-banner,.announcement-bar{background:var(--brand-subtle);border-radius:var(--radius-lg);border:1px solid #0e74901f;align-items:center;gap:10px;margin:16px 0 24px;padding:10px 16px;animation:.3s slideUp;display:flex}.announcement-dot{border-radius:var(--radius-full);background:var(--brand);flex-shrink:0;width:6px;height:6px}.announcement-text{color:var(--text-primary);flex:1;font-size:13px}.announcement-text strong{font-weight:600}.announcement-dismiss{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:2px;font-size:16px;line-height:1}.announcement-dismiss:hover{background:var(--bg-hover);color:var(--text-secondary)}.stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:16px 18px}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:12px;font-weight:500}.stat-value{color:var(--text-primary);letter-spacing:-.5px;font-size:24px;font-weight:600}.stat-change{margin-top:4px;font-size:12px;font-weight:500}.stat-change.up{color:var(--accent-emerald)}.stat-change.down{color:var(--accent-rose)}.dashboard-tabs{border-bottom:1px solid var(--border-default);gap:2px;margin-bottom:24px;display:flex}.dashboard-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13px;font-weight:500}.dashboard-tab:hover{color:var(--text-primary)}.dashboard-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.section-heading,.section-title{color:var(--text-primary);letter-spacing:-.2px;margin-bottom:16px;font-size:16px;font-weight:600}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.recent-list{flex-direction:column;gap:8px;display:flex}.agent-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.agent-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:inherit;padding:20px;text-decoration:none;position:relative;overflow:hidden}.agent-card:hover{box-shadow:var(--shadow-card-hover);text-decoration:none;transform:translateY(-2px)}.agent-card-header{align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.agent-icon{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:600;display:flex}.agent-icon-sm{border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.agent-card-info{flex:1;min-width:0}.agent-card-name{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:600}.agent-card-category,.category-tag{border-radius:var(--radius-pill);background:var(--bg-tertiary);color:var(--text-secondary);padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.agent-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.agent-card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;display:flex}.agent-card-stat{color:var(--text-muted);font-size:12px}.agent-card-arrow{color:var(--text-muted);transition:transform var(--transition-fast);font-size:14px}.agent-card:hover .agent-card-arrow{color:var(--brand);transform:translate(3px)}.app-grid,.apps-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.app-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;color:inherit;padding:20px;text-decoration:none}.app-card:hover{box-shadow:var(--shadow-card-hover);text-decoration:none;transform:translateY(-2px)}.app-icon{border-radius:var(--radius-lg);background:var(--bg-tertiary);justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:22px;display:flex}.app-card h3{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.app-card p{color:var(--text-secondary);font-size:12px}.app-external-icon{color:var(--text-muted);align-items:center;gap:4px;margin-top:10px;font-size:12px;display:inline-flex}.workflow-content{max-width:var(--content-max);width:100%;margin:0 auto;padding:32px}.workflow-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.workflow-header h1{letter-spacing:-.3px;font-size:22px;font-weight:600}.workflow-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;display:grid}.workflow-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:inherit;padding:20px;text-decoration:none}.workflow-card:hover{box-shadow:var(--shadow-card-hover);text-decoration:none;transform:translateY(-2px)}.workflow-card-header{align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.workflow-icon{border-radius:var(--radius-md);background:var(--bg-tertiary);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.workflow-card-info h3{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.workflow-card-info p{color:var(--text-secondary);font-size:13px;line-height:1.5}.workflow-card-meta{border-top:1px solid var(--border-light);align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.workflow-badge{border-radius:var(--radius-pill);background:var(--bg-tertiary);color:var(--text-secondary);align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.workflow-badge.trigger{color:var(--brand);background:#0e749014}.workflow-badge.status-active{color:var(--accent-emerald);background:#10b9811a}.workflow-runs-info{color:var(--text-muted);margin-left:auto;font-size:12px}.chat-layout{flex:1;display:flex;overflow:hidden}.chat-screen{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-sidebar{border-right:1px solid var(--border-default);background:var(--bg-secondary);flex-direction:column;width:260px;min-width:260px;display:flex;overflow-y:auto}.chat-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border-default);height:var(--header-height);background:var(--bg-main);flex-shrink:0;align-items:center;gap:12px;padding:12px 24px;display:flex}.chat-header-icon{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.chat-header-info h2{color:var(--text-primary);letter-spacing:-.2px;font-size:15px;font-weight:600}.chat-header-info p{color:var(--text-secondary);margin:0;font-size:12px}.chat-header-actions{gap:6px;margin-left:auto;display:flex}.chat-header-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.chat-header-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.chat-messages,.message-list{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.chat-message{gap:12px;max-width:760px;animation:.25s slideUp;display:flex}.chat-message.user,.message-user{flex-direction:row-reverse;align-self:flex-end}.chat-message.assistant,.message-bot{align-self:flex-start}.message-bot-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.msg-avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:4px;font-size:10px;font-weight:600;display:flex}.chat-message.user .msg-avatar{background:linear-gradient(135deg, var(--brand), #6366f1)}.msg-bubble{border-radius:var(--radius-lg);padding:12px 16px;font-size:14px;line-height:1.65}.chat-message.user .msg-bubble,.message-user .msg-bubble{background:var(--bg-chat-user);color:var(--text-primary);border:1px solid #0e74901a;border-bottom-right-radius:4px}.chat-message.assistant .msg-bubble,.message-bot .msg-bubble{background:var(--bg-chat-assistant);border:1px solid var(--border-default);color:var(--text-primary);border-bottom-left-radius:4px}.msg-bubble strong{font-weight:600}.msg-bubble p{margin-bottom:8px}.msg-bubble p:last-child{margin-bottom:0}.msg-bubble ul,.msg-bubble ol{margin:8px 0;padding-left:20px}.msg-bubble li{margin-bottom:4px}.msg-bubble p+p{margin-top:10px}.msg-bubble code{background:#0000000f;border-radius:3px;padding:1px 4px;font-size:13px}[data-theme=dark] .msg-bubble code{background:#ffffff1a}.msg-bubble pre{color:#e0e0e0;border-radius:var(--radius-sm);background:#1e293b;margin:8px 0;padding:12px;font-size:13px;overflow-x:auto}.msg-bubble pre code{color:inherit;background:0 0;padding:0}.msg-bubble table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.msg-bubble th,.msg-bubble td{text-align:left;border-bottom:1px solid var(--border-default);padding:8px 12px}.msg-bubble th{color:var(--text-primary);background:var(--bg-tertiary);font-weight:600}.msg-bubble td{color:var(--text-secondary)}.msg-bubble blockquote{background:var(--brand-subtle);border-left:4px solid var(--brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);margin:12px 0;padding:12px 16px;font-size:13.5px}.msg-bubble blockquote p{margin-bottom:4px}.msg-bubble blockquote p:last-child{margin-bottom:0}.msg-bubble h1,.msg-bubble h2,.msg-bubble h3,.msg-bubble h4{color:var(--text-primary);margin-top:16px;margin-bottom:8px}.msg-bubble h3{border-bottom:2px solid var(--border-light);padding-bottom:4px;font-size:15px}.msg-bubble h4{font-size:14px}.msg-bubble hr{background:var(--border-default);border:none;height:1px;margin:14px 0}.msg-bubble del{color:var(--text-muted)}.msg-bubble input[type=checkbox]{accent-color:var(--brand);margin-right:6px}.source-list-collapsible{margin-top:8px}.source-list-toggle{border-radius:var(--radius-pill);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-default);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.source-list-toggle:hover{background:var(--bg-hover);color:var(--brand)}.source-list-arrow{transition:transform var(--transition-fast);font-size:10px}.source-list-arrow.expanded{transform:rotate(180deg)}.source-list-items{flex-direction:column;gap:4px;margin-top:6px;display:flex}.source-list-items a{color:var(--brand);font-size:12px}.msg-sources{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.source-pill{border-radius:var(--radius-pill);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-default);align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.source-pill:hover{background:var(--bg-hover);color:var(--brand)}.source-pill svg{flex-shrink:0;width:12px;height:12px}.msg-actions,.message-actions{opacity:0;transition:opacity var(--transition-fast);gap:4px;margin-top:8px;display:flex}.chat-message.assistant:hover .msg-actions,.message-bot:hover .message-actions{opacity:1}.msg-action-btn{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:13px;display:flex}.msg-action-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.msg-action-btn.liked{color:var(--accent-emerald)}.starter-area{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.starter-prompts{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 24px;display:flex}.starter-icon{border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:8px;font-size:22px;font-weight:700;display:flex}.starter-title{color:var(--text-primary);text-align:center;font-size:18px;font-weight:600}.starter-subtitle{color:var(--text-secondary);text-align:center;max-width:400px;font-size:14px}.starter-chips{flex-wrap:wrap;justify-content:center;gap:8px;max-width:600px;margin-top:8px;display:flex}.starter-chip{border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);text-align:left;max-width:280px;padding:10px 16px;font-size:13px}.starter-chip:hover{border-color:var(--brand);color:var(--brand);background:var(--bg-active);box-shadow:var(--shadow-card);transform:translateY(-1px)}.chat-input-area,.input-bar{border-top:1px solid var(--border-default);background:var(--bg-main);flex-shrink:0;padding:16px 24px 20px}.chat-input-wrapper{max-width:760px;margin:0 auto;position:relative}.chat-input{border-radius:var(--radius-xl);border:1px solid var(--border-default);background:var(--bg-card);resize:none;width:100%;min-height:48px;max-height:120px;padding:14px 52px 14px 18px;font-size:14px;line-height:1.5}.chat-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0e749014}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{border-radius:var(--radius-md);background:var(--brand);color:#fff;width:34px;height:34px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;bottom:8px;right:8px}.chat-send-btn:hover{background:var(--brand-hover);transform:scale(1.05)}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-input-hint{color:var(--text-muted);text-align:center;margin-top:8px;font-size:11px}.typing-indicator{align-items:center;gap:8px;padding:8px 0;display:flex}.typing-dots{gap:4px;display:flex}.typing-dots span{background:var(--brand);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite bounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.conversations-page{max-width:900px;margin:0 auto;padding:24px 32px}.conversations-page h1{color:var(--text-primary);margin-bottom:20px;font-size:24px}.empty-state{text-align:center;color:var(--text-secondary);padding:48px}.conversation-list{flex-direction:column;gap:8px;display:flex}.conversation-item{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-default);color:inherit;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:16px 20px;text-decoration:none;display:flex}.conversation-item:hover{border-color:var(--brand);text-decoration:none}.conv-meta{color:var(--text-secondary);gap:12px;font-size:12px;display:flex}.conv-bot{background:var(--brand-subtle);color:var(--brand);border-radius:var(--radius-pill);padding:2px 8px;font-size:11px;font-weight:500}.admin-layout{height:100%;display:flex}.admin-sidebar{color:#fff;background:#0f172a;flex-direction:column;flex-shrink:0;width:240px;padding-top:8px;display:flex}[data-theme=dark] .admin-sidebar{background:#0b1120}.admin-nav-item{color:#fffc;cursor:pointer;transition:background var(--transition-fast);border-left:3px solid #0000;align-items:center;gap:10px;padding:12px 20px;font-size:14px;text-decoration:none;display:flex}.admin-nav-item:hover{color:#fff;background:#ffffff1a;text-decoration:none}.admin-nav-item.active{border-left-color:var(--accent-amber);color:#fff;background:#ffffff1a;font-weight:600}.admin-nav-icon{text-align:center;width:24px;font-size:18px}.admin-nav-divider{background:#ffffff26;height:1px;margin:8px 16px}.admin-content{background:var(--bg-secondary);flex:1;padding:28px 32px;overflow-y:auto}.admin-page-title{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:20px;font-size:22px;font-weight:700;display:flex}.admin-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin-header h1{letter-spacing:-.3px;font-size:22px;font-weight:600}.admin-tabs{border-bottom:1px solid var(--border-default);gap:2px;margin-bottom:24px;display:flex}.admin-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13px;font-weight:500}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.admin-table-wrapper{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-secondary);border-bottom:1px solid var(--border-default);padding:12px 16px;font-size:12px;font-weight:600}.admin-table td{color:var(--text-primary);border-bottom:1px solid var(--border-light);padding:14px 16px;font-size:13px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg-hover)}.admin-table .agent-cell{align-items:center;gap:10px;display:flex}.admin-agent-icon{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.admin-agent-name{font-weight:500}.admin-agent-id{color:var(--text-muted);font-family:SF Mono,Fira Code,monospace;font-size:11px}.admin-actions{gap:4px;display:flex}.admin-action-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.admin-action-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.admin-action-btn.danger:hover{color:var(--accent-rose);background:#f43f5e14}.agent-table{background:var(--bg-card);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-card);border-collapse:separate;border-spacing:0}.agent-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:2px solid var(--border-default);padding:14px 16px;font-size:12px;font-weight:700}.agent-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:14px 16px;font-size:14px}.agent-table tr:last-child td{border-bottom:none}.agent-table-name{align-items:center;gap:10px;font-weight:600;display:flex}.status-toggle{background:var(--border-default);cursor:pointer;width:36px;height:20px;transition:background var(--transition-fast);border-radius:10px;position:relative}.status-toggle.on{background:var(--accent-emerald)}.status-toggle:after{content:"";border-radius:var(--radius-full);width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.status-toggle.on:after{transform:translate(16px)}.category-pill{border-radius:var(--radius-pill);background:var(--bg-tertiary);color:var(--text-secondary);padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.status-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.status-badge.active{background:var(--accent-emerald);color:#fff}.status-badge.inactive{background:var(--text-muted);color:#fff}.toggle-switch{background:var(--border-default);cursor:pointer;width:44px;height:24px;transition:background var(--transition-base);border-radius:12px;flex-shrink:0;display:inline-block;position:relative}.toggle-switch.active{background:var(--accent-emerald)}.toggle-switch:after{content:"";width:20px;height:20px;transition:transform var(--transition-base);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch.active:after{transform:translate(20px)}.agent-editor{grid-template-columns:1fr 1fr;gap:24px;display:grid}.editor-section{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:24px}.editor-section h3{border-bottom:2px solid var(--border-default);color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;font-size:16px;font-weight:700}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.form-input,.form-textarea,.form-select{border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--bg-input);outline:none;padding:8px 12px;font-family:inherit;font-size:14px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0e74901a}.form-textarea{resize:vertical;line-height:1.5}.form-error{color:var(--accent-rose);border-radius:var(--radius-sm);background:#f43f5e14;border:1px solid #f43f5e33;margin-bottom:16px;padding:10px 16px;font-size:14px}.color-swatches{gap:8px;display:flex}.color-swatch{cursor:pointer;width:32px;height:32px;transition:border-color var(--transition-fast);border:3px solid #0000;border-radius:50%}.color-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-card), 0 0 0 4px var(--text-primary)}.color-swatch:hover{transform:scale(1.1)}.source-item{align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.source-remove{color:var(--accent-rose);cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:700}.btn-add-source{border:1px dashed var(--border-default);border-radius:var(--radius-sm);color:var(--brand);cursor:pointer;background:0 0;margin-top:6px;padding:6px 12px;font-size:13px}.btn-add-source:hover{border-color:var(--brand)}.source-card{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-secondary);margin-bottom:8px;padding:10px 14px}.source-card-header{align-items:center;gap:10px;display:flex}.source-card-icon{border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.source-card-info{flex:1;min-width:0}.source-card-name{color:var(--text-primary);font-size:14px;font-weight:600}.source-card-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.source-card-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.source-preset-picker{margin-top:8px}.source-preset-title{color:var(--text-secondary);margin-bottom:10px;font-size:13px;font-weight:600}.source-preset-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.source-preset-card{border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:var(--bg-card);padding:12px}.source-preset-card:hover{border-color:var(--brand);box-shadow:0 2px 8px #0e74901f}.source-preset-icon{border-radius:var(--radius-sm);background:var(--brand);color:#fff;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.source-preset-label{color:var(--text-primary);font-size:13px;font-weight:600}.source-preset-desc{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.3}.source-edit-form{border:1px solid var(--brand);border-radius:var(--radius-sm);background:var(--brand-subtle);margin-top:8px;padding:16px}.source-edit-header{color:var(--brand);align-items:center;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.source-form-row{gap:12px;display:flex}.source-preset-badge{background:var(--brand-subtle);color:var(--brand);border-radius:var(--radius-pill);margin-bottom:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.source-form-actions{border-top:1px solid var(--border-default);align-items:center;gap:8px;margin-top:8px;padding-top:12px;display:flex}.model-preset-row{gap:8px;margin-bottom:12px;display:flex}.model-preset-chip{border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:var(--bg-card);flex:1;padding:10px 12px}.model-preset-chip:hover{border-color:var(--brand)}.model-preset-chip.selected{border-color:var(--brand);background:var(--brand-subtle);box-shadow:0 0 0 1px var(--brand)}.model-preset-chip-label{color:var(--text-primary);font-size:13px;font-weight:700}.model-preset-chip-desc{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.3}.model-preset-chip.selected .model-preset-chip-label{color:var(--brand)}.model-custom-fields{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-secondary);margin-bottom:12px;padding:12px}.model-params-row{align-items:flex-start;gap:16px;display:flex}.model-params-row .form-group:first-child{flex:1}.model-slider{appearance:none;background:var(--border-default);border-radius:3px;outline:none;width:100%;height:6px;margin:8px 0 4px}.model-slider::-webkit-slider-thumb{appearance:none;background:var(--brand);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0003}.model-slider::-moz-range-thumb{background:var(--brand);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0003}.model-slider-labels{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.model-help-text{background:var(--brand-subtle);border:1px solid var(--border-default);border-radius:var(--radius-sm);margin-top:4px;padding:10px 14px}.model-help-text p{color:var(--text-secondary);margin:0 0 6px;font-size:12px;line-height:1.5}.model-help-text p:last-child{margin-bottom:0}.model-help-text strong{color:var(--text-primary)}.prompt-item{align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.prompt-item .form-input{flex:1}.btn-primary{background:var(--brand);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--brand-hover)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-danger{background:var(--accent-rose);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600}.btn-danger:hover{background:#e11d48}.btn-danger:disabled{opacity:.6;cursor:default}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:10px 24px;font-family:inherit;font-size:14px;font-weight:500}.btn-secondary:hover{background:var(--bg-hover)}.btn-edit{background:var(--brand);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;padding:6px 14px;font-family:inherit;font-size:13px}.btn-edit:hover{background:var(--brand-hover)}.btn-danger-link{color:var(--accent-rose);cursor:pointer;background:0 0;border:none;padding:4px;font-family:inherit;font-size:13px}.btn-danger-link:hover{text-decoration:underline}.kpi-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.kpi-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--border-default);padding:20px}.kpi-card-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px}.kpi-card-value{color:var(--text-primary);font-size:28px;font-weight:700}.kpi-card-trend{color:var(--accent-emerald);margin-top:4px;font-size:12px}.chart-container{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--border-default);margin-bottom:20px;padding:24px}.chart-title{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:700}.charts-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.announcement-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--border-default);margin-bottom:16px;padding:24px}.toast{border-radius:var(--radius-md);color:#fff;z-index:1000;opacity:0;font-size:14px;font-weight:600;font-family:var(--font);padding:12px 24px;transition:opacity .3s,transform .3s;position:fixed;bottom:24px;right:24px;transform:translateY(20px)}.toast.show{opacity:1;transform:translateY(0)}.toast.success{background:var(--accent-emerald)}.toast.info{background:var(--brand)}.toast.error{background:var(--accent-rose)}.loading{height:200px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:16px;display:flex}.auth-error-screen{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-error-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;width:100%;max-width:480px;padding:48px 40px}.auth-error-icon{width:56px;height:56px;color:var(--accent-rose);background:#f43f5e1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:28px;font-weight:700;display:flex}.auth-error-card h1{color:var(--text-primary);margin-bottom:12px;font-size:22px}.auth-error-card p{color:var(--text-secondary);margin-bottom:8px;font-size:15px;line-height:1.5}.auth-error-help{color:var(--text-muted);margin-top:16px;font-size:14px}.auth-error-help a{color:var(--brand);font-weight:600}.auth-error-retry{background:var(--brand);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;margin-top:24px;padding:10px 28px;font-size:15px;font-weight:600}.auth-error-retry:hover{background:var(--brand-hover)}.wf-detail-layout{gap:24px;max-width:1200px;margin:0 auto;padding:20px;display:flex}.wf-detail-sidebar{flex-shrink:0;width:300px}.wf-detail-main{flex:1;min-width:0}.wf-info-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--border-default);margin-bottom:16px;padding:20px}.wf-info-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.wf-info-card .agent-icon{width:48px;height:48px;font-size:18px}.wf-info-name{color:var(--text-primary);font-size:18px;font-weight:700}.wf-info-desc{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.5}.wf-info-meta{color:var(--text-muted);gap:16px;margin-bottom:16px;font-size:13px;display:flex}.wf-info-meta span{align-items:center;gap:4px;display:flex}.wf-start-btn{background:var(--brand);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:background var(--transition-fast);border:none;padding:10px 16px;font-size:14px;font-weight:600}.wf-start-btn:hover{background:var(--brand-hover)}.wf-start-btn:disabled{opacity:.6;cursor:not-allowed}.wf-info-pattern{color:var(--text-muted);text-transform:capitalize;font-size:12px}.wf-info-steps-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px;font-size:13px;font-weight:600}.wf-info-steps{flex-direction:column;gap:6px;display:flex}.wf-info-step{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.wf-info-step-num{background:var(--bg-tertiary);width:22px;height:22px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.wf-info-badge{border-radius:var(--radius-md);text-transform:uppercase;padding:2px 6px;font-size:10px;font-weight:600}.wf-info-badge.approval{color:#b8860b;background:#f59e0b1a}.wf-upload-zone{border:2px dashed var(--border-default);border-radius:var(--radius-md);text-align:center;color:var(--text-muted);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);margin-bottom:12px;padding:24px;font-size:14px}.wf-upload-zone:hover,.wf-upload-zone.dragover{border-color:var(--brand);background:var(--brand-subtle)}.wf-upload-file{background:var(--bg-secondary);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 12px;font-size:13px;display:flex}.wf-upload-file .file-name{color:var(--text-primary);font-weight:500}.wf-upload-file .file-size{color:var(--text-muted);font-size:12px}.wf-upload-file .file-remove{color:var(--accent-rose);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}.wf-run-list{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--border-default);overflow:hidden}.wf-run-list-header{color:var(--text-primary);border-bottom:1px solid var(--border-default);padding:12px 16px;font-size:14px;font-weight:700}.wf-run-item{border-bottom:1px solid var(--border-light);cursor:pointer;transition:background var(--transition-fast);color:inherit;align-items:center;gap:10px;padding:12px 16px;text-decoration:none;display:flex}.wf-run-item:hover{background:var(--bg-hover);text-decoration:none}.wf-run-item:last-child{border-bottom:none}.wf-run-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.wf-run-status-dot.completed{background:var(--accent-emerald)}.wf-run-status-dot.running{background:var(--brand);animation:1.5s infinite pulse}.wf-run-status-dot.waiting_approval{background:var(--accent-amber)}.wf-run-status-dot.pending{background:var(--text-muted)}.wf-run-status-dot.failed{background:var(--accent-rose)}.wf-run-status-dot.cancelled{background:var(--text-muted)}.wf-run-info{flex:1;min-width:0}.wf-run-info .run-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.wf-run-info .run-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.wf-run-status-badge{border-radius:var(--radius-pill);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:600}.wf-run-status-badge.completed{color:var(--accent-emerald);background:#10b9811a}.wf-run-status-badge.running{color:var(--brand);background:#0e74901a}.wf-run-status-badge.waiting_approval{color:#b8860b;background:#f59e0b1a}.wf-run-status-badge.failed{color:var(--accent-rose);background:#f43f5e1a}.wf-run-status-badge.cancelled{background:var(--bg-tertiary);color:var(--text-muted)}.wf-pipeline{padding:0;position:relative}.wf-pipeline-step{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-left:4px solid var(--border-default);transition:border-color var(--transition-base), box-shadow var(--transition-base);cursor:pointer;gap:14px;margin-bottom:4px;padding:14px 16px;display:flex}.wf-pipeline-step.completed{border-left-color:var(--accent-emerald)}.wf-pipeline-step.running{border-left-color:var(--brand);box-shadow:0 2px 8px #0e749026}.wf-pipeline-step.waiting_approval{border-left-color:var(--accent-amber);box-shadow:0 2px 8px #f59e0b33}.wf-pipeline-step.failed{border-left-color:var(--accent-rose)}.wf-pipeline-step.skipped{border-left-color:var(--text-muted);opacity:.6}.wf-pipeline-step .step-dot{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:12px;font-weight:700;display:flex}.wf-pipeline-step.pending .step-dot{background:var(--border-default);color:var(--text-muted)}.wf-pipeline-step.completed .step-dot{background:var(--accent-emerald)}.wf-pipeline-step.running .step-dot{background:var(--brand);animation:1.5s infinite pulse}.wf-pipeline-step.waiting_approval .step-dot{background:var(--accent-amber);color:var(--text-primary)}.wf-pipeline-step.failed .step-dot{background:var(--accent-rose)}.wf-pipeline-step .step-content{flex:1;min-width:0}.wf-pipeline-step .step-name{color:var(--text-primary);font-size:14px;font-weight:600}.wf-pipeline-step .step-time{color:var(--text-muted);margin-top:2px;font-size:12px}.wf-pipeline-step .step-status-label{text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;font-weight:600}.wf-pipeline-step.waiting_approval .step-status-label{color:#b8860b}.wf-pipeline-step.running .step-status-label{color:var(--brand)}.wf-pipeline-step.failed .step-status-label{color:var(--accent-rose)}.wf-pipeline-connector{background:var(--border-default);width:2px;height:8px;margin-left:27px}.wf-pipeline-connector.completed{background:var(--accent-emerald)}.step-expand{color:var(--text-muted);margin-left:auto;font-size:11px}.wf-step-output{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-primary);word-break:break-word;max-height:500px;margin-top:10px;padding:12px;font-size:13px;line-height:1.6;overflow-y:auto}.wf-step-output pre{color:#d4d4d4;border-radius:var(--radius-sm);background:#1e293b;padding:10px;font-size:12px;overflow-x:auto}.wf-approval-card{border:2px solid var(--accent-amber);border-radius:var(--radius-md);background:#f59e0b0d;margin-top:12px;padding:16px}[data-theme=dark] .wf-approval-card{background:#f59e0b14}.wf-approval-card h4{color:var(--text-primary);margin:0 0 8px;font-size:14px;font-weight:700}.wf-approval-card p{color:var(--text-secondary);margin:0 0 12px;font-size:13px}.wf-approval-actions{align-items:center;gap:10px;display:flex}.wf-approval-actions .btn-approve{background:var(--accent-emerald);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);border:none;padding:8px 20px;font-size:13px;font-weight:600}.wf-approval-actions .btn-approve:hover{background:#059669}.wf-approval-actions .btn-reject{background:var(--accent-rose);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);border:none;padding:8px 20px;font-size:13px;font-weight:600}.wf-approval-actions .btn-reject:hover{background:#e11d48}.wf-reject-reason{border:1px solid var(--border-default);border-radius:var(--radius-sm);resize:vertical;background:var(--bg-input);width:100%;min-height:60px;color:var(--text-primary);margin-top:10px;padding:8px 10px;font-size:13px}.wf-run-header-actions{align-items:center;gap:10px;display:flex}.btn-cancel-run{background:var(--bg-card);color:var(--accent-rose);border:1px solid var(--accent-rose);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);padding:6px 16px;font-size:13px;font-weight:600}.btn-cancel-run:hover{background:#f43f5e0d}.btn-cancel-run:disabled{opacity:.5;cursor:not-allowed}.btn-delete-run{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:6px 16px;font-size:13px}.btn-delete-run:hover{color:var(--accent-rose);border-color:var(--accent-rose);background:#f43f5e0d}.wf-step-rich{color:var(--text-primary);font-size:14px;line-height:1.6}.wf-step-rich h1,.wf-step-rich h2,.wf-step-rich h3,.wf-step-rich h4{color:var(--text-primary);margin:12px 0 6px}.wf-step-rich h1{font-size:18px}.wf-step-rich h2{font-size:16px}.wf-step-rich h3{font-size:15px}.wf-step-rich p{margin:6px 0}.wf-step-rich table{border-collapse:collapse;width:100%;margin:10px 0;font-size:13px}.wf-step-rich table th,.wf-step-rich table td{border:1px solid var(--border-default);text-align:left;padding:8px 12px}.wf-step-rich table th{background:var(--bg-secondary);color:var(--text-secondary);font-weight:600}.wf-step-rich table tr:nth-child(2n) td{background:var(--bg-secondary)}.wf-step-rich strong{color:var(--text-primary)}.wf-step-rich blockquote{border-left:3px solid var(--brand);color:var(--text-secondary);background:var(--bg-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:10px 0;padding:4px 12px}.wf-output-fields{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-card);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.wf-output-field{border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);flex-direction:column;padding:10px 14px;display:flex}.wf-output-field:nth-last-child(-n+2){border-bottom:none}.wf-output-field:nth-child(2n){border-right:none}.wf-output-fields>.wf-output-field:last-child:nth-child(odd){border-right:none;grid-column:1/-1}.wf-output-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:600}.wf-output-data{color:var(--text-primary);font-size:15px;font-weight:500}.wf-output-null{color:var(--text-muted);font-style:italic}.wf-output-section{margin-top:16px}.wf-output-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--brand);margin:0 0 8px;padding-bottom:4px;font-size:13px;font-weight:700;display:inline-block}.wf-output-data-table{border-collapse:collapse;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-card);width:100%;font-size:13px;overflow:hidden}.wf-output-data-table th{background:var(--bg-secondary);color:var(--text-secondary);text-align:left;border-bottom:2px solid var(--border-default);text-transform:uppercase;letter-spacing:.3px;padding:10px 12px;font-size:12px;font-weight:600}.wf-output-data-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:10px 12px}.wf-output-data-table tr:last-child td{border-bottom:none}.wf-output-data-table tr:nth-child(2n) td{background:var(--bg-secondary)}.wf-output-data-table th.numeric,.wf-output-data-table td.numeric{text-align:right;font-variant-numeric:tabular-nums}.wf-output-inline-json{background:var(--bg-secondary);border-radius:var(--radius-sm);margin:0;padding:4px 8px;font-size:12px}.wf-run-page{max-width:900px;margin:0 auto;padding:20px}.wf-run-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.wf-run-header .run-title-group{align-items:center;gap:12px;display:flex}.wf-run-header h2{color:var(--text-primary);margin:4px 0;font-size:20px}.wf-run-header .run-id{color:var(--text-muted);font-size:13px}.wf-run-header .back-link,.wf-back-link{color:var(--brand);font-size:13px;text-decoration:none}.wf-run-header .back-link:hover,.wf-back-link:hover{text-decoration:underline}.wf-run-header-meta{color:var(--text-muted);font-size:13px}.wf-run-body{flex-direction:column;gap:20px;display:flex}.wf-run-pipeline{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-default);padding:20px}.wf-error{color:var(--accent-rose);margin:8px 0;font-size:13px}.wf-error-card{border-radius:var(--radius-lg);background:#f43f5e0d;border:1px solid #f43f5e33;padding:20px}.wf-error-card h3{color:var(--accent-rose);margin:0 0 8px;font-size:16px}.wf-error-card p{color:var(--text-secondary);margin:0;font-size:14px}.wf-final-output{border-radius:var(--radius-lg);background:#10b9810d;border:1px solid #10b98133;padding:20px}.wf-final-output h3{color:var(--accent-emerald);margin:0 0 12px;font-size:16px}.wf-empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.wf-empty-state p{margin-top:8px;font-size:14px}@media (width<=1024px){.stats-row{grid-template-columns:repeat(2,1fr)}.agent-grid{grid-template-columns:1fr}.app-grid,.apps-grid{grid-template-columns:repeat(2,1fr)}.agent-editor{grid-template-columns:1fr}.kpi-cards{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media (width<=768px){.sidebar{z-index:100;transition:transform var(--transition-slow);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-overlay{background:var(--bg-overlay);z-index:99;display:none;position:fixed;inset:0}.mobile-overlay.active{display:block}.stats-row{grid-template-columns:repeat(2,1fr)}.agent-grid,.workflow-grid,.app-grid,.apps-grid{grid-template-columns:1fr}.dashboard,.dashboard-content{padding:16px}.admin-sidebar{width:200px}.admin-content{padding:16px}.kpi-cards{grid-template-columns:1fr}.chat-sidebar{display:none}.wf-detail-layout{flex-direction:column}.wf-detail-sidebar{width:100%}.wf-approval-actions{flex-direction:column}.wf-run-header{flex-direction:column;gap:8px}}@media (width<=600px){.wf-output-fields{grid-template-columns:1fr}.wf-output-field{border-right:none}.wf-output-field:last-child{border-bottom:none}.source-preset-grid{grid-template-columns:1fr}}.hidden{display:none!important}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.text-sm{font-size:13px}.text-muted{color:var(--text-muted)}