:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-primary: #FBF9F6;--bg-secondary: #FFFFFF;--bg-sidebar: #F3F0EC;--bg-input: #FFFFFF;--bg-glass: rgba(251, 249, 246, .85);--bg-secondary-glass: rgba(255, 255, 255, .8);--bg-sidebar-glass: rgba(243, 240, 236, .8);--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #9CA3AF;--accent: #D97706;--accent-light: rgba(254, 243, 199, .5);--success: #10B981;--success-light: rgba(209, 250, 229, .5);--danger: #EF4444;--danger-light: rgba(254, 226, 226, .5);--border-color: rgba(0, 0, 0, .05);--border-hover: rgba(0, 0, 0, .09);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .02);--shadow-md: 0 1px 2px rgba(0,0,0,.01), 0 4px 12px rgba(0,0,0,.02), 0 12px 24px rgba(0,0,0,.03);--shadow-lg: 0 1px 3px rgba(0,0,0,.01), 0 10px 24px rgba(0,0,0,.03), 0 20px 48px rgba(0,0,0,.04);--shadow-premium: 0 1px 2px rgba(0,0,0,.02), 0 4px 16px rgba(0,0,0,.03), 0 12px 32px rgba(0,0,0,.03);--border: var(--border-color);--surface: var(--bg-secondary);--shadow: var(--shadow-premium);--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--transition-spring: all .5s cubic-bezier(.16, 1, .3, 1);--transition-hover: transform .25s cubic-bezier(.16, 1, .3, 1), background-color .2s ease, border-color .2s ease, box-shadow .2s ease;--transition-fast: all .15s ease;--sidebar-width: 260px}:root.dark-theme{--bg-primary: #191919;--bg-secondary: #222222;--bg-sidebar: #131313;--bg-input: #2A2A2A;--bg-glass: rgba(25, 25, 25, .85);--bg-secondary-glass: rgba(34, 34, 34, .8);--bg-sidebar-glass: rgba(19, 19, 19, .8);--text-primary: #F3F4F6;--text-secondary: #9CA3AF;--text-muted: #6B7280;--accent: #F59E0B;--accent-light: rgba(69, 26, 3, .4);--success: #34D399;--success-light: rgba(6, 78, 59, .4);--danger: #F87171;--danger-light: rgba(127, 29, 29, .4);--border-color: rgba(255, 255, 255, .05);--border-hover: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2), 0 2px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .2);--shadow-premium: 0 1px 2px rgba(0,0,0,.2), 0 4px 16px rgba(0,0,0,.25), 0 12px 32px rgba(0,0,0,.3)}@keyframes pulse-led{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulse-led-amber{0%{box-shadow:0 0 #d9770699}70%{box-shadow:0 0 0 8px #d9770600}to{box-shadow:0 0 #d9770600}}*{box-sizing:border-box;margin:0;padding:0}button{background:none;border:none;font:inherit;cursor:pointer;outline:none;color:inherit;padding:0;text-align:left}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden;height:100%;letter-spacing:-.011em;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{letter-spacing:-.022em}html{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;position:relative;background-color:var(--bg-primary)}.offline-banner{flex-shrink:0;height:32px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--danger);color:#fff;font-size:13px;font-weight:600;z-index:10000;padding:0 12px}.main-layout{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:100%;padding:16px 12px;transition:var(--transition-spring)}.sidebar.collapsed{width:0;padding:16px 0;opacity:0;border-right:none;pointer-events:none;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 8px}.logo-section{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--text-primary)}.logo-icon{color:var(--accent)}.theme-toggle-btn{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);border-radius:6px;padding:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.theme-toggle-btn:hover{background-color:var(--border-color);color:var(--text-primary);transform:rotate(15deg) scale(1.1)}.new-chat-btn{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:10px;font-size:13.5px;font-weight:500;cursor:pointer;transition:var(--transition-hover);width:100%;margin-bottom:16px;box-shadow:var(--shadow-sm)}.new-chat-btn:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-1.5px) scale(1.01)}.nav-section{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.nav-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;padding-left:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:500;cursor:pointer;transition:var(--transition-hover);background:transparent;border:1px solid transparent;width:100%}.nav-item:hover,.nav-item.active{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);transform:translateY(-1px) scale(1.01);box-shadow:var(--shadow-sm)}.history-section{flex-grow:1;overflow-y:auto;margin-bottom:20px;display:flex;flex-direction:column;gap:4px}.history-item{padding:8px;border-radius:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:var(--transition-hover)}.history-item:hover{background-color:#00000008;color:var(--text-primary);transform:translate(4px)}:root.dark-theme .history-item:hover{background-color:#ffffff08}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border-color);padding-top:16px;display:flex;flex-direction:column;gap:12px;width:100%}.nav-menu{display:flex;flex-direction:column;gap:6px;width:100%}.workspace{flex-grow:1;display:flex;flex-direction:column;position:relative;overflow:hidden;height:100%}.workspace-header,.hud-header{height:56px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background-color:var(--bg-secondary-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0}.hud-title{font-weight:600;font-size:14px;color:var(--text-primary)}.hud-tasks-trigger{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--accent);background-color:var(--accent-light);padding:4px 8px;border-radius:9999px;cursor:pointer;font-weight:500;transition:var(--transition-hover)}.hud-tasks-trigger:hover{opacity:.95;transform:scale(1.04);box-shadow:var(--shadow-sm)}.chat-container{flex-grow:1;overflow-y:auto;padding:32px 24px 140px;display:flex;flex-direction:column;align-items:center}.chat-thread{width:100%;max-width:760px;display:flex;flex-direction:column;gap:28px}.chat-message{display:flex;gap:16px;line-height:1.6}.chat-message.user{justify-content:flex-end}.avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600;font-size:12px}.avatar.orchestrator{background-color:var(--accent);color:#fff}.avatar.user-avatar{background-color:var(--text-secondary);color:#fff}.message-bubble{max-width:85%;font-size:14.5px}.chat-message.user .message-bubble{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:12px 16px;border-radius:12px 12px 0;box-shadow:var(--shadow-sm);color:var(--text-primary)}.chat-message.assistant .message-bubble{color:var(--text-primary);width:100%}.agent-visualizer{display:flex;align-items:center;gap:12px;background-color:var(--bg-sidebar);border:1px solid var(--border-color);padding:8px 16px;border-radius:20px;font-size:12px;margin:10px 0;width:fit-content;align-self:center;box-shadow:var(--shadow-sm);animation:pulse-border 2s infinite ease-in-out}@keyframes pulse-border{0%{border-color:var(--border-color)}50%{border-color:var(--accent)}to{border-color:var(--border-color)}}.agent-node{display:flex;align-items:center;gap:6px;font-weight:500}.agent-node.active{color:var(--accent)}.agent-connector{width:24px;height:1px;background-color:var(--text-muted)}.agent-connector.active{background-color:var(--accent)}.prompt-area{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(180deg,rgba(251,249,246,0) 0%,var(--bg-primary) 50%);display:flex;justify-content:center;pointer-events:none}:root.dark-theme .prompt-area{background:linear-gradient(180deg,rgba(25,25,25,0) 0%,var(--bg-primary) 50%)}.prompt-box{width:100%;max-width:760px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding:8px 12px;pointer-events:auto;transition:var(--transition-hover)}.prompt-box:focus-within{border-color:var(--text-muted);transform:translateY(-2px);box-shadow:0 12px 36px -12px #0000001f}.prompt-textarea{width:100%;border:none;background:transparent;resize:none;font-family:var(--font-sans);font-size:14px;color:var(--text-primary);outline:none;padding:8px;min-height:48px}.prompt-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(0,0,0,.03);padding-top:6px;margin-top:4px}:root.dark-theme .prompt-controls{border-top-color:#ffffff08}.prompt-actions-left{display:flex;gap:8px}.action-icon-btn{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);border-radius:6px;padding:6px;display:flex;align-items:center;justify-content:center;transition:var(--transition-hover);position:relative}.action-icon-btn:hover{background-color:var(--border-color);color:var(--text-primary);transform:scale(1.08)}.action-icon-btn.send{background-color:var(--text-primary);color:var(--bg-secondary)}.action-icon-btn.send:hover{background-color:var(--text-secondary)}.artifacts-panel{position:absolute;top:56px;right:0;bottom:0;width:50%;background-color:var(--bg-secondary-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border-color);box-shadow:var(--shadow-lg);transform:translate(100%);transition:var(--transition-spring);display:flex;flex-direction:column;z-index:10}.artifacts-panel.open{transform:translate(0)}.panel-header{height:52px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.panel-title{font-weight:600;font-size:13.5px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.panel-close-btn{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px}.panel-close-btn:hover{background-color:var(--border-color)}.panel-body{flex-grow:1;overflow:auto;padding:20px}.spreadsheet-container{width:100%;overflow-x:auto;border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px}.spreadsheet{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:12.5px;background-color:var(--bg-secondary)}.spreadsheet th{background-color:var(--bg-sidebar);color:var(--text-primary);font-weight:600;border:1px solid var(--border-color);padding:8px 12px;text-align:left}.spreadsheet td{border:1px solid var(--border-color);padding:8px 12px;color:var(--text-primary)}.spreadsheet tr:nth-child(2n){background-color:#00000003}:root.dark-theme .spreadsheet tr:nth-child(2n){background-color:#ffffff03}.spreadsheet .number-cell{font-family:var(--font-mono);text-align:right}.spreadsheet .total-row{font-weight:700;background-color:var(--accent-light)!important}:root.dark-theme .spreadsheet .total-row{background-color:#f59e0b26!important;color:var(--accent)}.supplier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:8px 0}.supplier-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;box-shadow:var(--shadow-sm);transition:var(--transition-hover)}.supplier-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-2px)}.supplier-name{font-weight:600;font-size:14.5px;color:var(--text-primary);margin-bottom:12px}.supplier-meta{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text-secondary)}.supplier-meta-row{display:flex;justify-content:space-between}.supplier-meta-label{color:var(--text-muted)}.task-list{display:flex;flex-direction:column;gap:8px;padding:10px 0}.task-item{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:12px 16px;border-radius:8px;transition:var(--transition-hover)}.task-item:hover{border-color:var(--text-muted);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.task-info{display:flex;align-items:center;gap:12px}.task-checkbox{width:16px;height:16px;border-radius:4px;border:2px solid var(--border-color);cursor:pointer}.task-title{font-size:13.5px;color:var(--text-primary)}.task-item.completed .task-title{text-decoration:line-through;color:var(--text-muted)}.task-due{font-size:11px;background-color:var(--border-color);color:var(--text-secondary);padding:2px 6px;border-radius:4px}.text-center{text-align:center}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.file-download-card{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-sidebar);border:1px solid var(--border-color);padding:12px;border-radius:8px;margin:10px 0;width:100%;max-width:480px}.file-info{display:flex;align-items:center;gap:10px}.file-name{font-weight:500;font-size:13px;color:var(--text-primary)}.file-download-btn{background-color:var(--text-primary);color:var(--bg-secondary);border:none;font-size:12px;font-weight:500;padding:6px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;transition:var(--transition-hover)}.file-download-btn:hover{background-color:var(--text-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:90%;max-width:460px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:modal-fade-in .5s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-fade-in{0%{transform:scale(.95) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:15px}.modal-body{padding:20px;display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;font-size:13.5px;color:var(--text-primary);outline:none;font-family:var(--font-sans);transition:var(--transition-hover)}.form-input:focus{border-color:var(--text-muted);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.modal-footer{padding:12px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:8px}.auth-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:var(--bg-primary)}.auth-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:24px}.auth-header{text-align:center}.auth-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.auth-subtitle{font-size:13.5px;color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-button{background-color:var(--accent);color:#fff;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-hover);box-shadow:var(--shadow-sm);margin-top:8px}.auth-button:hover{opacity:.95;box-shadow:var(--shadow-md);transform:translateY(-1.5px) scale(1.01)}.auth-toggle{text-align:center;font-size:13px;color:var(--text-secondary)}.auth-toggle-link{color:var(--accent);font-weight:500;cursor:pointer;margin-left:4px}.auth-toggle-link:hover{text-decoration:underline}.hub-selector-container{position:relative;margin-bottom:20px;width:100%}.hub-selector-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;width:100%;cursor:pointer;transition:var(--transition-hover);box-shadow:var(--shadow-sm)}.hub-selector-trigger:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-.5px)}.hub-trigger-content{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--text-primary)}.hub-selector-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);z-index:50;max-height:240px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px;animation:dropdown-fade-in .25s cubic-bezier(.16,1,.3,1);transform-origin:top center}@keyframes dropdown-fade-in{0%{opacity:0;transform:scaleY(.95)}to{opacity:1;transform:scaleY(1)}}.hub-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:var(--transition-hover)}.hub-option:hover{background-color:var(--bg-primary);transform:translate(2px)}.hub-option-info{display:flex;flex-direction:column;text-align:left;flex-grow:1}.hub-option.active{background-color:var(--accent-light);color:var(--accent)}:root.dark-theme .hub-option.active{background-color:#f59e0b26}.hub-option-content{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:550}.hub-option-desc{font-size:11px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.hub-option-meta{display:flex;flex-direction:column}.create-hub-btn{display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid var(--border-color);margin-top:4px;padding-top:10px;padding-bottom:6px;font-size:12px;font-weight:600;color:var(--accent);cursor:pointer;transition:var(--transition-hover)}.create-hub-btn:hover{color:var(--text-primary);transform:scale(1.02)}.hub-agents-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 24px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.hub-agent-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;border:1px solid var(--border-color);background-color:var(--bg-primary);font-size:12px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:var(--transition-hover)}.hub-agent-badge:hover{border-color:var(--text-muted);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.hub-agent-badge.active{background-color:var(--accent-light);border-color:var(--accent);color:var(--accent)}:root.dark-theme .hub-agent-badge.active{background-color:#f59e0b26}.agent-manager-modal{width:90%;max-width:960px;height:80vh;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:modal-fade-in .5s cubic-bezier(.34,1.56,.64,1)}.agent-manager-layout{display:flex;flex-grow:1;overflow:hidden;height:100%}.agent-manager-sidebar{width:240px;border-right:1px solid var(--border-color);background-color:var(--bg-sidebar);display:flex;flex-direction:column;overflow-y:auto;padding:12px;gap:6px}.agent-manager-content{flex-grow:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.sidebar-agent-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;cursor:pointer;transition:var(--transition-hover);font-size:13.5px;color:var(--text-secondary)}.sidebar-agent-item:hover,.sidebar-agent-item.active{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:9px 11px;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sidebar-agent-info{display:flex;align-items:center;gap:8px;font-weight:550}.agent-editor-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding-bottom:16px}.agent-editor-title{font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}.agent-editor-form{display:flex;flex-direction:column;gap:16px}.tools-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:8px 0}.tool-checkbox-card{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border-color);border-radius:8px;padding:10px;background-color:var(--bg-primary);cursor:pointer;transition:var(--transition-hover)}.tool-checkbox-card:hover{border-color:var(--text-muted);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tool-checkbox-card.selected{border-color:var(--accent);background-color:var(--accent-light)}:root.dark-theme .tool-checkbox-card.selected{background-color:#f59e0b26}.tool-checkbox-text{display:flex;flex-direction:column;gap:2px}.tool-checkbox-name{font-weight:600;font-size:12.5px;color:var(--text-primary)}.tool-checkbox-desc{font-size:11px;color:var(--text-secondary)}.user-profile{margin-top:auto;border-top:1px solid var(--border-color);padding-top:16px;display:flex;align-items:center;justify-content:space-between;width:100%}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;box-shadow:var(--shadow-sm)}.user-name-wrapper{display:flex;flex-direction:column;max-width:130px}.user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--text-secondary)}.logout-btn{background:transparent;border:none;cursor:pointer;color:var(--danger);padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.logout-btn:hover{background-color:var(--danger-light);transform:scale(1.05)}.fade-in{animation:fadeIn .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.animate-pulse{animation:pulse 2.5s cubic-bezier(.4,0,.6,1) infinite}.session-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.session-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:var(--transition-fast);overflow:hidden;border:1px solid transparent}.session-item:hover{background-color:var(--bg-secondary);color:var(--text-primary);transform:translate(2px)}.session-item.active{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color);font-weight:600;box-shadow:var(--shadow-sm)}.session-icon{flex-shrink:0;color:var(--text-muted)}.session-item.active .session-icon{color:var(--accent)}.session-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-card{padding:14px 18px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);text-align:left;font-size:13px;cursor:pointer;font-weight:500;line-height:1.45;transition:var(--transition-spring);box-shadow:var(--shadow-sm)}.suggestion-card:hover{border-color:var(--text-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.visual-status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-muted);display:inline-block;flex-shrink:0}.visual-status-dot.active{background-color:var(--success);animation:pulse-led 2s infinite ease-in-out}.visual-status-dot.active.routing{background-color:var(--accent);animation:pulse-led-amber 2s infinite ease-in-out}.visual-node{font-weight:500;color:var(--text-secondary);white-space:nowrap}.visual-node.active{color:var(--text-primary);font-weight:600}.visual-line{width:20px;height:2px;background:var(--border-color);border-radius:1px}.visual-line.active{background:var(--accent)}.markdown-content h1{font-size:1.4em;font-weight:700;margin:12px 0 6px}.markdown-content h2{font-size:1.2em;font-weight:600;margin:10px 0 4px}.markdown-content h3{font-size:1.1em;font-weight:600;margin:8px 0 4px}.markdown-content h4{font-size:1em;font-weight:600;margin:6px 0 2px}.markdown-content p{margin:4px 0}.markdown-content ul,.markdown-content ol{padding-left:20px;margin:4px 0}.markdown-content li{margin:2px 0}.markdown-content code{font-family:var(--font-mono);background:var(--bg-sidebar);padding:2px 6px;border-radius:4px;font-size:.85em;border:1px solid var(--border-color)}.markdown-content pre{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;overflow-x:auto;margin:8px 0}.markdown-content pre code{background:none;border:none;padding:0;font-size:.85em}.markdown-content blockquote{border-left:3px solid var(--accent);padding-left:12px;margin:8px 0;color:var(--text-secondary);font-style:italic}.markdown-content strong{font-weight:600}.markdown-content table{width:100%;border-collapse:collapse;margin:8px 0;font-size:13px}.markdown-content table th,.markdown-content table td{border:1px solid var(--border-color);padding:6px 10px;text-align:left}.markdown-content table th{background:var(--bg-sidebar);font-weight:600}.chat-input-bar{padding:16px 20px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.chat-input-form{display:flex;gap:10px;align-items:flex-end}.chat-textarea{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;resize:none;outline:none;min-height:42px;max-height:160px;line-height:1.5;transition:border-color .25s ease,box-shadow .25s ease}.chat-textarea:focus{border-color:var(--text-muted);box-shadow:0 0 0 2px #d977061a}.chat-action-btn{padding:10px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-hover);flex-shrink:0}.chat-action-btn:hover{border-color:var(--text-muted);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chat-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-send-btn{padding:10px 16px;border-radius:8px;border:none;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:600;transition:var(--transition-hover);flex-shrink:0}.chat-send-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:360px;width:100%;pointer-events:none}.toast-item{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:13.5px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toast-slide-in .4s cubic-bezier(.16,1,.3,1)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:backdrop-fade-in .3s ease}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);animation:modal-fade-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-fade-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;max-width:520px;text-align:center;padding:24px}.suggestion-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.message-wrapper{display:flex;width:100%;animation:fadeIn .35s cubic-bezier(.16,1,.3,1) forwards}.message-wrapper.user{justify-content:flex-end}.message-wrapper.assistant{justify-content:flex-start}.message-card{max-width:80%;padding:12px 16px;border-radius:12px;display:flex;flex-direction:column;gap:6px;line-height:1.5}.message-card.user-msg{background:var(--text-primary);color:var(--bg-secondary);border:1px solid transparent;border-radius:14px 14px 2px;box-shadow:var(--shadow-sm)}.message-card.assistant-msg{background:var(--bg-secondary-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px 14px 14px 2px}.message-agent-badge{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--accent);font-weight:600;margin-bottom:2px;border-bottom:1px solid var(--border-color);padding-bottom:4px}.message-time{font-size:10px;text-align:right;margin-top:2px}.message-card.user-msg .message-time{color:#ffffffb3}.message-card.assistant-msg .message-time{color:var(--text-secondary)}.hub-agents-bar{display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);overflow-x:auto;flex-wrap:nowrap}.agent-sidebar-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;transition:var(--transition-fast);color:var(--text-primary);font-weight:500}.agent-sidebar-item:hover{background:var(--border-color)}.agent-sidebar-item.active{background:#d9770614;color:var(--accent);font-weight:600}.btn-primary{padding:8px 16px;border-radius:8px;border:none;background:var(--accent);color:#fff;cursor:pointer;font-weight:600;transition:var(--transition-hover)}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{padding:8px 16px;border-radius:8px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);cursor:pointer;transition:var(--transition-hover)}.btn-secondary:hover{border-color:var(--text-muted);transform:translateY(-1px)}.btn-danger{padding:8px 14px;border-radius:8px;border:1px solid rgba(239,68,68,.2);background:transparent;color:var(--danger);cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;transition:var(--transition-hover)}.btn-danger:hover{background:var(--danger-light);transform:translateY(-1px)}.theme-transitioning,.theme-transitioning *,.theme-transitioning *:before,.theme-transitioning *:after{transition:background-color .5s cubic-bezier(.25,1,.5,1),border-color .5s cubic-bezier(.25,1,.5,1),color .5s cubic-bezier(.25,1,.5,1),box-shadow .5s cubic-bezier(.25,1,.5,1)!important}.chat-attachments-container{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;background:#00000005;border-top-left-radius:12px;border-top-right-radius:12px;border:1px solid var(--border-color);border-bottom:none;margin-bottom:-1px}.dark-theme .chat-attachments-container{background:#ffffff05}.chat-attachment-chip{display:flex;align-items:center;gap:6px;background:var(--bg-primary);border:1px solid var(--border-color);padding:6px 12px;border-radius:20px;font-size:13px;color:var(--text-primary);box-shadow:0 1px 3px #0000000d;animation:fadeInFast .2s ease-out}.chip-remove-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;padding:0;transition:color .15s ease}.chip-remove-btn:hover{color:#ef4444}@keyframes fadeInFast{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.plan-proposed-card{margin-top:14px;background:#00000005;border:1px solid var(--border-color);border-left:4px solid var(--accent);border-radius:8px;padding:16px;box-shadow:0 4px 12px #0000000d}.dark-theme .plan-proposed-card{background:#ffffff05;box-shadow:0 4px 12px #0003}.plan-steps-title{font-weight:600;font-size:13.5px;margin-bottom:12px;color:var(--text-primary)}.plan-steps-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.plan-step-item{display:flex;align-items:center;gap:10px;font-size:13px;background:var(--bg-primary);padding:8px 12px;border-radius:6px;border:1px solid var(--border-color)}.step-number{background:var(--accent-light);color:var(--accent);font-weight:700;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px}.step-agent{font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);padding:2px 8px;border-radius:4px;font-size:12px}.step-task{color:var(--text-secondary);flex:1}.approve-plan-btn{background:var(--accent);color:#fff;border:none;padding:8px 20px;border-radius:6px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:13px;transition:all .2s ease;box-shadow:0 2px 6px #d9770633}.approve-plan-btn:hover{opacity:.9;transform:translateY(-1px)}.approve-plan-btn:active{transform:translateY(0)}.approve-plan-btn:disabled{opacity:.6;cursor:not-allowed}.hub-agents-settings-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;transition:all .2s ease;margin-left:auto}.hub-agents-settings-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}@media (max-width: 992px){.artifacts-panel{width:65%}}@media (max-width: 768px){.sidebar{position:absolute;left:0;top:56px;bottom:0;z-index:100;background-color:var(--bg-sidebar);box-shadow:var(--shadow-lg)}.artifacts-panel{width:100%;z-index:99;top:0}}