@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&display=swap";:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--bg-main: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--bg-input: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: rgba(0, 0, 0, .08);--success: #22c55e;--error: #ef4444}[data-theme=dark]{--bg-main: #0f0f1a;--bg-card: #1a1a2e;--bg-hover: #252540;--bg-input: #1a1a2e;--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--border: #2a2a45;--shadow: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Vazirmatn,Tahoma,sans-serif;background:var(--bg-main);color:var(--text-primary);direction:rtl;min-height:100vh;transition:background .3s,color .3s}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px var(--shadow)}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{font-size:1.75rem}.logo-text{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--primary),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-subtitle{font-size:.75rem;color:var(--text-secondary)}.header-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-primary);width:40px;height:40px;border-radius:50%;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.chat-container{flex:1;display:flex;position:relative;overflow:hidden}.sidebar-toggle{position:fixed;top:70px;right:.75rem;z-index:100;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);width:40px;height:40px;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px var(--shadow)}.sidebar-toggle:hover{background:var(--primary);color:#fff}.chat-sidebar{position:fixed;top:0;right:-300px;width:280px;height:100vh;background:var(--bg-card);border-left:1px solid var(--border);z-index:200;transition:right .3s ease;display:flex;flex-direction:column;box-shadow:-4px 0 12px var(--shadow)}.chat-sidebar.open{right:0}.sidebar-header{padding:1.25rem;border-bottom:1px solid var(--border)}.sidebar-header h3{margin-bottom:1rem;font-size:1rem;font-weight:600}.new-chat-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--primary),#a855f7);border:none;border-radius:8px;color:#fff;font-family:inherit;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.new-chat-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.sessions-list{flex:1;overflow-y:auto;padding:.5rem}.no-sessions{text-align:center;color:var(--text-secondary);padding:2rem;font-size:.875rem}.session-item{padding:.875rem;border-radius:8px;cursor:pointer;transition:background .2s;margin-bottom:.5rem;border:1px solid transparent}.session-item:hover{background:var(--bg-hover)}.session-item.active{background:var(--bg-hover);border-color:var(--primary)}.session-title{font-size:.875rem;margin-bottom:.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-meta{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--text-secondary)}.delete-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.delete-btn:hover{background:var(--error);color:#fff}.sidebar-overlay{position:fixed;inset:0;background:#0006;z-index:150}.chat-main{flex:1;display:flex;flex-direction:column;max-width:900px;margin:0 auto;width:100%;padding:0}.messages-container{flex:1;overflow-y:auto;padding:1rem}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem 1rem}.welcome-icon{font-size:3.5rem;margin-bottom:1rem}.welcome-screen h2{font-size:1.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-screen p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.suggestions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:500px}.suggestion-chip{padding:.625rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:2rem;color:var(--text-primary);font-family:inherit;font-size:.8rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px var(--shadow)}.suggestion-chip:hover{border-color:var(--primary);background:var(--bg-hover);transform:translateY(-2px)}.message{display:flex;gap:.75rem;margin-bottom:1.25rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.message.user .message-avatar{background:var(--primary)}.message.assistant .message-avatar{background:linear-gradient(135deg,#6366f1,#a855f7)}.message-content{max-width:85%;background:var(--bg-card);border-radius:1rem;padding:.875rem 1rem;border:1px solid var(--border);box-shadow:0 2px 6px var(--shadow)}.message.user .message-content{background:var(--primary);border-color:var(--primary);color:#fff}.message-text{line-height:1.7;white-space:pre-wrap;font-size:.9rem}.message-meta,.processing-time{display:flex;gap:.5rem;margin-top:.5rem;font-size:.7rem;color:var(--text-secondary)}.cached-badge{background:var(--success);color:#fff;padding:.125rem .5rem;border-radius:1rem;font-size:.65rem}.sources-container{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.sources-title{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem}.sources-list{display:flex;flex-wrap:wrap;gap:.375rem}.source-card{display:block;padding:.375rem .625rem;background:var(--bg-hover);border-radius:.5rem;text-decoration:none;color:var(--text-primary);font-size:.7rem;transition:all .2s;border:1px solid transparent}.source-card:hover{border-color:var(--primary);background:var(--bg-card)}.input-area{display:flex;gap:.5rem;padding:.75rem;background:var(--bg-card);border-radius:1rem;margin:.75rem;border:1px solid var(--border);box-shadow:0 -2px 8px var(--shadow)}.message-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:.9rem;resize:none;outline:none;min-height:24px;max-height:120px}.message-input::placeholder{color:var(--text-secondary)}.send-button{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#a855f7);border:none;color:#fff;font-size:1.1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;flex-shrink:0}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #6366f14d}.send-button:disabled{opacity:.5;cursor:not-allowed}.loading-indicator{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;color:var(--text-secondary);font-size:.85rem}.loading-dots{display:flex;gap:.4rem}.loading-dots span{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.error-message{text-align:center;color:var(--error);padding:.875rem;background:#ef44441a;border-radius:.5rem;margin:.75rem 0;font-size:.85rem}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media(max-width:1024px){.chat-main{max-width:100%}.message-content{max-width:90%}}@media(max-width:768px){.header{padding:.5rem .75rem}.logo-icon{font-size:1.5rem}.logo-text{font-size:1.1rem}.logo-subtitle{display:none}.sidebar-toggle{top:60px;width:36px;height:36px;font-size:1rem}.theme-toggle{width:36px;height:36px;font-size:1.1rem}.chat-sidebar{width:85%;max-width:300px}.messages-container{padding:.75rem}.welcome-icon{font-size:3rem}.welcome-screen h2{font-size:1.25rem}.suggestions{flex-direction:column;align-items:stretch}.suggestion-chip{text-align:center}.message{gap:.5rem}.message-avatar{width:32px;height:32px;font-size:1rem}.message-content{max-width:85%;padding:.75rem}.message-text{font-size:.85rem}.input-area{margin:.5rem;padding:.5rem;border-radius:.75rem}.message-input{font-size:.85rem}.send-button{width:38px;height:38px;font-size:1rem}}@media(max-width:480px){.header{padding:.5rem}.logo-text{font-size:1rem}.welcome-screen{padding:1rem .75rem}.welcome-icon{font-size:2.5rem}.welcome-screen h2{font-size:1.1rem}.message-content{max-width:90%}.sources-list{flex-direction:column}.source-card{width:100%;text-align:center}}@media(max-height:500px)and (orientation:landscape){.welcome-icon{font-size:2rem;margin-bottom:.5rem}.welcome-screen h2{font-size:1rem;margin-bottom:.25rem}.welcome-screen p{margin-bottom:.75rem}.suggestions{flex-direction:row;flex-wrap:wrap}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-main);gap:1rem}.loading-icon{font-size:4rem}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:var(--bg-main)}.auth-card{width:100%;max-width:400px;background:var(--bg-card);border-radius:1rem;padding:2rem;border:1px solid var(--border);box-shadow:0 8px 32px var(--shadow)}.auth-header{text-align:center;margin-bottom:2rem}.auth-icon{font-size:3rem;margin-bottom:.75rem}.auth-header h1{font-size:1.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-header p{color:var(--text-secondary);font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group input{padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-group input::placeholder{color:var(--text-secondary)}.auth-button{padding:.875rem;background:linear-gradient(135deg,var(--primary),#a855f7);border:none;border-radius:.5rem;color:#fff;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:.5rem}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:#ef44441a;color:var(--error);padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;text-align:center}.auth-footer{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem;font-size:.875rem;color:var(--text-secondary)}.auth-link{background:none;border:none;color:var(--primary);font-family:inherit;font-size:.875rem;cursor:pointer;text-decoration:underline}.auth-link:hover{color:var(--primary-dark)}.user-info{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-hover);border-radius:2rem;border:1px solid var(--border)}.user-name{font-size:.85rem;font-weight:500;color:var(--text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-primary);width:40px;height:40px;border-radius:50%;font-size:1.1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.logout-btn:hover{background:var(--error);color:#fff;border-color:var(--error)}@media(max-width:480px){.auth-card{padding:1.5rem}.auth-icon{font-size:2.5rem}.auth-header h1{font-size:1.25rem}.user-info{display:none}.logout-btn{width:36px;height:36px;font-size:1rem}}.message-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.action-btn{padding:.5rem .75rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);font-family:inherit;font-size:.75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.whatsapp-btn:hover{background:#25d366;border-color:#25d366}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:300}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;min-width:320px;max-width:90%;z-index:350;box-shadow:0 8px 32px var(--shadow)}.modal h2{font-size:1.25rem;margin-bottom:1.5rem;text-align:center}.modal .form-group{margin-bottom:1rem}.modal .form-group small{display:block;font-size:.7rem;color:var(--text-secondary);margin-top:.25rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary),#a855f7);border:none;border-radius:.5rem;color:#fff;font-family:inherit;font-weight:600;cursor:pointer;transition:transform .2s}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{padding:.75rem 1.5rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);font-family:inherit;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:var(--bg-card)}@media(max-width:480px){.modal{min-width:auto;width:90%}.message-actions{flex-wrap:wrap}.action-btn{flex:1;justify-content:center}}