@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap);:root{--color-bg-primary:#f8f9fa;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f3f5;--color-bg-hover:#e9ecef;--color-bg-active:#dee2e6;--color-border-subtle:#e9ecef;--color-border-medium:#dee2e6;--color-border-strong:#ced4da;--color-text-primary:#212529;--color-text-secondary:#495057;--color-text-tertiary:#6c757d;--color-text-muted:#adb5bd;--color-accent-primary:#4a6fa5;--color-accent-secondary:#5b7db8;--color-accent-tertiary:#3d5a8a;--color-success:#51a351;--color-warning:#f0ad4e;--color-error:#d9534f;--color-info:#5bc0de;--font-display:"JetBrains Mono",monospace;--font-body:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #0006;--shadow-lg:0 4px 16px #00000080;--shadow-xl:0 8px 32px #0009;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--sidebar-width:280px;--topbar-height:60px}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--color-bg-primary);color:#212529;color:var(--color-text-primary);font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--font-size-base);line-height:1.5}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f3f5;background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:#ced4da;background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#adb5bd;background:var(--color-text-muted)}::selection{background:#4a6fa5;background:var(--color-accent-primary);color:#fff}:focus-visible{outline:2px solid #4a6fa5;outline:2px solid var(--color-accent-primary);outline-offset:2px}.text-display,.text-mono{font-family:JetBrains Mono,monospace;font-family:var(--font-display)}.text-mono{font-size:.875rem;font-size:var(--font-size-sm)}.text-muted{color:#6c757d;color:var(--color-text-tertiary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .25s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-base)}.animate-slide-in-left{animation:slideInLeft .25s cubic-bezier(.4,0,.2,1);animation:slideInLeft var(--transition-base)}.animate-slide-in-right{animation:slideInRight .25s cubic-bezier(.4,0,.2,1);animation:slideInRight var(--transition-base)}.animate-slide-in-up{animation:slideInUp .25s cubic-bezier(.4,0,.2,1);animation:slideInUp var(--transition-base)}.login-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.login-background{background:linear-gradient(135deg,#e3f2fd,#f8f9fa);inset:0;position:absolute;z-index:0}.grid-pattern{animation:gridShift 20s linear infinite;background-image:linear-gradient(var(--color-border-subtle) 1px,#0000 1px),linear-gradient(90deg,var(--color-border-subtle) 1px,#0000 1px);background-size:50px 50px;inset:0;opacity:.5;position:absolute}@keyframes gridShift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.gradient-overlay{background:radial-gradient(circle at 50% 50%,#4a6fa514 0,#0000 60%);inset:0;position:absolute}.login-card{animation:slideInUp var(--transition-slow);background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000014;max-width:420px;padding:var(--spacing-2xl);position:relative;width:100%;z-index:1}.login-header{margin-bottom:var(--spacing-xl);text-align:center}.logo-container{gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.logo-container,.logo-icon{align-items:center;display:flex;justify-content:center}.logo-icon{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-tertiary));border-radius:var(--radius-md);box-shadow:0 4px 12px #4a6fa533;color:#fff;flex-shrink:0;font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;height:48px;overflow:hidden;width:48px}.logo-image{height:100%;object-fit:contain;padding:4px;width:100%}.logo-text{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:600;letter-spacing:-.02em}.login-subtitle,.logo-text{font-family:var(--font-display)}.login-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.login-form{gap:var(--spacing-lg)}.input-group,.login-form{display:flex;flex-direction:column}.input-group,.input-label{gap:var(--spacing-sm)}.input-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:500}.input-field{background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast);width:100%}.input-field:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.input-field:focus{background:var(--color-bg-secondary);border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #4a6fa51a;outline:none}.input-field::placeholder{color:var(--color-text-muted)}.error-message{background:#d95f5f1a;border:1px solid #d95f5f4d;border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);padding:var(--spacing-md);text-align:center}.login-button{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-tertiary));border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #4a6fa533;color:#fff;cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast);width:100%}.login-button:hover{box-shadow:0 4px 12px #4a6fa54d;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-divider{margin:var(--spacing-sm) 0;position:relative;text-align:center}.login-divider:after,.login-divider:before{background:var(--color-border-medium);content:"";height:1px;position:absolute;top:50%;width:45%}.login-divider:before{left:0}.login-divider:after{right:0}.login-divider span{background:var(--color-bg-secondary);color:var(--color-text-muted);font-size:var(--font-size-sm);padding:0 var(--spacing-md)}.guest-button{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast);width:100%}.guest-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.login-hint{margin-top:var(--spacing-sm);text-align:center}.login-hint p{font-size:var(--font-size-xs)}.auth-tabs{background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);display:flex;gap:2px;margin-bottom:var(--spacing-xl);padding:3px}.auth-tab{align-items:center;background:#0000;border:none;border-radius:calc(var(--radius-md) - 2px);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.auth-tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.auth-tab.active{background:var(--color-bg-secondary);box-shadow:0 1px 4px #00000014;color:var(--color-accent-primary);font-weight:600}.input-password-wrapper{align-items:center;display:flex;position:relative}.input-field--pwd{padding-right:40px!important}.pwd-toggle{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;padding:0;position:absolute;right:12px;transition:color var(--transition-fast)}.pwd-toggle:hover{color:var(--color-text-secondary)}.password-strength{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:-6px}.strength-bar{border-radius:2px;flex:1 1;height:4px;transition:all var(--transition-fast)}.strength-weak{background:#e05252;width:33%}.strength-medium{background:#e09e25;width:66%}.strength-strong{background:#3dba6e;width:100%}.strength-label{color:var(--color-text-muted);font-size:var(--font-size-xs);min-width:42px;text-align:right}.success-message{background:#3dba6e1a;border:1px solid #3dba6e4d;border-radius:var(--radius-md);color:#2a8a4e;font-size:var(--font-size-sm);padding:var(--spacing-md);text-align:center}.btn-spinner{animation:spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.link-button{background:none;border:none;color:var(--color-accent-primary);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:underline;text-underline-offset:2px}.link-button:hover{color:var(--color-accent-secondary)}.sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border-medium);display:flex;flex-direction:column;height:100vh;overflow:hidden;width:var(--sidebar-width)}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:997}@media (max-width:768px){.mobile-sidebar-overlay{display:block}}.sidebar-header{border-bottom:1px solid var(--color-border-subtle);padding:var(--spacing-lg)}.sidebar-logo{align-items:center;display:flex;gap:var(--spacing-md)}.sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-tertiary));border-radius:var(--radius-sm);color:#fff;display:flex;flex-shrink:0;font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.sidebar-logo-image{height:100%;object-fit:contain;padding:2px;width:100%}.sidebar-logo-text{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600}.sidebar-tabs{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);display:flex;gap:var(--spacing-xs);overflow-x:auto;overflow-y:hidden;padding:var(--spacing-md);scrollbar-color:var(--color-border-medium) #0000;scrollbar-width:thin}.sidebar-tabs::-webkit-scrollbar{height:4px}.sidebar-tabs::-webkit-scrollbar-track{background:#0000}.sidebar-tabs::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:2px}.sidebar-tabs::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.sidebar-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex:1 0 auto;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.sidebar-tab:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.sidebar-tab.active{background:var(--color-bg-tertiary);border-color:var(--color-border-medium);color:var(--color-accent-primary)}.sidebar-search-container{border-bottom:1px solid var(--color-border-subtle);padding:var(--spacing-md);position:relative}.sidebar-search-icon{color:var(--color-text-muted);left:calc(var(--spacing-md) + var(--spacing-md));pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-search-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);padding-left:36px;transition:all var(--transition-fast);width:100%}.sidebar-search-input:hover{border-color:var(--color-border-strong)}.sidebar-search-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #4a6fa51a;outline:none}.sidebar-search-input::placeholder{color:var(--color-text-muted)}.sidebar-section{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-md)}.sidebar-section-header{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-xs);font-weight:600;justify-content:space-between;letter-spacing:.05em;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.add-item-button{align-items:center;background:#0000;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.add-item-button:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary);transform:scale(1.05)}.add-item-button:active{transform:scale(.95)}.add-new-group-button{align-items:center;background:var(--color-bg-tertiary);border:1px dashed var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-sm);justify-content:center;margin:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast);width:calc(100% - var(--spacing-md)*2)}.add-new-group-button:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary);border-style:solid;color:var(--color-accent-primary);transform:translateY(-1px)}.add-new-group-button:active{transform:translateY(0)}.empty-search-state{padding:var(--spacing-xl);text-align:center}.empty-search-state p{font-size:var(--font-size-sm)}.agents-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.agent-item-wrapper{animation:slideInLeft var(--transition-base) both;position:relative;z-index:1}.agent-item-wrapper:has(.agent-menu){z-index:101}.agent-item-wrapper:has(.sub-chat-menu){z-index:50}.agent-item{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md);position:relative;transition:all var(--transition-fast)}.agent-item:hover{background:var(--color-bg-hover);border-color:var(--color-border-medium)}.agent-item.active{background:var(--color-bg-active);border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary)}.agent-item-main{flex:1 1;gap:var(--spacing-md);min-width:0}.agent-avatar,.agent-item-main{align-items:center;display:flex}.agent-avatar{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);flex-shrink:0;font-size:var(--font-size-lg);height:40px;justify-content:center;position:relative;width:40px}.agent-status{background:var(--color-text-muted);border:2px solid var(--color-bg-tertiary);border-radius:50%;bottom:-2px;height:10px;position:absolute;right:-2px;width:10px}.agent-status.active{animation:pulse 2s ease-in-out infinite;background:var(--color-success)}.agent-info{flex:1 1;min-width:0}.agent-name{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;margin-bottom:2px}.agent-name-container{align-items:center;display:flex;gap:var(--spacing-xs);margin-bottom:2px}.agent-expand-toggle{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all var(--transition-fast)}.agent-expand-toggle:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.agent-name-edit-icon{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;opacity:0;padding:2px;transition:all var(--transition-fast)}.agent-name-container:hover .agent-name-edit-icon{opacity:1}.agent-name-edit-icon:hover{background:var(--color-bg-primary);color:var(--color-accent-primary)}.agent-name-edit-container{align-items:center;display:flex;gap:var(--spacing-xs);margin-bottom:2px}.agent-name-edit-input{background:var(--color-bg-primary);border:1px solid var(--color-accent-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;max-width:75%;outline:none;padding:2px var(--spacing-xs)}.agent-name-edit-actions{display:flex;gap:2px}.agent-name-edit-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:20px;justify-content:center;transition:all var(--transition-fast);width:20px}.agent-name-edit-button.save{color:var(--color-success)}.agent-name-edit-button.save:hover{background:#4caf501a}.agent-name-edit-button.cancel{color:var(--color-error)}.agent-name-edit-button.cancel:hover{background:#d95f5f1a}.agent-description{font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-actions{align-items:center;display:flex;gap:var(--spacing-xs)}.agent-action-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.agent-action-button:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.agent-menu-wrapper{position:relative}.agent-menu{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:200}.agent-menu-item{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.agent-menu-item:hover{background:var(--color-bg-hover)}.agent-menu-item.danger{color:var(--color-error)}.agent-menu-item.danger:hover{background:#d95f5f1a}.sub-chats{border-left:2px solid var(--color-border-subtle);flex-direction:column;gap:var(--spacing-xs);isolation:isolate;margin-left:var(--spacing-xl);margin-top:var(--spacing-sm);padding-left:var(--spacing-md)}.sub-chat-item,.sub-chats{display:flex;position:relative;z-index:100}.sub-chat-item{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.sub-chat-item:has(.sub-chat-menu){z-index:500}.sub-chat-item:hover{background:var(--color-bg-hover);border-color:var(--color-border-medium)}.sub-chat-item.active{background:var(--color-bg-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.sub-chat-main{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);min-width:0}.sub-chat-indicator{background:var(--color-text-muted);border-radius:50%;flex-shrink:0;height:4px;width:4px}.sub-chat-item.active .sub-chat-indicator{background:var(--color-accent-primary)}.sub-chat-name-container{align-items:center;display:flex;flex:1 1;gap:var(--spacing-xs);min-width:0}.sub-chat-name{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-chat-item.active .sub-chat-name{color:var(--color-accent-primary)}.sub-chat-name-edit-icon{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:0;padding:2px;transition:all var(--transition-fast)}.sub-chat-name-container:hover .sub-chat-name-edit-icon{opacity:1}.sub-chat-name-edit-icon:hover{background:var(--color-bg-tertiary);color:var(--color-accent-primary)}.sub-chat-name-edit-container{align-items:center;display:flex;flex:1 1;gap:var(--spacing-xs);min-width:0}.sub-chat-name-edit-input{background:var(--color-bg-tertiary);border:1px solid var(--color-accent-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;max-width:75%;outline:none;padding:2px var(--spacing-xs)}.sub-chat-name-edit-actions{display:flex;flex-shrink:0;gap:2px}.sub-chat-name-edit-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:18px;justify-content:center;transition:all var(--transition-fast);width:18px}.sub-chat-name-edit-button.save{color:var(--color-success)}.sub-chat-name-edit-button.save:hover{background:#4caf501a}.sub-chat-name-edit-button.cancel{color:var(--color-error)}.sub-chat-name-edit-button.cancel:hover{background:#d95f5f1a}.sub-chat-menu-wrapper{flex-shrink:0;position:relative;z-index:600}.sub-chat-action-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:20px;justify-content:center;transition:all var(--transition-fast);width:20px}.sub-chat-action-button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sub-chat-menu{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.sub-chat-menu-item{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-xs);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.sub-chat-menu-item:hover{background:var(--color-bg-hover)}.sub-chat-menu-item.danger{color:var(--color-error)}.sub-chat-menu-item.danger:hover{background:#d95f5f1a}.groups-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.group-item{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md);position:relative;transition:all var(--transition-fast)}.group-item:hover{background:var(--color-bg-hover);border-color:var(--color-border-medium)}.group-item.active{background:var(--color-bg-active);border-color:var(--color-accent-primary)}.group-item-main{flex:1 1;gap:var(--spacing-md);min-width:0}.group-avatar,.group-item-main{align-items:center;display:flex}.group-avatar{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);flex-shrink:0;font-size:var(--font-size-lg);height:40px;justify-content:center;width:40px}.group-info{flex:1 1;min-width:0}.group-name{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;margin-bottom:2px}.group-name-container{align-items:center;display:flex;gap:var(--spacing-xs);margin-bottom:2px}.group-name-edit-icon{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;opacity:0;padding:2px;transition:all var(--transition-fast)}.group-name-container:hover .group-name-edit-icon{opacity:1}.group-name-edit-icon:hover{background:var(--color-bg-primary);color:var(--color-accent-primary)}.group-name-edit-container{align-items:center;display:flex;gap:var(--spacing-xs);margin-bottom:2px}.group-name-edit-input{background:var(--color-bg-primary);border:1px solid var(--color-accent-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;max-width:75%;outline:none;padding:2px var(--spacing-xs)}.group-name-edit-actions{display:flex;gap:2px}.group-name-edit-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:20px;justify-content:center;transition:all var(--transition-fast);width:20px}.group-name-edit-button.save{color:var(--color-success)}.group-name-edit-button.save:hover{background:#4caf501a}.group-name-edit-button.cancel{color:var(--color-error)}.group-name-edit-button.cancel:hover{background:#d95f5f1a}.group-members{font-size:var(--font-size-xs)}.group-menu-wrapper{position:relative}.group-action-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.group-action-button:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.group-menu{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:200}.group-menu-item{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.group-menu-item:hover{background:var(--color-bg-hover)}.group-menu-item.danger{color:var(--color-error)}.group-menu-item.danger:hover{background:#d95f5f1a}.sidebar-view-toggle{background:var(--color-bg-primary);border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--spacing-xs);padding:var(--spacing-md)}.view-toggle-button{align-items:center;background:#0000;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.view-toggle-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-secondary)}.view-toggle-button.active{background:var(--color-bg-tertiary);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.settings-panel{overflow-y:auto;padding:var(--spacing-lg)}.settings-section{border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.settings-section:last-child{border-bottom:none}.settings-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.settings-item,.settings-title{margin-bottom:var(--spacing-md)}.settings-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.settings-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);width:100%}.settings-input:focus{border-color:var(--color-accent-primary);outline:none}.settings-action-button{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-sm);justify-content:center;min-height:36px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.settings-action-button:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary)}.settings-status{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.settings-timezone-value{background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:monospace;font-family:var(--font-mono,monospace);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.settings-hint{color:var(--color-text-tertiary);font-size:var(--font-size-xs);line-height:1.4;margin:var(--spacing-xs) 0 0}.settings-admin-users{margin-top:var(--spacing-lg)}.settings-admin-users-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-sm)}.settings-user-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-user-item{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm)}.settings-user-info{display:flex;flex-direction:column;min-width:0}.settings-user-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-user-role{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:capitalize}.settings-small-button{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;flex-shrink:0;font-family:var(--font-display);font-size:var(--font-size-xs);min-height:28px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.settings-small-button:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-accent-primary)}.settings-small-button.danger{color:var(--color-error)}.settings-small-button:disabled{cursor:not-allowed;opacity:.45}.settings-select{background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.settings-select:hover{border-color:var(--color-border-strong)}.settings-select:focus{border-color:var(--color-accent-primary);outline:none}.settings-checkbox{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm)}.settings-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.settings-checkbox span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.placeholder-panel{padding:var(--spacing-xl);text-align:center}.logs-panel{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--spacing-lg)}.logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.logs-title{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600}.logs-clear-button,.logs-title{font-family:var(--font-display)}.logs-clear-button{background:#0000;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast)}.logs-clear-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.logs-list{flex-direction:column}.log-item,.logs-list{display:flex;gap:var(--spacing-md)}.log-item{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.log-item:hover{background:var(--color-bg-hover);border-color:var(--color-border-medium)}.log-icon{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:var(--font-size-base);height:32px;justify-content:center;width:32px}.log-icon-success{background:#4caf501a;color:var(--color-success)}.log-icon-info{background:#4a6fa51a;color:var(--color-accent-primary)}.log-icon-warning{background:#ff98001a;color:#ff9800}.log-content{flex:1 1;min-width:0}.log-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;margin-bottom:2px}.log-description{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-bottom:4px}.log-timestamp{color:var(--color-text-muted);font-size:var(--font-size-xs)}.api-panel{height:100%;overflow-y:auto;padding:var(--spacing-lg)}.api-header{margin-bottom:var(--spacing-lg)}.api-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-base);font-weight:600}.api-section{margin-bottom:var(--spacing-xl)}.api-section-title{color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-md);text-transform:uppercase}.api-extensions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.api-extension-item{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.api-extension-item:hover{background:var(--color-bg-hover);border-color:var(--color-border-medium)}.api-extension-icon{flex-shrink:0;font-size:var(--font-size-xl)}.api-extension-info{flex:1 1;min-width:0}.api-extension-name{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;margin-bottom:2px}.api-extension-description{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.api-toggle{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.api-toggle input{height:0;opacity:0;width:0}.api-toggle-slider{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:12px;bottom:0;cursor:pointer;left:0;right:0;top:0}.api-toggle-slider,.api-toggle-slider:before{position:absolute;transition:all var(--transition-fast)}.api-toggle-slider:before{background:var(--color-text-muted);border-radius:50%;bottom:3px;content:"";height:16px;left:3px;width:16px}.api-toggle input:checked+.api-toggle-slider{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.api-toggle input:checked+.api-toggle-slider:before{background:#fff;transform:translateX(20px)}.api-manage-keys-button{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:500;justify-content:space-between;padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.api-manage-keys-button:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.delete-confirmation-dialog{animation:slideInScale .3s cubic-bezier(.34,1.56,.64,1);max-width:420px;width:90%}.agent-details-dialog,.delete-confirmation-dialog{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0006;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}.agent-details-dialog{animation:slideInScale .2s ease-out;width:min(440px,calc(100vw - 32px))}.agent-details-content{display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:left}.agent-details-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;letter-spacing:0;text-transform:uppercase}.agent-details-textarea{line-height:1.5;min-height:96px;resize:vertical}.dialog-icon{align-items:center;background:#d95f5f26;border-radius:50%;color:var(--color-error);display:flex;height:56px;justify-content:center;margin:var(--spacing-xl) auto var(--spacing-md);width:56px}.dialog-content{padding:0 var(--spacing-xl) var(--spacing-xl)}.dialog-message{margin-bottom:var(--spacing-xl)}.dialog-message strong{color:var(--color-text-primary);font-weight:600}.dialog-button-delete{background:var(--color-error);color:#fff}.dialog-button-delete:hover{background:#c74747;box-shadow:0 4px 12px #d95f5f4d}.dialog-button-save{background:var(--color-accent-primary);color:#fff}.dialog-button-save:hover{background:var(--color-accent-secondary)}.view-members-modal{animation:slideInScale .3s cubic-bezier(.34,1.56,.64,1);background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:480px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.modal-header{padding:var(--spacing-lg)}.modal-close-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.modal-close-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal-content{padding:var(--spacing-lg)}.group-info-header{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.group-avatar-large{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:32px;height:64px;justify-content:center;width:64px}.group-name-large{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xs)}.group-members-count{font-size:var(--font-size-sm)}.member-item{background:var(--color-bg-tertiary)}.member-item:hover{background:var(--color-bg-hover);border-color:var(--color-border-medium)}.member-avatar{background:var(--color-bg-primary);height:40px;width:40px}.member-name{margin-bottom:2px}.member-type{font-size:var(--font-size-xs)}.topbar{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-medium);display:flex;gap:var(--spacing-lg);height:var(--topbar-height);justify-content:space-between;padding:0 var(--spacing-xl);position:relative;z-index:1000}.mobile-menu-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:none;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.mobile-menu-button:hover{background:var(--color-bg-hover)}.mobile-menu-button:active{background:var(--color-bg-active)}@media (max-width:768px){.mobile-menu-button{display:flex}}.topbar-left{flex:1 1;min-width:0}.chat-info{display:flex;flex-direction:column;gap:2px}.chat-title{align-items:center;color:var(--color-text-primary);display:flex;font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;gap:var(--spacing-sm);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-badge{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-flex;font-weight:500;gap:4px;padding:2px 8px}.chat-subtitle,.group-badge{font-size:var(--font-size-xs)}.chat-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{align-items:center;display:flex;gap:var(--spacing-md)}.search-container{align-items:center;display:flex;position:relative}.search-icon{left:var(--spacing-md);pointer-events:none}.search-clear-button,.search-icon{color:var(--color-text-muted);position:absolute;z-index:1}.search-clear-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;right:var(--spacing-md);transition:all var(--transition-fast);width:24px}.search-clear-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.search-dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:98}.global-search-results{animation:slideInDown .2s ease-out;background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;max-height:60vh;max-width:90vw;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--spacing-sm));width:420px;z-index:99}.search-results-header{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase}.search-results-list{max-height:calc(60vh - 48px);overflow-y:auto}.search-result-item{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:all var(--transition-fast);width:100%}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--color-bg-hover)}.search-result-avatar{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:40px;justify-content:center;width:40px}.search-result-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.search-result-name{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-parent{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:400}.search-result-preview{line-height:1.4;overflow:hidden;text-overflow:ellipsis}.search-result-badge,.search-result-preview{color:var(--color-text-secondary);font-size:var(--font-size-xs);white-space:nowrap}.search-result-badge{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-weight:600;gap:4px;padding:4px 8px}.search-results-empty{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-2xl)}.empty-search-icon{opacity:.5}.search-results-empty p{font-size:var(--font-size-sm);text-align:center}.search-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);padding-left:36px;padding-right:36px;transition:all var(--transition-fast);width:280px}.search-input:hover{border-color:var(--color-border-strong)}.search-input:focus{background:var(--color-bg-secondary);border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #4a6fa51a;outline:none}.search-input::placeholder{color:var(--color-text-muted)}.add-agent-button-topbar{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-tertiary));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.add-agent-button-topbar:hover{box-shadow:0 4px 12px #4a6fa54d;transform:translateY(-1px)}.add-agent-button-topbar:active{transform:translateY(0)}.user-menu-container{position:relative}.user-menu-button{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.user-menu-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.user-menu{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--spacing-sm));z-index:2000}.user-menu-header{align-items:center;background:var(--color-bg-primary);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.user-menu-avatar{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;height:40px;justify-content:center;width:40px}.user-menu-name{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600}.user-menu-status{font-size:var(--font-size-xs)}.user-menu-divider{background:var(--color-border-subtle);height:1px;margin:0 var(--spacing-md)}.user-menu-item{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:all var(--transition-fast);width:100%}.user-menu-item:hover{background:var(--color-bg-hover)}.animate-slide-in-up{animation:slideInUp .2s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-window{background:var(--color-bg-primary);display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-bottom:1px solid var(--color-border-subtle);height:72px;justify-content:space-between;padding:0 var(--spacing-xl);z-index:100}.active-chat-info,.chat-header{align-items:center;display:flex}.active-chat-info{gap:var(--spacing-md)}.active-chat-avatar{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.active-chat-details{display:flex;flex-direction:column;gap:2px}.active-chat-name{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;line-height:1.2}.active-chat-status{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-xs);gap:6px}.status-indicator{background:#cbd5e1;border-radius:50%;height:8px;width:8px}.status-indicator.active{background:#22c55e;box-shadow:0 0 8px #22c55e66}.chat-header-actions{align-items:center;display:flex;gap:var(--spacing-md)}.chat-header-menu-wrapper,.model-selector-wrapper{position:relative}.model-selector-button{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:20px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--spacing-sm);padding:6px 12px;transition:all .2s ease}.model-selector-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.model-dropdown{background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:220px;z-index:1000}.model-dropdown-header{color:var(--color-text-muted);font-size:10px;font-weight:700;letter-spacing:.1em;padding:10px 16px}.model-item{align-items:flex-start;flex-direction:column;padding:10px 16px;transition:background .2s ease}.model-item.active{background:#4a6fa50d}.model-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600}.model-provider{color:var(--color-text-muted);font-size:10px}.header-action-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.header-action-button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.header-action-button:disabled{cursor:not-allowed;opacity:.45}.chat-header-menu{background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);min-width:150px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.chat-header-menu-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;gap:8px;padding:9px 10px;text-align:left;transition:background .2s ease,color .2s ease;width:100%}.chat-header-menu-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.chat-header-menu-item.danger{color:#dc2626}.chat-header-menu-item.danger:hover{background:#dc262614;color:#b91c1c}.pinned-messages-section{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-medium);display:flex;flex-direction:column;max-height:40vh}.pinned-messages-header{align-items:center;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-subtle);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.pinned-header-icon{color:var(--color-accent-primary);flex-shrink:0}.pinned-header-text{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pinned-messages-list{display:flex;flex-direction:column;gap:var(--spacing-xs);overflow-y:auto;padding:var(--spacing-md)}.pinned-message-item{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-left:3px solid var(--color-accent-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.pinned-message-item:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary);box-shadow:0 2px 8px #4a6fa526}.pinned-message-avatar{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:var(--font-size-base);height:32px;justify-content:center;width:32px}.pinned-message-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.pinned-message-sender{color:var(--color-accent-primary);font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:600}.pinned-message-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row{display:flex;gap:var(--spacing-md);max-width:85%;position:relative}.message-row.user{align-self:flex-end;flex-direction:row-reverse;margin-left:auto}.message-row.agent{flex-direction:row;margin-right:auto}.message-row.agent .message-content-wrapper{max-width:90%}.message-bubble{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:18px;box-shadow:var(--shadow-sm);min-width:60px;transition:all .2s ease}.message-row.user .message-bubble{background:var(--color-accent-primary);border-bottom-right-radius:4px;color:#fff}.message-row.agent .message-bubble{border-bottom-left-radius:4px}.message-actions{border-top:1px solid #ffffff1a;display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);opacity:1;padding-top:var(--spacing-sm)}.message-action{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:6px;box-shadow:var(--shadow-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.message-row.user .message-action{background:#fff3;border-color:#ffffff4d;color:#fff}.message-action:hover{background:#0003;color:var(--color-text-primary);transform:translateY(-1px)}.message-row.user .message-action:hover{background:#fff3;color:#fff}.message-action.danger:hover{background:var(--color-error);color:#fff}.message-action .pinned{fill:var(--color-accent-primary);color:var(--color-accent-primary)}.message-row.user .message-action .pinned{fill:#fff;color:#fff}.chat-window-empty{align-items:center;background:var(--color-bg-primary);display:flex;flex:1 1;justify-content:center}.empty-state{max-width:400px;padding:var(--spacing-2xl);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm)}.empty-state-text{font-size:var(--font-size-sm);line-height:1.6}.messages-container{gap:var(--spacing-lg);overflow-y:auto;padding:var(--spacing-xl)}.empty-messages,.messages-container{display:flex;flex:1 1;flex-direction:column}.empty-messages{align-items:center;gap:var(--spacing-md);justify-content:center;opacity:.5}.message-wrapper{display:flex;gap:var(--spacing-md);max-width:85%;position:relative}.message-wrapper.user{flex-direction:row-reverse;margin-left:auto}.message-wrapper.agent{margin-right:auto}.message-avatar{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:36px;justify-content:center;width:36px}.message-content-wrapper{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:0}.message-sender-row{align-items:center;display:flex;gap:var(--spacing-sm);padding:0 var(--spacing-md)}.message-bubble-container{display:inline-block;position:relative;width:-webkit-fit-content;width:fit-content}.message-bubble{word-wrap:break-word;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-fast)}.message-wrapper.user .message-bubble{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-tertiary));border-bottom-right-radius:var(--radius-sm);color:#fff}.message-wrapper.agent .message-bubble{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-bottom-left-radius:var(--radius-sm);color:var(--color-text-primary)}.message-bubble.pinned{box-shadow:0 0 0 2px var(--color-accent-primary)}.message-actions-overlay{background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;gap:4px;margin-top:var(--spacing-xs);opacity:.3;padding:4px;transition:all var(--transition-fast);width:-webkit-fit-content;width:fit-content}.message-wrapper.user .message-actions-overlay{margin-left:auto}.message-wrapper:hover .message-actions-overlay{opacity:1}.message-actions-overlay.visible{opacity:.6}.message-actions-overlay.visible:hover{opacity:1}.message-actions-overlay.user{right:8px}.message-actions-overlay.agent{right:0}.message-sender{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.message-model-badge,.message-sender{font-family:var(--font-display);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.message-model-badge{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-tertiary));border-radius:10px;box-shadow:0 2px 4px #4a6fa533;color:#fff;font-size:10px;padding:2px 8px}.message-reply-context{background:var(--color-bg-primary);border-left:3px solid var(--color-accent-primary);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);max-width:100%;padding:var(--spacing-sm) var(--spacing-md)}.reply-context-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.reply-context-header{color:var(--color-accent-primary);font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:600}.reply-context-text{color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:normal;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-wrapper.user .reply-context-text{color:var(--color-text-secondary)}.message-wrapper.agent .reply-context-text{color:var(--color-text-muted)}.pinned-indicator{color:var(--color-accent-primary);position:absolute;right:var(--spacing-xs);top:var(--spacing-xs)}.message-wrapper.user .pinned-indicator{color:#ffffffe6;opacity:1}.message-text{font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-xs);word-break:break-word}.message-text p{margin-bottom:var(--spacing-sm)}.message-text p:last-child{margin-bottom:0}.message-text h1,.message-text h2,.message-text h3{color:var(--color-text-primary);font-family:var(--font-display);margin:var(--spacing-md) 0 var(--spacing-sm)}.message-text h1{font-size:1.5rem}.message-text h2{font-size:1.25rem}.message-text h3{font-size:1.1rem}.message-text ol,.message-text ul{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-xl)}.message-text li{margin-bottom:4px}.message-text code{background:#0000000d;border-radius:4px;color:var(--color-accent-primary);font-family:Fira Code,Cascadia Code,monospace;font-size:.9em;font-weight:500;padding:2px 6px}.message-row.user .message-text code{background:#fff3;color:#fff}.message-text pre{background:#1e1e1e;border:1px solid #ffffff1a;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#d4d4d4;margin:var(--spacing-md) 0;overflow-x:auto;padding:var(--spacing-lg)}.message-text pre code{background:#0000;color:inherit;font-weight:400;padding:0}.message-timestamp{font-family:var(--font-display);font-size:var(--font-size-xs);opacity:.7}.message-wrapper.user .message-timestamp{color:#ffffffe6}.message-wrapper.agent .message-timestamp{color:var(--color-text-muted)}.message-action-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.message-action-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.message-menu-wrapper{position:relative}.message-menu{background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.message-menu-item{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.message-menu-item:hover{background:var(--color-bg-hover)}.message-menu-item.danger{color:var(--color-error)}.message-menu-item.danger:hover{background:#d95f5f1a}.input-container{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-medium);padding:var(--spacing-lg)}.reply-bar{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-left:3px solid var(--color-accent-primary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.reply-bar-content{align-items:flex-start;display:flex;flex:1 1;gap:var(--spacing-sm);min-width:0}.reply-icon{color:var(--color-accent-primary);flex-shrink:0;margin-top:2px}.reply-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.reply-header{color:var(--color-accent-primary);font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:600}.reply-message-preview{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-cancel{background:#0000;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:var(--font-size-xl);margin-left:auto;padding:0 var(--spacing-sm);transition:color var(--transition-fast)}.reply-cancel:hover{color:var(--color-error)}.input-wrapper{align-items:flex-end;display:flex;gap:var(--spacing-md)}.input-actions-left{display:flex;gap:var(--spacing-xs)}.hidden-file-input{display:none}.input-action-button{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.input-action-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-medium);color:var(--color-text-primary)}.input-action-button:disabled{cursor:not-allowed;opacity:.5}.input-action-button.listening{background:#22c55e1f;border-color:#22c55e73;color:#15803d}.input-action-button.listening:hover{background:#22c55e2e;color:#166534}.input-form{display:flex;flex:1 1;gap:var(--spacing-md);margin-left:auto;max-width:min(720px,100%);position:relative}.message-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1 1;font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.5;max-height:120px;min-height:36px;padding:var(--spacing-sm) var(--spacing-lg);resize:none;transition:all var(--transition-fast)}.message-input:hover{border-color:var(--color-border-strong)}.message-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #4a6fa51a;outline:none}.message-input::placeholder{color:var(--color-text-muted)}.attachment-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.attachment-chip{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);color:var(--color-text-primary);display:inline-flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);max-width:260px;padding:5px var(--spacing-sm)}.voice-status{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-sm)}.voice-status.active{color:#15803d}.attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:var(--color-text-muted);flex-shrink:0}.attachment-remove{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.attachment-remove:hover{background:var(--color-bg-hover);color:var(--color-error)}.mentions-dropdown{background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);bottom:calc(100% + var(--spacing-sm));box-shadow:var(--shadow-lg);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;z-index:10}.mention-item{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.mention-item:hover{background:var(--color-bg-hover)}.mention-avatar{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:flex;font-size:var(--font-size-base);height:28px;justify-content:center;width:28px}.mention-name{font-family:var(--font-display);font-weight:500}.send-button{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-tertiary));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #4a6fa54d;transform:translateY(-1px)}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{cursor:not-allowed;opacity:.4}.model-selector-container{position:relative}.model-selector-button-input{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:600;gap:var(--spacing-xs);padding:6px var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.model-selector-button-input:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary);box-shadow:0 2px 8px #4a6fa526}.model-selector-text{max-width:100px;overflow:hidden;text-overflow:ellipsis}.model-dropdown-icon{flex-shrink:0;transition:transform var(--transition-fast)}.model-dropdown-icon.open{transform:rotate(180deg)}.model-dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.model-dropdown-input{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);bottom:calc(100% + var(--spacing-sm));box-shadow:0 8px 24px #00000026;min-width:280px;overflow:hidden;position:absolute;right:0;z-index:100}.model-dropdown-header{align-items:center;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);display:flex;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-sm);letter-spacing:.05em;padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase}.model-list{max-height:320px;overflow-y:auto}.model-item{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:all var(--transition-fast);width:100%}.model-item:last-child{border-bottom:none}.model-item:hover{background:var(--color-bg-hover)}.model-item.active{background:linear-gradient(90deg,#4a6fa51a,#0000);border-left:3px solid var(--color-accent-primary)}.model-item-info{display:flex;flex-direction:column;gap:2px}.model-item-name{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;line-height:1.3}.model-item-provider{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.3}.model-item-check{color:var(--color-accent-primary);flex-shrink:0;font-size:var(--font-size-base);font-weight:700}.animate-slide-in-down{animation:slideInDown .2s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.create-group-modal{animation:slideInScale .3s cubic-bezier(.34,1.56,.64,1);background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:600px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.modal-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;gap:var(--spacing-md)}.modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal-content{flex:1 1;gap:var(--spacing-lg);overflow-y:auto;padding:var(--spacing-xl)}.form-group,.modal-content{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-label{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600}.avatar-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.avatar-option{align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border-medium);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;transition:all var(--transition-fast);width:48px}.avatar-option:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong);transform:scale(1.1)}.avatar-option.selected{background:var(--color-bg-active);border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #4a6fa526}.form-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-base);padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.form-input:hover{border-color:var(--color-border-strong)}.form-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #4a6fa51a;outline:none}.form-textarea{background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-base);min-height:60px;padding:var(--spacing-md);resize:vertical;transition:all var(--transition-fast);width:100%}.form-textarea:hover{border-color:var(--color-border-strong)}.form-textarea:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #4a6fa51a;outline:none}.members-list{background:var(--color-bg-secondary);flex-direction:column;gap:var(--spacing-xs);max-height:300px;overflow-y:auto;padding:var(--spacing-sm)}.member-item,.members-list{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex}.member-item{align-items:center;background:var(--color-bg-primary);cursor:pointer;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.member-item.user-member{background:var(--color-bg-tertiary);cursor:default}.member-item:not(.user-member):hover{background:var(--color-bg-hover);border-color:var(--color-border-medium)}.member-item.selected{background:var(--color-bg-active);border-color:var(--color-accent-primary)}.member-avatar{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:36px;justify-content:center;width:36px}.member-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.member-name{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600}.member-role{color:var(--color-text-muted);font-size:var(--font-size-xs)}.member-checkbox{align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border-medium);border-radius:var(--radius-sm);color:var(--color-accent-primary);display:flex;height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.member-item.selected .member-checkbox{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.member-badge{background:var(--color-bg-hover);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;padding:4px 8px}.modal-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl)}.modal-button{border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-family:var(--font-display);font-size:var(--font-size-base);font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.cancel-button{background:var(--color-bg-tertiary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.cancel-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.create-button{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-tertiary));color:#fff}.create-button:hover:not(:disabled){box-shadow:0 4px 12px #4a6fa54d;transform:translateY(-1px)}.create-button:disabled{cursor:not-allowed;opacity:.5}.app{background:var(--color-bg-primary);height:100vh;width:100vw}.app,.main-content{display:flex;overflow:hidden}.main-content{flex:1 1;flex-direction:column;min-width:0}.dialog-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.new-agent-dialog{animation:slideInScale .3s cubic-bezier(.34,1.56,.64,1);background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0006;left:50%;max-width:480px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.dialog-content{padding:var(--spacing-xl);text-align:center}.dialog-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md)}.dialog-message{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-lg)}.new-agent-form{text-align:left}.new-agent-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--spacing-xs);text-transform:uppercase}.new-agent-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-base);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.new-agent-textarea{line-height:1.5;margin-bottom:var(--spacing-xl);min-height:96px;resize:vertical}.new-agent-input:hover{border-color:var(--color-border-strong)}.new-agent-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #4a6fa51a;outline:none}.dialog-actions{display:flex;gap:var(--spacing-md);justify-content:center}.dialog-button{border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.dialog-button-cancel{background:var(--color-bg-tertiary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.dialog-button-cancel:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.dialog-button-create{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-tertiary));color:#fff}.dialog-button-create:hover:not(:disabled){box-shadow:0 4px 12px #4a6fa54d;transform:translateY(-1px)}.dialog-button-create:disabled{cursor:not-allowed;opacity:.5}.message-wrapper.search-highlight{background-color:#ffff002e;border-left:4px solid #facc15;padding-left:12px;transition:all .4s ease}.message-wrapper.search-highlight .message-bubble{border:1px solid #facc15}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInScale{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:1024px){:root{--sidebar-width:280px}}@media (max-width:768px){:root{--sidebar-width:320px;--topbar-height:60px}.sidebar{box-shadow:2px 0 8px #00000026;height:100vh;left:-100%;position:fixed;top:0;transition:left .3s ease-in-out;z-index:998}.sidebar.mobile-open{left:0}.main-content{width:100%}.topbar{gap:var(--spacing-sm);padding:0 var(--spacing-md)}.topbar-left{flex:1 1;min-width:0}.search-input{width:180px!important}.global-search-results{left:auto;right:0;width:340px}.search-result-badge{display:none}.chat-title{font-size:var(--font-size-base)}.group-badge{font-size:9px;padding:2px 6px}.messages-container{padding:var(--spacing-md)}.message-wrapper{max-width:85%!important}.message-bubble{padding:var(--spacing-sm) var(--spacing-md)}.input-container{padding:var(--spacing-md)}.input-actions-left{display:none}.input-wrapper{gap:var(--spacing-sm)}.input-action-button{height:32px;width:32px}.model-selector-button-input{padding:4px var(--spacing-sm)}.model-selector-text{max-width:80px}.pinned-messages-section{max-height:30vh}.pinned-message-item{padding:var(--spacing-sm)}.create-group-modal,.delete-confirmation-dialog,.new-agent-dialog,.view-members-modal{max-width:none;width:95%}.modal-content{padding:var(--spacing-lg)}}@media (max-width:480px){:root{--sidebar-width:100%;--topbar-height:56px;--spacing-xs:4px;--spacing-sm:6px;--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px}.sidebar-header{padding:var(--spacing-md)}.sidebar-tabs{gap:4px;padding:var(--spacing-sm)}.sidebar-tab{font-size:11px;padding:var(--spacing-xs) var(--spacing-sm)}.sidebar-tab span{display:none}.agent-item,.group-item,.sidebar-search-container,.sidebar-section{padding:var(--spacing-sm)}.agent-avatar,.group-avatar{font-size:var(--font-size-base);height:32px;width:32px}.agent-name,.group-name{font-size:var(--font-size-xs)}.agent-description,.group-members{font-size:10px}.topbar{padding:0 var(--spacing-sm)}.chat-title{font-size:var(--font-size-sm)}.chat-subtitle{font-size:10px}.search-container{display:none}.global-search-results{left:16px;max-width:none;right:16px;width:calc(100vw - 32px)}.search-result-item{gap:var(--spacing-sm);padding:var(--spacing-sm)}.search-result-avatar{font-size:var(--font-size-base);height:32px;width:32px}.search-result-name{font-size:var(--font-size-xs)}.search-result-preview{font-size:10px}.add-agent-button-topbar{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.add-agent-button-topbar span{display:none}.user-menu-button{padding:var(--spacing-xs) var(--spacing-sm)}.user-menu-button span{display:none}.messages-container{gap:var(--spacing-md);padding:var(--spacing-sm)}.message-wrapper{max-width:90%!important}.message-avatar{font-size:var(--font-size-sm);height:28px;width:28px}.message-bubble{padding:var(--spacing-sm)}.message-text{font-size:var(--font-size-sm)}.message-timestamp{font-size:10px}.message-sender-row{padding:0 var(--spacing-sm)}.message-model-badge{font-size:9px;padding:1px 6px}.input-container,.reply-bar{padding:var(--spacing-sm)}.reply-bar{margin-bottom:var(--spacing-sm)}.input-wrapper{gap:4px}.input-form{gap:var(--spacing-sm)}.message-input{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.input-action-button,.send-button{height:32px;width:32px}.model-selector-button-input{font-size:10px;padding:4px 6px}.model-selector-text{display:none}.model-dropdown-input{min-width:240px}.pinned-messages-section{max-height:25vh}.pinned-messages-header,.pinned-messages-list{padding:var(--spacing-sm)}.pinned-message-item{gap:var(--spacing-sm);padding:var(--spacing-xs)}.pinned-message-avatar{font-size:var(--font-size-sm);height:24px;width:24px}.pinned-message-sender,.pinned-message-text{font-size:11px}.message-actions-overlay{gap:2px;padding:2px;top:-28px}.message-action-button{height:24px;width:24px}.modal-header{padding:var(--spacing-md)}.modal-title{font-size:var(--font-size-base)}.dialog-content,.modal-content,.modal-footer{padding:var(--spacing-md)}.members-list{max-height:200px}.member-item{padding:var(--spacing-sm)}.member-avatar{font-size:var(--font-size-sm);height:28px;width:28px}.member-name{font-size:var(--font-size-xs)}.avatar-option{font-size:20px;height:40px;width:40px}.group-avatar-large{font-size:24px;height:48px;width:48px}.group-name-large{font-size:var(--font-size-base)}.logs-panel,.settings-panel{padding:var(--spacing-md)}.log-item{padding:var(--spacing-sm)}.api-panel{padding:var(--spacing-md)}.api-extension-item{padding:var(--spacing-sm)}}@media (max-width:360px){.topbar-left{max-width:60%}.message-wrapper{max-width:95%!important}.model-dropdown-input{min-width:200px;right:-20px}.add-agent-button-topbar{min-width:32px}}@media (max-height:500px) and (orientation:landscape){.sidebar{width:240px}.pinned-messages-section{max-height:40vh}.modal-content{max-height:60vh}.members-list{max-height:120px}}
/*# sourceMappingURL=main.bf75925f.css.map*/