.search-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:60px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;align-items:center;padding:var(--space-5) 0;gap:var(--space-3);transition:width var(--transition-base);flex-shrink:0;z-index:100}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2);height:40px;width:100%;justify-content:center;overflow:hidden;transition:all var(--transition-base);margin-bottom:var(--space-2);flex-shrink:0}.sidebar-brand .logo-icon{width:32px;height:32px;flex-shrink:0;transition:transform var(--transition-base)}.sidebar.expanded .sidebar-brand{justify-content:flex-start;padding:0 var(--space-4)}.sidebar-brand .brand-name{font-size:var(--font-size-lg);font-weight:700;color:var(--primary);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--gray-500);transition:all var(--transition-fast)}.sidebar-btn:hover{background:#0d9b6a1a;color:var(--primary)}.sidebar-btn.active{background:#0d9b6a1f;color:var(--primary)}.sidebar-btn svg{width:22px;height:22px}.sidebar-divider{width:24px;height:1px;background:var(--sidebar-border);margin:var(--space-1) 0}.sidebar-chats{flex:1;display:none!important;flex-direction:column;gap:var(--space-2);overflow-y:auto;padding:0 var(--space-2);width:100%}.sidebar.expanded .sidebar-chats{display:flex!important}.sidebar-chat-item{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;border-radius:var(--radius-md);color:var(--gray-700);transition:all var(--transition-fast);cursor:pointer;padding:0 var(--space-2)}.sidebar-chat-item:hover{background:#0d9b6a0f}.sidebar-chat-item-clickable{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;height:100%}.sidebar-chat-item-clickable svg{width:20px!important;height:20px!important;stroke:var(--primary)!important;color:var(--primary)!important;flex-shrink:0!important}.sidebar-chat-item-clickable .sidebar-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);font-weight:500}.chat-options-container{position:relative;display:flex;align-items:center;justify-content:center}.chat-options-btn{width:28px;height:28px;border:none;background:transparent;color:var(--gray-400);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);opacity:0}.sidebar-chat-item:hover .chat-options-btn,.chat-options-container.open .chat-options-btn{opacity:1}.chat-options-btn:hover{background:#0d9b6a1a;color:var(--primary)}.chat-options-btn svg{width:16px!important;height:16px!important;stroke:currentColor!important;color:currentColor!important}.chat-options-menu{position:absolute;top:30px;right:0;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);min-width:100px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--transition-fast);z-index:150}.chat-options-container.open .chat-options-menu{opacity:1;visibility:visible;transform:translateY(0)}.chat-option-delete-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:.5rem .75rem;border:none;background:transparent;color:#dc2626;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.chat-option-delete-btn:hover{background:#fef2f2}.chat-option-delete-btn svg{width:14px!important;height:14px!important;stroke:#dc2626!important;color:#dc2626!important}[data-theme=dark] .sidebar-chat-item{color:var(--gray-300)}[data-theme=dark] .sidebar-chat-item:hover{background:#0d9b6a1a}[data-theme=dark] .chat-options-menu{background:#172033f2;border-color:var(--gray-200);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=dark] .chat-option-delete-btn:hover{background:#dc262626}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.aurora-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.5;transition:opacity .4s ease}.aurora-canvas.hidden{opacity:0;pointer-events:none}[data-theme=dark] .aurora-canvas{opacity:.3}[data-theme=dark] .aurora-canvas.hidden{opacity:0}.main-content>*:not(.aurora-canvas){position:relative;z-index:1}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--gray-300, #d1d5db);transition:.3s;border-radius:24px}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-blue, #3b82f6)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--white)}.top-bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6);position:absolute;top:0;right:0;left:0;z-index:10!important}.mobile-sidebar-toggle{display:none!important;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin-right:auto;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);color:var(--gray-700)}.mobile-sidebar-toggle svg{width:20px;height:20px}.mobile-sidebar-toggle:hover{background:var(--gray-200)}.custom-dropdown{position:relative;display:inline-block}.dropdown-trigger{display:flex;align-items:center;gap:var(--space-2);padding:.5rem 1.25rem;background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700);outline:none}.dropdown-trigger:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md);background:var(--gray-50)}.custom-dropdown.open .dropdown-trigger{border-color:var(--primary);box-shadow:0 0 0 3px #0d9b6a1a,var(--shadow-md)}.dropdown-trigger svg.model-icon{width:16px;height:16px;color:var(--gray-600);flex-shrink:0}.dropdown-trigger svg.chevron-icon{width:14px;height:14px;color:var(--gray-400);margin-left:var(--space-1);transition:transform var(--transition-fast);flex-shrink:0}.custom-dropdown.open svg.chevron-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-2);min-width:210px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast);z-index:200;display:flex;flex-direction:column;gap:2px}.custom-dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:.6rem .85rem;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:all var(--transition-fast)}.dropdown-item:hover{background:#0d9b6a14;color:var(--primary)}.dropdown-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.dropdown-item .check-icon{width:16px;height:16px;color:var(--primary);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.dropdown-item.active .check-icon{opacity:1}.dropdown-item-name{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.dropdown-item-locked{cursor:not-allowed!important;opacity:.55;filter:grayscale(.4)}.dropdown-item-locked:hover{background:#dc26260f!important;color:var(--gray-700)!important;opacity:.7}.dropdown-item-locked .check-icon{display:none}.dropdown-item-locked .lock-icon{width:14px;height:14px;color:var(--gray-500);flex-shrink:0}.tier-badge-inline{vertical-align:middle;margin-left:6px;transform:translateY(-1px)}.tier-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;flex-shrink:0}.tier-badge-free{background:#6b728026;color:#6b7280}.tier-badge-pro,.tier-badge-premium{background:#0d9b6a2e;color:#0d9b6a}.tier-badge-plus{background:#3b82f62e;color:#3b82f6}.tier-badge-enterprise{background:#f59e0b26;color:#d97706}.tier-badge-ultra{background:linear-gradient(135deg,#a855f738,#ec489938);color:#a855f7}[data-theme=dark] .tier-badge-free{background:#6b728040;color:#9ca3af}[data-theme=dark] .tier-badge-pro{background:#0d9b6a47;color:#6ee7b7}[data-theme=dark] .tier-badge-plus{background:#3b82f647;color:#93c5fd}[data-theme=dark] .tier-badge-ultra{background:linear-gradient(135deg,#a855f759,#ec489959);color:#d8b4fe}[data-theme=dark] .dropdown-trigger{background:var(--white);border-color:var(--gray-200);color:var(--gray-700)}[data-theme=dark] .dropdown-trigger:hover{background:var(--gray-100);border-color:var(--gray-300)}[data-theme=dark] .dropdown-trigger svg.chevron-icon{color:var(--gray-500)}[data-theme=dark] .dropdown-trigger svg.model-icon{color:var(--gray-500)}[data-theme=dark] .dropdown-menu{background:#172033d9;border-color:var(--gray-200)}[data-theme=dark] .dropdown-item{color:var(--gray-700)}[data-theme=dark] .dropdown-item:hover{background:#0d9b6a1f;color:var(--primary)}[data-theme=dark] .dropdown-item.active{background:var(--primary-light);color:var(--primary)}[dir=rtl] .dropdown-menu{right:auto;left:0}[dir=rtl] .dropdown-item{text-align:right;flex-direction:row-reverse}[dir=rtl] .dropdown-trigger svg.chevron-icon{margin-left:0;margin-right:var(--space-1)}.chat-area{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:0 var(--space-8)}.welcome-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-8);animation:fadeIn .8s ease forwards}.welcome-logo{margin-bottom:var(--space-6);animation:float 6s ease-in-out infinite}.welcome-logo-img{width:72px;height:72px;filter:drop-shadow(0 6px 12px rgba(13,155,106,.18))}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.welcome-title{font-size:clamp(1.75rem,4vw,var(--font-size-4xl));font-weight:700;color:var(--gray-900);line-height:1.25;margin-bottom:var(--space-4);max-width:600px}.welcome-title .highlight{color:var(--primary);font-style:italic}.welcome-subtitle{font-size:var(--font-size-base);color:var(--gray-400);font-weight:400}.messages-container{flex:1;display:flex;flex-direction:column;gap:var(--space-6);padding:5rem 0 var(--space-8);max-width:760px;margin:0 auto;width:100%}.message{animation:fadeInUp .4s ease forwards}.message-user{display:flex;justify-content:flex-end}.message-user .message-bubble{background:var(--accent-purple);color:var(--gray-900);border-radius:var(--radius-2xl) var(--radius-2xl) var(--radius-sm) var(--radius-2xl);padding:1rem 1.25rem;max-width:75%;font-size:var(--font-size-base);line-height:1.6}.message-assistant{display:flex;flex-direction:column;gap:var(--space-3)}.message-assistant-header{display:flex;align-items:center;gap:var(--space-2)}.message-assistant-header .assistant-icon{width:24px;height:24px;background:transparent;display:flex;align-items:center;justify-content:center}.message-assistant-header .assistant-icon img{width:24px;height:24px;object-fit:contain}.message-assistant-header .assistant-icon svg{width:14px;height:14px;color:var(--white)}.message-assistant-header span{font-size:var(--font-size-xs);font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.message-assistant .message-content{padding-left:0;font-size:var(--font-size-base);line-height:1.8;color:var(--gray-700)}.message-assistant .message-content p{margin-bottom:var(--space-4)}.message-assistant .message-content strong{color:var(--gray-900);font-weight:600}.message-point{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);align-items:flex-start}.message-point .point-icon{width:22px;height:22px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.message-point .point-icon svg{width:12px;height:12px;color:var(--primary)}.message-point .point-content{flex:1}.message-point .point-content strong{display:block;margin-bottom:var(--space-1);color:var(--gray-900)}.message-point .point-content p{margin:0;color:var(--gray-500);font-size:var(--font-size-sm)}.source-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--primary-light);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--primary);font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.source-badge:hover{background:#d1fae5}.source-badge svg{width:12px;height:12px}.message-actions{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--gray-100);margin-top:var(--space-4)}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--gray-400);transition:all var(--transition-fast)}.action-btn:hover{background:var(--gray-100);color:var(--gray-600)}.action-btn svg{width:16px;height:16px}.retry-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem 1rem;background:var(--white);border:1.5px solid #FCA5A5;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:#dc2626;transition:all var(--transition-fast);margin-top:var(--space-2)}.retry-btn:hover{background:#fef2f2;border-color:#ef4444}.retry-btn svg{width:14px;height:14px}.message-error{color:#dc2626;font-size:var(--font-size-sm);padding:var(--space-3);background:#fef2f2;border-radius:var(--radius-md);border:1px solid #FECACA}.loading-dots{display:flex;gap:6px;padding:var(--space-4)}.loading-dots span{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:pulse 1.4s infinite ease-in-out}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.input-area{padding:var(--space-2) var(--space-8) var(--space-2);max-width:760px;margin:0 auto;width:100%}.input-bar{display:flex;align-items:center;gap:var(--space-3);padding:.5rem .5rem .5rem 1rem;background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.input-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0d9b6a14,var(--shadow-md)}.input-attach-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid var(--gray-200);border-radius:50%;cursor:pointer;color:var(--gray-400);transition:all var(--transition-fast);flex-shrink:0}.input-attach-btn:hover{border-color:var(--gray-300);color:var(--gray-600)}.input-attach-btn svg{width:16px;height:16px}.input-text{flex:1;border:none;outline:none;font-size:var(--font-size-base);background:transparent;padding:.5rem 0;resize:none;min-height:24px;max-height:120px;line-height:1.5}.input-text::placeholder{color:var(--gray-400)}.input-send-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border:none;border-radius:50%;cursor:pointer;color:var(--white);transition:all var(--transition-fast);flex-shrink:0;box-shadow:0 2px 8px #0d9b6a4d}.input-send-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0d9b6a66}.input-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input-send-btn svg{width:18px;height:18px}.mode-buttons{display:flex;gap:var(--space-3);margin-top:var(--space-3);padding-left:var(--space-1)}.mode-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.4rem .85rem;font-size:var(--font-size-sm);font-weight:500;border:1.5px solid var(--gray-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:var(--white);color:var(--gray-600)}.mode-btn:hover{border-color:var(--primary);color:var(--primary)}.mode-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.mode-btn svg{width:14px;height:14px}.mode-btn .mode-icon{font-size:14px;line-height:1}.send-hint{text-align:right;font-size:var(--font-size-xs);color:var(--gray-400);margin-top:var(--space-2);padding-right:var(--space-2)}.send-hint kbd{font-family:inherit;font-weight:500}.bottom-info{text-align:center;padding:var(--space-2) 0;font-size:var(--font-size-xs);color:var(--gray-400)}.bottom-info a{color:var(--primary)}.settings-fab{position:fixed;bottom:1.5rem;left:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--white);border:1.5px solid var(--gray-200);border-radius:50%;cursor:pointer;color:var(--gray-500);transition:all var(--transition-fast);box-shadow:var(--shadow-md);z-index:50}.settings-fab:hover{color:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-lg)}.settings-fab svg{width:18px;height:18px}.user-menu{position:relative}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;border:none;transition:transform var(--transition-fast)}.user-avatar:hover{transform:scale(1.05)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-2);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast);z-index:200}.user-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:.6rem .75rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--gray-700);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background var(--transition-fast)}.user-dropdown-item:hover{background:var(--gray-100)}.user-dropdown-item svg{width:16px;height:16px;color:var(--gray-400)}.user-dropdown-item.danger{color:#dc2626}.user-dropdown-item.danger svg{color:#dc2626}@media(max-width:480px){.search-layout{flex-direction:column}.sidebar{position:fixed;left:0;top:0;bottom:0;width:85%;max-width:320px;z-index:1001;transform:translate(-100%);transition:transform var(--transition-base);box-shadow:var(--shadow-xl)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000}.sidebar.open+.sidebar-overlay{display:block}.chat-area{padding:0 var(--space-3)}.input-area{padding:var(--space-3)}.top-bar{padding:var(--space-2) var(--space-3)}.welcome-title{font-size:var(--font-size-xl);line-height:1.3}.welcome-subtitle{font-size:var(--font-size-sm)}.input-bar{border-radius:var(--radius-lg)}.message-content{max-width:92%;font-size:.95rem;line-height:1.55}.message-actions{opacity:1}.input-bar textarea{min-height:48px;max-height:120px;font-size:16px}.input-send-btn{width:44px;height:44px}.dropdown-trigger{padding:.5rem .75rem;font-size:.8rem}.dropdown-content{width:calc(100vw - 2rem);max-width:400px;max-height:60vh}.dropdown-item{padding:.65rem .875rem;font-size:.875rem}.settings-modal{margin:0;border-radius:0;max-height:100vh;height:100vh}.settings-container{flex-direction:column;padding:0;gap:0}.settings-nav{flex-direction:row;overflow-x:auto;padding:var(--space-2) var(--space-3);gap:var(--space-2);border-bottom:1px solid var(--gray-100);-webkit-overflow-scrolling:touch}.settings-nav-item{flex-shrink:0;padding:.5rem .75rem;font-size:.8rem}.settings-content{flex:1;overflow-y:auto;padding:var(--space-4)}.setting-row{flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) 0}.quota-progress-container{width:100%}.suggestion-cards{gap:var(--space-2)}.suggestion-card{padding:var(--space-3);font-size:.875rem}.file-preview-container{padding:var(--space-2)}.file-preview-item{max-width:80px}}@media(min-width:481px)and (max-width:768px){.sidebar{display:none}.sidebar.open{display:block}.chat-area{padding:0 var(--space-5)}.input-area{padding:var(--space-4) var(--space-5)}.welcome-title{font-size:var(--font-size-2xl)}.message-content{max-width:85%}.settings-modal{margin:2rem;max-height:calc(100vh - 4rem)}.settings-container{gap:var(--space-4)}.settings-nav{flex-direction:column;padding:var(--space-4);border-right:1px solid var(--gray-100);border-bottom:none;min-width:180px}.settings-content{padding:var(--space-4)}}@media(min-width:769px)and (max-width:1024px){.sidebar{width:240px}.chat-area{padding:0 var(--space-6)}}@media(max-width:768px){.sidebar{display:none}.mobile-sidebar-toggle{display:flex!important}.chat-area{padding:0 var(--space-4)}.input-area{padding:var(--space-3) var(--space-4)}.welcome-title{font-size:var(--font-size-2xl)}.mobile-sidebar-toggle{display:flex}.top-bar{gap:var(--space-2)}}@media(max-width:600px){.modal{margin:.5rem;border-radius:var(--radius-lg)}.modal-header{padding:var(--space-3) var(--space-4)}.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4)}.modal-form{gap:var(--space-3)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-fast)}.modal-overlay.open{opacity:1;visibility:visible}.modal{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);transform:scale(.95) translateY(10px);transition:transform var(--transition-base)}.modal-overlay.open .modal{transform:scale(1) translateY(0)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--gray-500);transition:all var(--transition-fast)}.modal-close:hover{background:var(--gray-200);color:var(--gray-700)}.modal-close svg{width:16px;height:16px}.settings-modal{max-width:700px!important;width:90%;height:520px;padding:0;display:flex;flex-direction:column;border-radius:var(--radius-xl);background:var(--white);overflow:hidden;box-shadow:var(--shadow-xl)}.settings-modal .modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.settings-container{display:flex;flex:1;overflow:hidden}.settings-nav{width:200px;background:var(--gray-50);border-right:1px solid var(--gray-200);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.settings-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--gray-600);border:none;background:transparent;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.settings-nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.settings-nav-item.active{background:var(--primary-light);color:var(--primary)}.settings-nav-item svg{width:18px;height:18px}.settings-content{flex:1;padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column}.settings-pane{display:none;flex-direction:column;gap:var(--space-5)}.settings-pane.active{display:flex}.settings-pane h3{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);border-bottom:1px solid var(--gray-100);padding-bottom:var(--space-2);margin-bottom:var(--space-2)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) 0}.setting-info h4{font-size:var(--font-size-base);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}.setting-info p{font-size:var(--font-size-sm);color:var(--gray-500);line-height:1.4}.theme-switcher{display:flex;background:var(--gray-100);padding:3px;border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.theme-btn{padding:.5rem 1rem;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;color:var(--gray-500);transition:all var(--transition-fast)}.theme-btn.active{background:var(--white);color:var(--gray-900);box-shadow:var(--shadow-sm)}.toggle-switch{width:44px;height:24px;background:var(--gray-300);border-radius:var(--radius-full);position:relative;border:none;cursor:pointer;transition:background var(--transition-fast);padding:0;flex-shrink:0}.toggle-switch.active{background:var(--primary)}.toggle-knob{width:18px;height:18px;background:var(--white);border-radius:50%;position:absolute;top:3px;left:3px;transition:left var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-switch.active .toggle-knob{left:23px}.account-profile{display:flex;align-items:center;gap:var(--space-4);background:var(--gray-50);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--gray-200)}.account-avatar-lg{width:54px;height:54px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:var(--font-size-lg);flex-shrink:0}.account-details h4{font-size:var(--font-size-base);font-weight:600;color:var(--gray-900)}.account-details p{font-size:var(--font-size-sm);color:var(--gray-500);margin-bottom:var(--space-2)}.quota-badge-container{display:flex;gap:var(--space-2)}.badge-pro{background:#eef2ff;color:#4f46e5;border:1px solid #C7D2FE}.quota-status-row{flex-direction:column;align-items:flex-start;gap:var(--space-3);background:var(--gray-50);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--gray-200)}.quota-progress-container{width:100%}.quota-text{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700);text-align:right;margin-bottom:var(--space-1)}.quota-bar{width:100%;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.quota-bar-fill{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width var(--transition-base)}.pro-upgrade-card{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1.5px dashed #4F46E5;padding:var(--space-4);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3)}[data-theme=dark] .pro-upgrade-card{background:linear-gradient(135deg,#181926,#151a33);border-color:#6366f1}.pro-upgrade-card .pro-badge{font-size:var(--font-size-xs);font-weight:800;color:#4f46e5;letter-spacing:.1em}[data-theme=dark] .pro-upgrade-card .pro-badge{color:#818cf8}.pro-upgrade-card p{font-size:var(--font-size-sm);color:#374151;line-height:1.5}[data-theme=dark] .pro-upgrade-card p{color:var(--gray-400)}.api-key-container{display:flex;gap:var(--space-2);align-items:stretch;width:100%}.api-key-container .input-field{flex:1;min-width:0;font-family:SF Mono,Menlo,Consolas,monospace;letter-spacing:.5px;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);padding:.55rem .75rem;font-size:var(--font-size-sm);color:var(--gray-700)}.api-key-container .input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0d9b6a1a}.api-key-container .btn-primary{flex-shrink:0;padding:.55rem 1rem;font-size:var(--font-size-sm);display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.api-key-container .btn-primary svg{width:16px;height:16px}.developer-docs{display:flex;flex-direction:column;gap:var(--space-2)}.developer-docs .doc-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--gray-100);padding-bottom:var(--space-1)}.developer-docs .doc-tab-btn{background:transparent;border:none;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;color:var(--gray-400);border-bottom:2px solid transparent;transition:all var(--transition-fast)}.developer-docs .doc-tab-btn:hover{color:var(--gray-600)}.developer-docs .doc-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.developer-docs .doc-content-pane{background:var(--gray-50);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--font-size-xs);line-height:1.6;color:var(--gray-600);border:1px solid var(--gray-100);display:none}.developer-docs .doc-content-pane.active{display:block}.developer-docs .doc-content-pane code{background:var(--gray-200);padding:2px 6px;border-radius:var(--radius-sm);font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;color:var(--gray-800)}[data-theme=dark] .api-key-container .input-field{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-700)}[data-theme=dark] .developer-docs .doc-content-pane{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-500)}[data-theme=dark] .developer-docs .doc-content-pane code{background:var(--gray-300);color:var(--gray-800)}.settings-modal{max-height:90vh}.upgrade-input-group{display:flex;gap:var(--space-2)}.upgrade-input-group .input-field{flex:1;padding:.6rem .8rem;font-size:var(--font-size-sm);border-color:#c7d2fe}.upgrade-input-group .btn{padding:.6rem 1.2rem;font-size:var(--font-size-sm);background:linear-gradient(135deg,#4f46e5,#6366f1);color:var(--white);box-shadow:0 2px 8px #4f46e54d}.upgrade-input-group .btn:hover{background:linear-gradient(135deg,#3730a3,#4f46e5);box-shadow:0 4px 16px #4f46e566}.settings-form{display:flex;flex-direction:column;gap:var(--space-4)}.danger-zone{margin-top:var(--space-6);border-top:1px solid #FCA5A5;padding-top:var(--space-4)}.danger-zone h3{color:#dc2626!important;border-bottom:none!important;padding-bottom:0!important;margin-bottom:var(--space-3)}.danger-row{background:#fef2f2;border:1px solid #FCA5A5;padding:var(--space-4);border-radius:var(--radius-xl)}[data-theme=dark] .danger-row{background:#251616;border-color:#7f1d1d}.sidebar-bottom .user-menu{position:relative;margin-top:var(--space-2)}.sidebar-bottom .user-dropdown{position:absolute;bottom:0;left:50px;top:auto;right:auto;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-2);min-width:200px;opacity:0;visibility:hidden;transform:translate(8px);transition:all var(--transition-fast);z-index:200}.sidebar-bottom .user-dropdown.open{opacity:1;visibility:visible;transform:translate(0)}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--sidebar-border)}[dir=rtl] .sidebar-bottom .user-dropdown{left:auto;right:50px;transform:translate(-8px)}[dir=rtl] .sidebar-bottom .user-dropdown.open{transform:translate(0)}[dir=rtl] .settings-nav{border-right:none;border-left:1px solid var(--gray-200)}[dir=rtl] .settings-nav-item,[dir=rtl] .welcome-subtitle,[dir=rtl] .welcome-title,[dir=rtl] .input-text,[dir=rtl] .message-bubble,[dir=rtl] .bottom-info{text-align:right}[dir=rtl] .message-assistant-header{flex-direction:row;gap:8px}[dir=rtl] .message-assistant-header span{margin-left:0;margin-right:0}[dir=rtl] .message-actions{justify-content:flex-start;flex-direction:row-reverse}.sidebar-text{display:none;opacity:0;white-space:nowrap;font-size:var(--font-size-sm);font-weight:500;transition:opacity var(--transition-base)}.sidebar.expanded{width:240px;align-items:stretch;padding:var(--space-5) var(--space-3)}.sidebar.expanded .sidebar-btn{width:100%;justify-content:flex-start;padding:0 var(--space-3);gap:var(--space-3)}.sidebar.expanded .sidebar-text{display:inline-block;opacity:1}.sidebar.expanded .sidebar-chat-item{width:100%;justify-content:space-between;align-items:center;padding:0 var(--space-2);margin:0;display:flex}.sidebar.expanded .sidebar-divider{width:100%}.sidebar.expanded .user-menu-trigger{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-top:var(--space-2);width:100%}.sidebar.expanded .user-menu-trigger:hover{background:#0d9b6a14}.sidebar.expanded .user-menu-email{font-size:var(--font-size-xs);color:var(--gray-600);overflow:hidden;text-overflow:ellipsis;max-width:140px}.sidebar.expanded .sidebar-bottom .user-dropdown{left:230px}[dir=rtl] .sidebar.expanded .sidebar-bottom .user-dropdown{left:auto;right:230px}.input-bar{display:flex;flex-direction:column;background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-fast);overflow:hidden;padding:.25rem .5rem .25rem 1rem!important}.input-bar-main{display:flex;align-items:center;gap:var(--space-3);width:100%}.file-previews{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--gray-100);margin-bottom:.25rem;width:100%}.file-preview-item{position:relative;width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--gray-200);background:var(--gray-50);display:flex;align-items:center;justify-content:center}.file-preview-item img{width:100%;height:100%;object-fit:cover}.file-preview-item .pdf-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:var(--gray-500);text-align:center;padding:2px}.file-preview-item .pdf-icon{font-size:20px;color:#ef4444}.file-preview-item .remove-preview-btn{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#0009;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;font-weight:700}.file-preview-item .remove-preview-btn:hover{background:#000c}.message-attachments{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.message-attachment-image{max-width:200px;max-height:150px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--gray-200)}.message-attachment-image img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform var(--transition-fast)}.message-attachment-image img:hover{transform:scale(1.02)}.message-attachment-pdf{display:flex;align-items:center;gap:var(--space-2);padding:.5rem .75rem;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);text-decoration:none;color:var(--gray-700);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.message-attachment-pdf:hover{background:var(--gray-100);border-color:var(--gray-300)}.message-attachment-pdf .pdf-icon{font-size:18px;color:#ef4444}