@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap);body{background:#0f2027;font-family:Inter,Vazirmatn,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow:hidden}#root,body,html{height:100%}.vcm-chatbot{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-blend-mode:overlay;background-color:#100c23b3;border:1px solid #ffffff1a;bottom:0;display:flex;flex-direction:column;height:100%;left:0;max-width:100vw;min-height:100%;position:relative;position:fixed;right:0;top:0}.chat-header{background:#2c4f6a;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d;padding:.5rem 1rem}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.logo-bg{align-items:center;display:flex}.logo-bg{background-color:#deeced;border-radius:50%;height:60px;justify-content:center;width:80px}.company-logo{align-items:center;color:#fff;display:flex;flex-direction:row;gap:15px}.company-logo-img{height:100%;object-fit:contain;width:100%}.company-logo svg{color:#60a5fa}.company-logo h1{font-size:1.5rem;font-weight:700;margin:0}.company-logo p{direction:rtl;font-family:Vazirmatn,sans-serif;font-size:.875rem;opacity:.8}.header-status{align-items:center;display:flex;gap:1rem}.connection-status{align-items:center;color:#fff;display:flex;font-family:Vazirmatn,sans-serif;font-size:.875rem;gap:8px}.status-indicator{border-radius:50%;height:8px;transition:all .3s ease;width:8px}.connection-status.connected .status-indicator{background:#10b981;box-shadow:0 0 10px #10b98180}.connection-status.disconnected .status-indicator{background:#ef4444;box-shadow:0 0 10px #ef444480}.header-actions{display:flex;gap:8px;margin-right:auto}.action-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.action-btn:hover{background:#fff3;transform:translateY(-1px)}.system-status-bar{background:#10b9811a;border-bottom:1px solid #10b98133;display:none!important;padding:8px 1.5rem}.status-items{display:flex;gap:2rem;margin:0 auto;max-width:1200px}.status-item{align-items:center;color:#10b981;display:flex;font-family:Vazirmatn,sans-serif;font-size:.75rem;gap:6px}.status-item svg{height:14px;width:14px}.messages-container{background:radial-gradient(circle at 25% 25%,#7877c60d 0,#0000 50%),radial-gradient(circle at 75% 75%,#ff77c60d 0,#0000 50%);flex:1 1;margin:0 auto;max-width:1200px;overflow-y:auto;padding:1rem;width:100%}.message{display:flex;gap:12px;margin-bottom:1.5rem;max-width:85%}.message.user{flex-direction:row-reverse;margin-left:auto}.message-avatar{align-items:center;border-radius:50%;color:#fff;display:none;font-weight:600;height:40px;justify-content:center;min-width:40px}.message.user .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2)}.message.assistant .message-avatar{background:linear-gradient(135deg,#f093fb,#f5576c)}.message-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.message.user .message-content{align-items:flex-end}.message-bubble{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #22065699;border-radius:18px;padding:12px 16px;position:relative;transition:all .3s ease}.message.user .message-bubble{background:linear-gradient(135deg,#faac1c99,#ffac1c99);border-color:#667eea4d}.message.assistant .message-bubble{background:linear-gradient(135deg,#000f6499,#000f6499);border:1px solid #b48cff59;color:#fff}.message-bubble:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-1px)}.message-text{color:#fff;font-size:.95rem;line-height:1.6}.message.assistant .message-text,.message.user .message-text{direction:rtl;font-family:Vazirmatn,sans-serif;text-align:right}.message-text h1,.message-text h2,.message-text h3{color:#60a5fa;margin:.5rem 0}.message-text ol,.message-text ul{margin:.5rem 0;padding-right:1rem}.message-text code{background:#0000004d;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;padding:2px 6px}.message-text pre{background:#0006;border-radius:8px;margin:8px 0;overflow-x:auto;padding:12px}.processing-time{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:8px}.message-meta,.processing-time{font-family:Vazirmatn,sans-serif;font-size:.75rem;opacity:.7}.message-meta{align-items:center;display:flex;gap:6px;margin-top:4px}.message.user .message-meta{flex-direction:row-reverse}.message-time{color:#fffc}.message-status{align-items:center;color:#fff9;display:flex}.message-status.sending{color:#fbbf24}.message-status.delivered{color:#10b981}.message-status.error{color:#ef4444}.message-bubble.loading{background:#ffffff0d}.typing-indicator{align-items:center;color:#fffc;display:flex;font-family:Vazirmatn,sans-serif;gap:8px}.input-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-top:1px solid #ffffff1a;padding:1rem 1.5rem}.input-wrapper{display:flex;gap:12px;margin:0 auto;max-width:1200px;position:relative}.message-input{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;direction:rtl;flex:1 1;font-family:Vazirmatn,sans-serif;font-size:.95rem;line-height:1.5;max-height:120px;min-height:48px;padding:12px 16px;resize:none;text-align:right;transition:all .3s ease}.message-input::placeholder{color:#ffffff80}.message-input:focus{background:#ffffff26;border-color:#60a5fa;box-shadow:0 0 20px #60a5fa33;outline:none}.message-input:disabled{cursor:not-allowed;opacity:.5}.send-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:48px;padding:12px 16px;transition:all .3s ease}.send-button:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.send-button:active{transform:translateY(0)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.input-footer{color:#ffffff80;font-family:Vazirmatn,sans-serif;font-size:.75rem;margin-top:8px;text-align:center}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.messages-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.messages-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:768px){.vcm-chatbot{height:100vh;height:calc(var(--vh, 1vh)*100)}.chat-header{padding:max(.75rem,env(safe-area-inset-top)) 1rem .75rem}.header-content{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between}.input-footer{display:none}.header-status{align-items:center;flex-direction:row;flex-shrink:0;gap:.5rem;justify-content:flex-end}.connection-status{font-size:.75rem}.header-actions{gap:6px;margin-right:0}.company-logo{flex:1 1;flex-direction:row;gap:10px;justify-content:flex-start}.logo-bg{flex-shrink:0;height:40px;width:50px}.send-button{min-height:48px;min-width:48px;padding:12px}.action-btn{min-height:36px;min-width:36px;padding:8px}.message-input{font-size:16px;min-height:48px}.system-status-bar{overflow-x:auto}.action-btn svg{height:15px;width:15px}.company-logo h1{font-size:.95rem;white-space:nowrap}.status-items{flex-wrap:nowrap;min-width:-webkit-max-content;min-width:max-content}.messages-container{padding:1rem .5rem}.message{max-width:92%}.message-bubble{font-size:.95rem;padding:12px 14px}.input-container{padding:1rem}.input-wrapper{gap:8px}}@media (max-width:480px){.company-logo{gap:8px}.company-logo h1{font-size:1.1rem}.company-logo p{font-size:.8rem}.message-avatar{height:32px;min-width:32px}.message-avatar svg{height:16px;width:16px}.send-button{min-width:44px;padding:10px 12px}}@media (max-width:375px){.chat-header{padding:.75rem .5rem}.company-logo h1{font-size:.8rem}.company-logo p{font-size:.75rem}.logo-bg{height:40px;width:50px}.input-container{padding:.75rem .5rem}.message-bubble{font-size:.9rem;padding:10px 12px}.system-status-bar{padding:6px .5rem}.status-items{font-size:.7rem;gap:.75rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.4}}.message{animation:fadeIn .3s ease-out}.status-indicator{animation:pulse 2s infinite}.rtl-content{direction:rtl;text-align:right}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.error-message{background:#ef44441a!important;border-color:#ef44444d!important}.error-message .message-text{color:#fca5a5}.success-message{background:#10b9811a!important;border-color:#10b9814d!important}@media (prefers-color-scheme:dark){.message-input::placeholder{color:#fff6}}.logo-avatar{align-items:center;background:#deeced;border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.logo-avatar-img{height:90%;object-fit:contain;width:90%}.install-banner{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);box-shadow:0 2px 10px #0000004d;color:#fff;display:flex;font-family:Vazirmatn,sans-serif;font-size:14px;justify-content:space-between;left:0;padding:12px 16px;position:fixed;right:0;top:0;z-index:10000}.install-banner-buttons{display:flex;gap:8px}.install-btn{background:#60a5fa;border:none;border-radius:6px}.dismiss-btn,.install-btn{color:#fff;cursor:pointer;font-family:Vazirmatn,sans-serif;padding:8px 16px}.dismiss-btn{background:#0000;border:1px solid #ffffff80;border-radius:6px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:#0f1419;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh}button{background:none;cursor:pointer}button,input,textarea{border:none;outline:none}input,textarea{font-family:inherit}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.persian-text{direction:rtl;font-family:Vazirmatn,Tahoma,sans-serif;text-align:right}::selection{background:#60a5fa4d;color:#fff}