.connection-status-card{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.status-header{gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.status-header,.status-icon{display:flex;align-items:center}.status-icon{justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background-color:var(--bg-quaternary)}.status-text h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.status-text p{font-size:.875rem;margin:0}.connection-details{display:flex;gap:var(--spacing-lg);font-size:.875rem;color:var(--text-tertiary);margin-bottom:var(--spacing-md)}.connection-error{align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--accent-red);font-size:.875rem}.connection-error,.input-with-button{display:flex;gap:var(--spacing-sm)}.input-with-button .form-input{flex:1}.input-with-button .btn{flex-shrink:0}.api-endpoints{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-secondary)}.api-endpoints h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.endpoints-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.endpoint-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-quaternary);border-radius:var(--radius-md);font-size:.875rem}.endpoint-item .method{font-family:monospace;font-weight:600;color:var(--text-primary);background-color:var(--accent-blue);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);min-width:60px;text-align:center;font-size:.75rem}.endpoint-item .method[data-method=GET]{background-color:var(--accent-green)}.endpoint-item .method[data-method=POST]{background-color:var(--accent-blue)}.endpoint-item .method[data-method=PUT]{background-color:var(--accent-yellow)}.endpoint-item .method[data-method=DELETE]{background-color:var(--accent-red)}.endpoint-item .path{font-family:monospace;color:var(--text-secondary);font-weight:500;min-width:200px}.endpoint-item .description{color:var(--text-tertiary);flex:1}.preferences-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-secondary)}.preferences-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.preferences-description{color:var(--text-tertiary);margin-bottom:var(--spacing-lg);line-height:1.5}.add-preference{margin-bottom:var(--spacing-xl)}.preference-inputs{display:grid;grid-template-columns:1fr 2fr auto;gap:var(--spacing-sm);align-items:center}.preferences-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.preference-item{background-color:var(--bg-quaternary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.preference-key{font-weight:600;color:var(--text-primary);font-family:monospace;font-size:.875rem}.preference-value-container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.preference-value{flex:1;color:var(--text-secondary);background-color:var(--bg-tertiary);padding:var(--spacing-sm);border-radius:var(--radius-sm);font-family:monospace;font-size:.875rem;word-break:break-all}.preference-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.preference-edit{display:flex;gap:var(--spacing-sm);align-items:center}.preference-edit .form-input{flex:1}.edit-actions{display:flex;gap:var(--spacing-xs)}.no-preferences{text-align:center;padding:var(--spacing-xl);color:var(--text-tertiary);background-color:var(--bg-tertiary);border-radius:var(--radius-md);border:1px dashed var(--border-secondary)}.btn-sm{min-height:28px}.settings-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.settings-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--accent-yellow);color:var(--bg-primary);border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.settings-layout{display:flex;flex:1;overflow:hidden;min-height:0}.settings-nav{width:320px;background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);overflow-y:auto;padding:var(--spacing-lg);flex-shrink:0}.settings-nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.settings-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);background:none;border:none;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.settings-nav-item:hover{background-color:var(--bg-quaternary);color:var(--text-primary)}.settings-nav-item.active{background-color:var(--accent-blue);color:var(--text-primary)}.nav-item-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-item-title{font-weight:600;font-size:.875rem}.nav-item-description{font-size:.75rem;opacity:.8;line-height:1.3}.settings-content{flex:1;overflow-y:auto;padding:var(--spacing-2xl);min-height:0}.settings-section{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.section-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-secondary)}.section-title{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.section-description{color:var(--text-tertiary);line-height:1.5}.field-help{font-size:.75rem;color:var(--text-quaternary);margin-top:var(--spacing-xs);line-height:1.4}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;color:var(--text-secondary)}.form-checkbox{width:16px;height:16px;accent-color:var(--accent-blue)}.data-actions{gap:var(--spacing-xl)}.action-group,.data-actions{display:flex;flex-direction:column}.action-group{gap:var(--spacing-sm)}.action-description{font-size:.875rem;color:var(--text-tertiary);line-height:1.4}.hidden{display:none}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-icon{pointer-events:none}.search-clear,.search-input{transition:all var(--transition-fast)}.search-clear{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm)}.search-clear:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.search-results-info{margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background-color:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.2);border-radius:var(--radius-md);color:var(--accent-blue-light);font-size:.875rem}.results-text{font-weight:500}.sort-section{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.sort-label{font-size:.875rem;color:var(--text-tertiary);font-weight:500}.sort-buttons{flex-wrap:wrap}.sort-button,.sort-buttons{display:flex;gap:var(--spacing-xs)}.sort-button{align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-quaternary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.sort-button:hover{background-color:var(--bg-tertiary)}.sort-button.active,.sort-button:hover{color:var(--text-primary);border-color:var(--accent-blue)}.sort-button.active{background-color:var(--accent-blue)}.tools-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-quaternary);border-radius:var(--radius-md);border:1px solid var(--border-secondary)}.tool-search{flex:1}.tool-category-filter{min-width:200px}.tools-grid-container{background-color:var(--bg-quaternary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow:hidden}.tools-grid{max-height:400px;padding:var(--spacing-md)}.tools-grid::-webkit-scrollbar{width:8px}.no-tools-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--text-tertiary)}.no-tools-found p{margin-bottom:var(--spacing-lg)}.tool-category-tag{color:var(--text-quaternary);background-color:var(--bg-tertiary);margin-top:var(--spacing-xs)}.tab-badge,.tool-category-tag{font-size:.65rem;padding:var(--spacing-xs);border-radius:var(--radius-sm)}.tab-badge{background-color:var(--accent-green);color:var(--text-primary);min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-xs)}.capability-tag.more{background-color:var(--text-quaternary);color:var(--bg-primary)}.chat-interface{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--bg-primary)}.chat-controls{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.connection-status{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-tertiary)}.status-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--accent-red);transition:background-color var(--transition-fast)}.status-indicator.connected{background-color:var(--accent-green)}.chat-layout{flex:1}.chat-layout,.chat-main{display:flex;overflow:hidden;min-height:0}.chat-main{flex-direction:column;flex:1;background-color:var(--bg-primary)}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.messages-container::-webkit-scrollbar-thumb{background-color:var(--bg-quaternary);border-radius:var(--radius-sm);-webkit-transition:background-color var(--transition-fast);transition:background-color var(--transition-fast)}.messages-container::-webkit-scrollbar-thumb:hover{background-color:var(--border-secondary)}.message{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:80%;animation:slideInMessage .3s ease-out;word-wrap:break-word;overflow-wrap:break-word}@keyframes slideInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.system-message{align-self:flex-start;border-bottom-left-radius:var(--radius-sm);position:relative}.system-message:before{content:"";position:absolute;bottom:0;left:-8px;width:0;height:0;border-right:8px solid var(--bg-secondary);border-top:8px solid transparent;border-bottom:8px solid transparent}.user-message{align-self:flex-end;background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-blue-hover) 100%);color:var(--text-primary);border-bottom-right-radius:var(--radius-sm);box-shadow:var(--shadow-sm);position:relative}.user-message:before{content:"";position:absolute;bottom:0;right:-8px;width:0;height:0;border-left:8px solid var(--accent-blue-hover);border-top:8px solid transparent;border-bottom:8px solid transparent}.message-header{color:var(--text-tertiary)}.message-header,.user-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:.75rem}.user-message-header{opacity:.9}.agent-id,.user-id{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--bg-quaternary);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-weight:500;font-size:.75rem}.user-message .user-id{background-color:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.95)}.message-timestamp{color:var(--text-quaternary);font-size:.7rem;font-family:monospace}.user-message .message-timestamp{color:hsla(0,0%,100%,.7)}.message-content{color:var(--text-primary);line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:var(--spacing-md)}.user-message .message-content{color:hsla(0,0%,100%,.95);margin-bottom:0}.message-reasoning{margin-top:var(--spacing-md);border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow:hidden}.reasoning-summary{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);cursor:pointer;border:none;display:flex;align-items:center;width:100%;color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:background-color var(--transition-fast)}.reasoning-summary:hover{background-color:var(--bg-quaternary)}.reasoning-content{padding:var(--spacing-md);background-color:var(--bg-primary);border-top:1px solid var(--border-secondary)}.reasoning-text{font-family:monospace;font-size:.75rem;color:var(--text-secondary);white-space:pre-wrap;margin:0;line-height:1.4}.user-actions-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-secondary)}.actions-header{margin-bottom:var(--spacing-sm)}.actions-label{font-size:.875rem;font-weight:500;color:var(--text-tertiary)}.message-status{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap}.status-badge{font-size:.7rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-content{background-color:rgba(37,99,235,.15);color:var(--accent-blue-light)}.status-reasoning{background-color:rgba(139,92,246,.15);color:var(--accent-purple)}.status-actions{background-color:rgba(16,185,129,.15);color:var(--accent-green)}.loading-message{align-items:center;padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:.875rem;align-self:flex-start;max-width:-moz-fit-content;max-width:fit-content}.chat-input,.loading-message{display:flex;gap:var(--spacing-sm)}.chat-input{padding:var(--spacing-lg);background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);align-items:flex-end;flex-shrink:0}.message-input{flex:1;background-color:var(--bg-quaternary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:.875rem;line-height:1.5;font-family:inherit;transition:border-color var(--transition-fast);resize:none;min-height:44px;max-height:120px;overflow-y:auto}.message-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.message-input:disabled{opacity:.5;cursor:not-allowed}.send-button{background-color:var(--accent-blue);color:var(--text-primary);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;flex-shrink:0}.send-button:hover:not(:disabled){background-color:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.debug-panel{width:400px;background-color:var(--bg-tertiary);border-left:1px solid var(--border-secondary);display:flex;flex-direction:column;height:100%;overflow:hidden;flex-shrink:0}.debug-panel-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-secondary);display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-secondary);flex-shrink:0}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.panel-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.event-count{font-size:.75rem;color:var(--text-tertiary);background-color:var(--bg-quaternary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.header-actions{display:flex;gap:var(--spacing-sm)}.header-button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.header-button:hover{background-color:var(--bg-quaternary);color:var(--text-secondary)}.close-button:hover{background-color:var(--accent-red);color:var(--text-primary)}.debug-panel-filters{padding:var(--spacing-lg);border-bottom:1px solid var(--border-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);background-color:var(--bg-secondary);flex-shrink:0}.filter-section,.search-section{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-select,.search-input{flex:1;background-color:var(--bg-quaternary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:.875rem}.filter-select:focus,.search-input:focus{outline:none;border-color:var(--accent-blue)}.auto-scroll-label,.auto-scroll-section{display:flex;align-items:center}.auto-scroll-label{gap:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary);cursor:pointer}.auto-scroll-checkbox{width:16px;height:16px;accent-color:var(--accent-blue)}.events-container{flex:1;overflow-y:auto;padding:var(--spacing-md);min-height:0}.empty-events{align-items:center;justify-content:center;height:200px;text-align:center;gap:var(--spacing-md)}.empty-events,.events-list{display:flex;flex-direction:column}.events-list{gap:var(--spacing-sm)}.event-item{background-color:var(--bg-quaternary);border-radius:var(--radius-md);border:1px solid var(--border-secondary);overflow:hidden;transition:all var(--transition-fast)}.event-item:hover{border-color:var(--border-primary);box-shadow:var(--shadow-sm)}.event-header{padding:var(--spacing-md);cursor:pointer;justify-content:space-between;background-color:hsla(0,0%,100%,.02)}.event-header,.event-type-info{display:flex;align-items:center}.event-type-info{gap:var(--spacing-sm)}.event-type{font-size:.75rem;font-weight:600;letter-spacing:.05em}.event-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.event-timestamp{font-size:.7rem;color:var(--text-tertiary);font-family:monospace}.event-summary{padding:0 var(--spacing-md) var(--spacing-md);font-size:.875rem;color:var(--text-secondary);line-height:1.4}.event-data{border-top:1px solid var(--border-secondary);background-color:var(--bg-tertiary)}.data-section{padding:var(--spacing-md)}.data-section:not(:last-child){border-bottom:1px solid var(--border-secondary)}.data-title{font-size:.75rem;font-weight:600;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.data-content,.data-title{color:var(--text-secondary)}.data-content{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7rem;background-color:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;white-space:pre-wrap;line-height:1.4;border:1px solid var(--border-secondary);max-height:200px;overflow-y:auto}.metadata-grid{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metadata-item{font-size:.75rem}.metadata-key{font-weight:500}.metadata-value{font-family:monospace}.event-item[data-type*=agent]{border-left:3px solid var(--accent-blue)}.event-item[data-type*=tool]{border-left:3px solid var(--accent-yellow)}.event-item[data-type*=error]{border-left:3px solid var(--accent-red)}.event-item[data-type*=message]{border-left:3px solid var(--accent-purple)}.event-item[data-type*=heartbeat]{border-left:3px solid var(--text-quaternary)}.agent-management{display:flex;flex-direction:column;height:100vh;overflow:hidden}.agent-content{flex:1;overflow-y:auto;padding:var(--spacing-xl);min-height:0}.agent-filters{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);align-items:center;flex-wrap:wrap}.search-section{flex:1;min-width:250px}.search-input-container{position:relative;width:100%}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-tertiary)}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;background-color:var(--bg-quaternary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem}.search-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.filter-section{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-select{background-color:var(--bg-quaternary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:.875rem;min-width:120px}.filter-select:focus{outline:none;border-color:var(--accent-blue)}.bulk-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--accent-blue);border-radius:var(--radius-md);color:var(--text-primary)}.bulk-count{font-size:.875rem;font-weight:500}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-xl)}.agent-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.agent-card:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.agent-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-secondary)}.agent-basic-info{gap:var(--spacing-md);flex:1}.agent-basic-info,.agent-checkbox{display:flex;align-items:center}.agent-identity{display:flex;flex-direction:column;gap:var(--spacing-xs)}.agent-name{font-size:1.125rem;font-weight:600}.agent-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.agent-id{font-family:monospace;background-color:var(--bg-quaternary)}.agent-id,.agent-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.agent-status{display:flex;align-items:center;gap:var(--spacing-xs);text-transform:capitalize}.agent-status.active{color:var(--accent-green);background-color:rgba(16,185,129,.15)}.agent-status.inactive{color:var(--accent-red);background-color:rgba(239,68,68,.15)}.agent-type{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);text-transform:capitalize}.agent-type.functional{color:var(--accent-blue-light);background-color:rgba(96,165,250,.15)}.agent-type.conversational{color:var(--accent-purple);background-color:rgba(139,92,246,.15)}.agent-actions{display:flex;gap:var(--spacing-xs)}.action-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.action-btn:hover{background-color:var(--bg-quaternary);color:var(--text-primary)}.action-btn.active{color:var(--accent-green)}.action-btn.danger,.action-btn.inactive{color:var(--accent-red)}.action-btn.danger:hover{background-color:var(--accent-red);color:var(--text-primary)}.agent-card-body{padding:var(--spacing-lg)}.agent-description{color:var(--text-secondary);line-height:1.5}.agent-capabilities,.agent-description{margin-bottom:var(--spacing-md)}.capabilities-label{font-size:.875rem;font-weight:500;color:var(--text-tertiary);display:block;margin-bottom:var(--spacing-sm)}.capabilities-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.capability-tag{background-color:var(--accent-blue);color:var(--text-primary);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:500}.agent-summary{display:flex;justify-content:space-between;font-size:.875rem}.summary-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.summary-label{color:var(--text-tertiary);font-size:.75rem}.summary-value{color:var(--text-secondary);font-weight:500}.agent-details{border-top:1px solid var(--border-secondary);background-color:var(--bg-tertiary);padding:var(--spacing-lg)}.details-section{margin-bottom:var(--spacing-lg)}.system-prompt{background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);font-family:monospace;font-size:.75rem;color:var(--text-secondary);white-space:pre-wrap;overflow-x:auto;max-height:200px;overflow-y:auto}.tools-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.no-tools{color:var(--text-tertiary);font-style:italic}.tool-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);background-color:var(--bg-quaternary);border-radius:var(--radius-md)}.tool-name{font-weight:500}.tool-category{color:var(--text-tertiary)}.agent-editor-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.agent-editor{background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--border-secondary);background-color:var(--bg-tertiary);flex-shrink:0}.header-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.editor-title{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.editor-subtitle{color:var(--text-tertiary);font-size:.875rem}.editor-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.editor-close:hover{background-color:var(--bg-quaternary);color:var(--text-primary)}.editor-tabs{display:flex;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);flex-shrink:0;overflow-x:auto}.tab-button{background:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-lg) var(--spacing-xl);border:none;border-bottom:2px solid transparent;transition:all var(--transition-fast);gap:var(--spacing-sm);white-space:nowrap}.tab-button:hover{background-color:var(--bg-quaternary)}.tab-button.active{border-bottom-color:var(--accent-blue);background-color:var(--bg-secondary)}.editor-content{flex:1;overflow-y:auto;padding:var(--spacing-xl);min-height:0;background-color:var(--bg-primary)}.tab-content{max-width:100%}.form-section{margin-bottom:var(--spacing-2xl);background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.field-error{color:var(--accent-red);font-size:.75rem;margin-top:var(--spacing-xs)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--accent-red)}.capabilities-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.capabilities-input,.common-capabilities{display:flex;gap:var(--spacing-sm)}.common-capabilities{flex-direction:column}.capability-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.capability-button{background:none;border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;transition:all var(--transition-fast)}.capability-button:hover:not(:disabled){border-color:var(--accent-blue);color:var(--accent-blue)}.capability-button.selected{background-color:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-primary)}.capability-button:disabled{opacity:.5;cursor:not-allowed}.selected-capabilities{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.capability-remove{background:none;border:none;color:inherit;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.capability-remove:hover{background-color:rgba(0,0,0,.2)}.system-prompt-textarea{min-height:300px;font-family:monospace;line-height:1.5}.prompt-templates{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-secondary)}.templates-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.template-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.template-button{background-color:var(--bg-quaternary);border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;text-align:left;transition:all var(--transition-fast)}.template-button:hover{border-color:var(--accent-blue);background-color:var(--bg-tertiary);color:var(--text-primary)}.tools-summary{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-quaternary);border-radius:var(--radius-md);text-align:center}.tools-count{font-size:.875rem;color:var(--text-secondary);font-weight:500}.tools-grid{display:flex;flex-direction:column;gap:var(--spacing-xl);max-height:500px;overflow-y:auto;overflow-x:hidden;padding-right:var(--spacing-sm)}.tools-grid::-webkit-scrollbar{width:6px}.tools-grid::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.tools-grid::-webkit-scrollbar-thumb{background-color:var(--bg-quaternary);border-radius:var(--radius-sm);-webkit-transition:background-color var(--transition-fast);transition:background-color var(--transition-fast)}.tools-grid::-webkit-scrollbar-thumb:hover{background-color:var(--border-secondary)}.tool-category{background-color:var(--bg-quaternary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden}.category-title{background-color:var(--bg-tertiary);padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:600;border-bottom:1px solid var(--border-secondary)}.category-count{font-weight:400;margin-left:var(--spacing-sm)}.category-tools{padding:var(--spacing-md);gap:var(--spacing-sm);max-height:300px;overflow-y:auto}.category-tools::-webkit-scrollbar{width:4px}.category-tools::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.category-tools::-webkit-scrollbar-thumb{background-color:var(--border-secondary);border-radius:var(--radius-sm)}.tool-item.selected{border-color:var(--accent-blue);background-color:rgba(37,99,235,.1)}.tool-label{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;width:100%}.tool-checkbox{flex-shrink:0}.tool-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.tool-description{line-height:1.4}.info-panel{gap:var(--spacing-md);background-color:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.2);color:var(--text-secondary)}.info-panel,.validation-result{padding:var(--spacing-lg);border-radius:var(--radius-md)}.validation-result{margin-top:var(--spacing-lg);background-color:var(--bg-quaternary);border:1px solid var(--border-secondary)}.validation-data{font-family:monospace;font-size:.75rem;color:var(--text-secondary);background-color:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;max-height:200px;overflow-y:auto}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-top:1px solid var(--border-secondary);background-color:var(--bg-tertiary);flex-shrink:0}.footer-info,.validation-errors{display:flex;align-items:center;gap:var(--spacing-sm)}.validation-errors{color:var(--accent-red);font-size:.875rem}.footer-actions{display:flex;gap:var(--spacing-md)}@media (max-width:1024px){.analytics-grid{grid-template-columns:1fr;grid-template-rows:auto}.analytics-item.large{grid-row:span 1}.form-row,.system-info{grid-template-columns:1fr}.debug-panel{width:320px}.tools-grid{max-height:400px}.preference-inputs{grid-template-columns:1fr;gap:var(--spacing-sm)}}@media (max-width:767px){.chat-layout,.settings-layout{flex-direction:column}.settings-nav{width:100%;max-height:200px;padding:var(--spacing-md)}.settings-nav-list{flex-direction:row;overflow-x:auto;gap:var(--spacing-xs)}.settings-nav-item{flex-shrink:0;min-width:200px}.agent-filters,.conversation-filters,.tool-filters{flex-direction:column;gap:var(--spacing-md)}.agents-grid,.conversations-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.agent-editor,.conversation-detail,.tool-modal{margin:var(--spacing-md);max-height:calc(100vh - 2 * var(--spacing-md))}.detail-content,.editor-content,.modal-content{padding:var(--spacing-md)}.chart-bars{min-height:150px}.chart-bars-container{height:120px}.debug-panel{width:100%;height:300px;border-left:none;border-top:1px solid var(--border-secondary)}.message{max-width:95%}.chat-input{gap:var(--spacing-sm)}.chat-input,.connection-details,.input-with-button{flex-direction:column}.connection-details{gap:var(--spacing-sm)}.tools-grid{max-height:300px}.sort-section{width:100%}.sort-buttons{width:100%;justify-content:space-between}.preference-value-container{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.preference-actions{align-self:flex-end}}@media (max-width:480px){.agent-card-header,.conversation-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.agent-actions,.conversation-actions{align-self:flex-end}.template-buttons{grid-template-columns:1fr}.capability-buttons{justify-content:flex-start}.dropdown-menu{left:0;right:auto}.agent-editor,.conversation-detail,.tool-modal{margin:var(--spacing-sm);max-height:calc(100vh - 2 * var(--spacing-sm))}.settings-content,.settings-section{padding:var(--spacing-lg)}.editor-tabs{overflow-x:scroll}.tab-button{padding:var(--spacing-md) var(--spacing-lg);min-width:120px}.debug-panel{height:250px}.debug-panel-filters{padding:var(--spacing-md)}.search-section{min-width:auto}.tools-grid{max-height:250px}.preference-edit{flex-direction:column;align-items:stretch}.edit-actions{align-self:flex-end}}.dashboard{display:flex;flex-direction:column;height:100vh;overflow:hidden}.dashboard,.dashboard-content{background-color:var(--bg-primary)}.dashboard-content{flex:1;overflow-y:auto;padding:var(--spacing-xl);min-height:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.metric-card{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-fast);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-blue-light))}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-blue)}.metric-header{justify-content:space-between;margin-bottom:var(--spacing-lg)}.metric-header,.metric-icon{display:flex;align-items:center}.metric-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-blue-light));border-radius:var(--radius-lg);justify-content:center;color:var(--text-primary);box-shadow:var(--shadow-sm)}.metric-title{font-size:.875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.metric-body{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-md)}.metric-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1;margin:0}.metric-change{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md)}.metric-change.positive{color:var(--accent-green);background-color:rgba(16,185,129,.1)}.metric-change.negative{color:var(--accent-red);background-color:rgba(239,68,68,.1)}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.analytics-item{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);overflow:hidden;transition:all var(--transition-fast)}.analytics-item:hover{border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.analytics-item.large{grid-row:span 2}.chart-container{height:100%;min-height:300px}.chart-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.chart{height:280px;position:relative;background-color:var(--bg-quaternary);border-radius:var(--radius-md);padding:var(--spacing-lg)}.chart-bars{align-items:flex-end;justify-content:space-between;height:200px;padding:var(--spacing-md) 0;border-bottom:2px solid var(--border-secondary)}.chart-bar-group,.chart-bars{display:flex;gap:var(--spacing-sm)}.chart-bar-group{flex-direction:column;align-items:center;flex:1}.chart-bars-container{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:160px;width:100%}.chart-bar{min-height:4px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--transition-fast);min-width:8px;max-width:20px;width:100%}.chart-bar:hover{opacity:.8;transform:scaleY(1.05)}.chart-bar.conversations{background:linear-gradient(to top,var(--accent-blue),var(--accent-blue-light))}.chart-bar.messages{background:linear-gradient(to top,var(--accent-purple),#a855f7)}.chart-label{font-size:.75rem;color:var(--text-tertiary);text-align:center;font-weight:500}.chart-legend{display:flex;gap:var(--spacing-lg);justify-content:center;padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--border-secondary)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary);font-weight:500}.legend-color{width:16px;height:8px;border-radius:var(--radius-sm)}.legend-color.conversations{background:linear-gradient(to right,var(--accent-blue),var(--accent-blue-light))}.legend-color.messages{background:linear-gradient(to right,var(--accent-purple),#a855f7)}.distribution-chart{height:100%;min-height:200px}.distribution-items{display:flex;flex-direction:column;gap:var(--spacing-lg)}.distribution-item{background-color:var(--bg-quaternary);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.distribution-item:hover{background-color:var(--bg-tertiary);transform:translateX(4px)}.distribution-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.distribution-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary);font-weight:500}.distribution-color{width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-secondary)}.distribution-value{display:flex;gap:var(--spacing-sm);font-size:.875rem}.distribution-value .value{color:var(--text-primary);font-weight:700}.distribution-value .percentage{color:var(--text-tertiary);font-weight:500}.distribution-bar{height:6px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.distribution-fill{height:100%;border-radius:var(--radius-sm);transition:width var(--transition-normal);background:linear-gradient(90deg,currentColor,transparent)}.conversation-management{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--bg-primary)}.conversation-content{flex:1;overflow-y:auto;padding:var(--spacing-xl);min-height:0;background-color:var(--bg-primary)}.conversation-filters{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-primary);align-items:center;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.conversations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:var(--spacing-xl)}.conversation-card{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast);position:relative}.conversation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-blue))}.conversation-card:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.conversation-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-secondary);background-color:hsla(0,0%,100%,.02)}.conversation-info{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.conversation-id{font-size:1rem;font-weight:600;color:var(--text-primary);font-family:Monaco,Menlo,monospace;background-color:var(--bg-quaternary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);display:inline-block;max-width:-moz-fit-content;max-width:fit-content}.conversation-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.conversation-status{display:flex;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);text-transform:capitalize;border:1px solid}.conversation-status,.recent-badge{font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.recent-badge{background:linear-gradient(135deg,var(--accent-green),#16a34a);color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.conversation-actions{display:flex;gap:var(--spacing-xs)}.conversation-body{padding:var(--spacing-lg)}.conversation-details{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.detail-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;padding:var(--spacing-sm);background-color:var(--bg-quaternary);border-radius:var(--radius-md)}.detail-value{color:var(--text-secondary);font-weight:500}.conversation-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-quaternary);border-radius:var(--radius-md)}.stat-item{flex-direction:column;gap:var(--spacing-xs)}.stat-label{color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-weight:700;font-size:1.25rem}.stat-value.active-dialog{color:var(--accent-green);font-family:Monaco,Menlo,monospace;font-size:.875rem}.tool-management{display:flex;flex-direction:column;height:100vh;overflow:hidden}.tool-content,.tool-management{background-color:var(--bg-primary)}.tool-content{flex:1;overflow-y:auto;padding:var(--spacing-xl);min-height:0}.tool-filters{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-primary);align-items:center;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.tools-display{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.tool-category-section{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.tool-category-section:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-md)}.category-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-quaternary) 100%);border-bottom:1px solid var(--border-secondary);position:relative}.category-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-yellow),var(--accent-green))}.category-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.category-count{font-size:.875rem;color:var(--text-tertiary);background-color:var(--bg-quaternary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-weight:600;border:1px solid var(--border-secondary)}.category-tools{display:flex;flex-direction:column;gap:2px;background-color:var(--border-secondary)}.tool-card{background-color:var(--bg-secondary);transition:all var(--transition-fast);position:relative}.tool-card:hover{background-color:var(--bg-tertiary);transform:translateX(4px)}.tool-header{justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);cursor:pointer}.tool-basic-info,.tool-header{display:flex;align-items:center}.tool-basic-info{gap:var(--spacing-lg);flex:1}.tool-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--accent-yellow),var(--accent-green));border-radius:var(--radius-lg);color:var(--text-primary);box-shadow:var(--shadow-sm)}.tool-identity{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.tool-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.tool-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.tool-category{font-size:.75rem;color:var(--accent-yellow);background-color:rgba(245,158,11,.15);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);align-self:flex-start;font-weight:600;border:1px solid rgba(245,158,11,.3)}.tool-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.expand-button{color:var(--text-tertiary);transition:all var(--transition-fast);padding:var(--spacing-sm)}.expand-button:hover{color:var(--text-primary);transform:scale(1.1)}.tool-details{border-top:1px solid var(--border-secondary);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-quaternary) 100%)}.details-section{margin-bottom:var(--spacing-xl);background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--border-secondary)}.details-section:last-child{margin-bottom:0}.details-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-secondary)}.parameter-schema{background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow:hidden}.schema-code{padding:var(--spacing-lg);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;color:var(--text-secondary);overflow-x:auto;margin:0;line-height:1.6;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.no-parameters{color:var(--text-tertiary);font-style:italic;text-align:center;padding:var(--spacing-lg)}.tool-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.metadata-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;padding:var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-md)}.metadata-key{color:var(--text-tertiary);font-weight:600}.metadata-value{color:var(--text-secondary);font-family:Monaco,Menlo,monospace;word-break:break-all;text-align:right;max-width:60%}@media (max-width:1024px){.analytics-grid{grid-template-columns:1fr}.analytics-item.large{grid-row:span 1}.conversations-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.conversation-filters,.tool-filters{flex-direction:column;gap:var(--spacing-md)}.conversations-grid{grid-template-columns:1fr}.conversation-stats{grid-template-columns:repeat(2,1fr)}.tool-header{padding:var(--spacing-md)}.tool-basic-info{gap:var(--spacing-md)}.tool-details{padding:var(--spacing-md)}.metadata-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.metadata-value{text-align:left;max-width:100%}}.dependency-input-section{margin-bottom:1rem;border-radius:var(--radius-lg);border-width:1px;border-color:var(--border-secondary);background-color:var(--bg-tertiary);padding:1rem}.section-subtitle{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text-primary)}.dependency-search{margin-bottom:1rem}.dependency-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.dependency-form .form-row{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:768px){.dependency-form .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.current-dependencies>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.dependencies-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.dependency-item{display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius-lg);border-width:1px;border-color:var(--border-secondary);background-color:var(--bg-quaternary);padding:.75rem}.dependency-info{flex:1 1 0%}.dependency-info>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.dependency-agent{display:flex;align-items:center;gap:.5rem}.agent-name{font-weight:500;color:var(--text-primary)}.agent-id{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,Liberation Mono,DejaVu Sans Mono,Courier New,monospace;color:var(--text-tertiary)}.agent-id,.agent-status{font-size:.75rem;line-height:1rem}.agent-status{border-radius:9999px;padding:.25rem .5rem;font-weight:500}.agent-status.active{background-color:rgba(34,197,94,.2);--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.agent-status.inactive{background-color:hsla(220,9%,46%,.2);--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dependency-relationship{display:flex;align-items:center;gap:.5rem}.relationship-input{flex:1 1 0%;border-radius:.25rem;border-width:1px;border-color:var(--border-primary);background-color:var(--bg-primary);padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;color:var(--text-primary)}.relationship-input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:var(--accent-blue)}.dependency-remove{border-radius:var(--radius-lg);padding:.5rem;--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dependency-remove:hover{background-color:rgba(239,68,68,.1);--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.dependency-validation>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.validation-error{display:flex;align-items:center;gap:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.validation-errors>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.error-text{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.validation-warnings>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.warning-text{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.no-dependencies>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.no-dependencies{padding-top:2rem;padding-bottom:2rem;text-align:center}.no-dependencies p{font-size:.875rem;line-height:1.25rem;color:var(--text-secondary)}.dependency-stats{margin-bottom:1.5rem;border-radius:var(--radius-lg);border-width:1px;border-color:var(--border-primary);background-color:var(--bg-secondary);padding:1rem}.stats-grid{margin-bottom:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-item{display:flex;align-items:center;gap:.5rem;text-align:center}.stat-value{font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--text-primary)}.stat-label{font-size:.75rem;line-height:1rem;color:var(--text-secondary)}.dependency-indicators{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.dependency-indicator{display:flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.dependency-indicator.root{background-color:rgba(59,130,246,.2);--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dependency-indicator.leaf{background-color:rgba(168,85,247,.2);--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.dependency-indicator.cycle{background-color:rgba(239,68,68,.2);--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.agent-dependencies-summary{margin-top:.75rem}.agent-dependencies-summary>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.dependencies-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text-secondary)}.dependency-item-summary{display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem;color:var(--text-tertiary)}.dependency-agent{font-weight:500;color:var(--text-primary)}.dependency-relationship{color:var(--text-secondary)}.dependency-analysis>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.analysis-item{display:flex;align-items:center;justify-content:space-between}.analysis-label{color:var(--text-secondary)}.analysis-label,.analysis-value{font-size:.875rem;line-height:1.25rem}.analysis-value{font-weight:500;color:var(--text-primary)}.cycle-info{border-radius:var(--radius-lg);border-width:1px;border-color:rgba(239,68,68,.2);background-color:rgba(239,68,68,.1);padding:.75rem}.cycle-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.cycle-members{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.cycle-member{border-radius:.25rem;background-color:rgba(239,68,68,.2);padding:.25rem .5rem;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,Liberation Mono,DejaVu Sans Mono,Courier New,monospace;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.agent-graph{display:flex;height:100%;flex-direction:column}.graph-content{position:relative;flex:1 1 0%}.agent-graph-container{position:relative;height:100%;width:100%}.reactflow-wrapper{background-color:var(--bg-primary)}.reactflow-wrapper .react-flow__background{opacity:.2}.reactflow-wrapper .react-flow__controls{border-width:1px;border-color:var(--border-primary);background-color:var(--bg-secondary);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.reactflow-wrapper .react-flow__controls button{border-color:var(--border-secondary);background-color:var(--bg-quaternary);color:var(--text-primary)}.reactflow-wrapper .react-flow__controls button:hover{background-color:var(--bg-tertiary)}.reactflow-wrapper .react-flow__minimap{border-width:1px;border-color:var(--border-primary);background-color:var(--bg-secondary)}.agent-node:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.agent-node.selected,.agent-node:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.agent-node.selected{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:var(--accent-blue)}.dependency-edge-label{--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.react-flow__panel{font-size:.875rem;line-height:1.25rem}.graph-controls{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;flex-direction:column;gap:.5rem;border-radius:var(--radius-lg);border-width:1px;border-color:var(--border-primary);background-color:var(--bg-secondary);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.graph-control-group{display:flex;gap:.25rem;padding:.5rem}.graph-control-btn{border-radius:.25rem;background-color:var(--bg-quaternary);padding:.5rem;color:var(--text-primary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.graph-control-btn:hover{background-color:var(--bg-tertiary)}.graph-control-btn.active{background-color:var(--accent-blue);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.graph-filters>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.graph-filters label{display:flex;cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem}.graph-filters input[type=checkbox]{height:1rem;width:1rem;border-radius:.25rem;border-color:var(--border-secondary);background-color:var(--bg-quaternary);color:var(--accent-blue)}.graph-filters input[type=checkbox]:focus{--tw-ring-color:var(--accent-blue)}.tab-button{position:relative;display:flex;align-items:center;gap:.5rem;border-bottom-width:2px;border-color:transparent;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text-secondary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tab-button:hover{border-color:var(--border-secondary);color:var(--text-primary)}.tab-button.active{border-color:var(--accent-blue);color:var(--accent-blue)}.tab-badge{min-width:1.25rem;border-radius:9999px;background-color:var(--accent-blue);padding:.125rem .5rem;text-align:center;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.info-panel{margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem;border-radius:var(--radius-lg);border-width:1px;border-color:rgba(59,130,246,.2);background-color:rgba(59,130,246,.1);padding:.75rem}.info-panel>div>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.info-panel p{color:var(--text-secondary)}.field-error,.info-panel p{font-size:.875rem;line-height:1.25rem}.field-error{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.loading-container{display:flex;height:16rem;align-items:center;justify-content:center}.empty-state>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.empty-state{padding-top:3rem;padding-bottom:3rem;text-align:center}.empty-state h3{font-size:1.125rem;line-height:1.75rem;font-weight:500;color:var(--text-primary)}.empty-state p{color:var(--text-secondary)}.alert{margin-bottom:1rem;border-radius:var(--radius-lg);border-width:1px;padding:1rem}.alert.warning{border-color:rgba(234,179,8,.2);background-color:rgba(234,179,8,.1);--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.alert.error{border-color:rgba(239,68,68,.2);background-color:rgba(239,68,68,.1);--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.alert.info{border-color:rgba(59,130,246,.2);background-color:rgba(59,130,246,.1);--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.alert.success{border-color:rgba(34,197,94,.2);background-color:rgba(34,197,94,.1);--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-grid,.dependency-form .form-row{grid-template-columns:repeat(1,minmax(0,1fr))}.agent-graph-container{height:60vh}.cycle-members{flex-direction:column;align-items:flex-start}}@media (min-width:769px) and (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dependency-form .form-row{grid-template-columns:repeat(1,minmax(0,1fr))}}.agent-node,.dependency-indicator,.dependency-item,.stat-item{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.agent-node:hover,.dependency-item:hover{--tw-translate-y:-1px}.agent-node:hover,.dependency-item:hover,.filter-select:focus,.relationship-input:focus,.search-input:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter-select:focus,.relationship-input:focus,.search-input:focus{--tw-scale-x:1.02;--tw-scale-y:1.02}@keyframes dependency-pulse{0%,to{opacity:.4}50%{opacity:1}}.dependency-loading{animation:dependency-pulse 2s infinite}@media print{.agent-graph-container{height:auto}.graph-controls,.react-flow__controls,.react-flow__minimap{display:none}.agent-node{border-width:2px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}