@import"https://fonts.googleapis.com/css2?family=Encode+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.cdnfonts.com/css/dubai";:root{--font-latin: "Encode Sans", system-ui, sans-serif;--font-arabic: "Dubai", "Noto Sans Arabic", sans-serif;font-family:var(--font-latin);line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100dvh;overflow:hidden;font-family:var(--font-latin)}button,input,textarea,select{font-family:inherit}[dir=ltr],.font-latin,:lang(fr){font-family:var(--font-latin)}[dir=rtl],.font-arabic,:lang(ar){font-family:var(--font-arabic)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;height:100dvh;margin:0 auto;text-align:center}.chatbot-root{height:100%;display:flex;flex-direction:column;min-height:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--primary-bg: #ffffff;--chat-bg: #f2f6fa;--color-teal: #37b7c2;--color-navy: #242f50;--text-dark: #242f50;--text-light: #ffffff;--border-gray: #d1d5db;--pill-bg: #ffffff;--pill-hover: #37b7c2;--pill-text: #37b7c2;--panel-bg: #ffffff}.chatbot-container{display:flex;width:100%;flex:1;min-height:0;background-color:var(--chat-bg)}.chat-area{flex:1;display:flex;flex-direction:column;min-height:0;padding:1rem;box-sizing:border-box;transition:width .2s}.chat-area.with-panel{flex:0 0 70%}.left-image-container{position:relative;flex:0 0 23%;background-color:#000;overflow:hidden}.left-banner-img{width:130%;height:100%;object-fit:cover;display:block}.starters-container{margin-top:2rem;text-align:center}.starters-title{font-size:1.25rem;color:var(--color-navy);margin-bottom:1rem}.starters-list{display:flex;flex-direction:column;gap:.75rem;max-width:500px;margin:0 auto}.starter-button{background-color:var(--color-teal);color:var(--text-light);border:none;padding:.75rem 1rem;font-size:1rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.starter-button:hover{background-color:#2ea3ab}.messages-container{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding-right:.5rem}.message-row{display:flex;align-items:flex-end}.user-row{justify-content:flex-end}.agent-row{justify-content:flex-start}.bubble{max-width:70%;padding:.75rem 1rem;border-radius:.5rem;position:relative}.bubble-text{margin:0;color:var(--text-light);font-size:.95rem;line-height:1.4}.markdown-content{min-width:0;word-break:break-word}.markdown-content p{margin:0 0 .5rem}.markdown-content p:last-child{margin-bottom:0}.markdown-content ul,.markdown-content ol{margin:.25rem 0 .5rem 1.25rem;padding:0}.markdown-content li{margin-bottom:.2rem}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin:.6rem 0 .3rem;font-weight:700;line-height:1.2}.markdown-content strong{font-weight:700}.markdown-content em{font-style:italic}.markdown-content code{background:#ffffff26;border-radius:3px;padding:.1em .35em;font-family:monospace;font-size:.88em}.markdown-content pre{background:#00000040;border-radius:6px;padding:.75rem 1rem;overflow-x:auto;margin:.5rem 0}.markdown-content pre code{background:none;padding:0;font-size:.85em}.markdown-content blockquote{margin:.4rem 0;padding-inline-start:.75rem;border-inline-start:3px solid rgba(255,255,255,.35);opacity:.85}.markdown-content table{border-collapse:collapse;margin:.5rem 0;font-size:.9em;width:100%}.markdown-content th,.markdown-content td{border:1px solid rgba(255,255,255,.3);padding:.3rem .6rem;text-align:inherit}.markdown-content th{background:#ffffff1a;font-weight:600}.markdown-content[dir=rtl] ul,.markdown-content[dir=rtl] ol{margin-right:1.25rem;margin-left:0}.placeholder{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.53;background-color:#1f5490}.bubble-user{background-color:var(--color-teal);color:var(--text-light);border-bottom-right-radius:0}.bubble-agent{background-color:var(--color-navy);color:var(--text-light);border-bottom-left-radius:0}.speak-btn{background:transparent;border:none;padding:2px 4px;cursor:pointer;border-radius:4px;flex-shrink:0;transition:background-color .15s;display:flex;align-items:center}.speak-btn:hover{background-color:#ffffff26}.speak-btn.speaking{background-color:#37b7c240;animation:speak-pulse 1.2s ease-in-out infinite}.speak-btn.speaking .icon-small{color:#37b7c2}@keyframes speak-pulse{0%,to{box-shadow:0 0 #37b7c280}50%{box-shadow:0 0 0 5px #37b7c200}}.suggestions-container{margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.suggestion-pill{background-color:var(--pill-bg);color:var(--pill-text);border:1px solid var(--pill-text);padding:.25rem .5rem;border-radius:.375rem;font-size:.85rem;cursor:pointer;transition:background-color .2s,color .2s}.suggestion-pill:hover{background-color:var(--pill-hover);color:var(--text-light);border-color:var(--pill-hover)}.annotation-box{width:100%;margin-top:.9rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.18)}.annotation-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.annotation-label{font-size:.82rem;font-weight:600;color:#ffffffe0}.annotation-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .45rem;border-radius:999px;font-size:.72rem;font-weight:600;color:var(--text-light);background-color:#37b7c247}.annotation-stars{display:flex;align-items:center;gap:.2rem}.annotation-star{display:inline-flex;align-items:center;justify-content:center;padding:.15rem;background:transparent;color:#ffffff59;border:none;cursor:pointer;border-radius:.35rem;transition:color .2s,background-color .2s,transform .2s}.annotation-star:hover:not(:disabled){color:#8ae3ea;background-color:#ffffff14;transform:translateY(-1px)}.annotation-star.active{color:var(--color-teal)}.annotation-star:disabled{cursor:default}.annotation-form{display:flex;flex-direction:column;gap:.6rem;margin-top:.65rem}.annotation-textarea{width:100%;min-height:78px;resize:vertical;padding:.7rem .85rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.2);background-color:#ffffff14;color:var(--text-light);font:inherit;box-sizing:border-box}.annotation-textarea::placeholder{color:#ffffff94}.annotation-textarea:focus{outline:none;border-color:#37b7c2d9;box-shadow:0 0 0 2px #37b7c22e}.annotation-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.annotation-helper,.annotation-thankyou,.annotation-comment-saved{font-size:.8rem;color:#ffffffc7;margin:0}.annotation-submit-btn{border:none;border-radius:999px;padding:.5rem .95rem;background-color:var(--color-teal);color:var(--text-light);font-size:.82rem;font-weight:700;cursor:pointer;transition:background-color .2s,opacity .2s}.annotation-submit-btn:hover:not(:disabled){background-color:#2ea3ab}.annotation-submit-btn:disabled{cursor:wait;opacity:.75}.annotation-result{margin-top:.55rem}.annotation-error{margin:0;font-size:.78rem;color:#ffd1d1}.file-input{display:none}.icon-button{background:transparent;border:none;padding:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:.375rem;transition:background-color .2s}.icon-button:hover{background-color:#242f501a}.icon-small{width:1rem;height:1rem;color:#242f50}.clear-btn .icon-small{color:#e53e3e}.clear-btn:hover .icon-small{color:#c53030}.export-btn .icon-small{color:#37b7c2}.export-btn:hover .icon-small{color:#2ea3ab}.typing{display:flex;align-items:center;gap:4px;height:24px;padding:0 6px}.typing-dot{width:6px;height:6px;background-color:#2ea3ab;border-radius:50%;animation:blink 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}@media (max-width: 1024px){.left-image-container{flex:0 0 15%}}@media (max-width: 768px){.left-image-container{display:none}.chat-area{padding:.5rem}.bubble{max-width:90%}.starters-list{max-width:100%;padding:0 .25rem}.starters-title{font-size:1rem}}.input-container{display:flex;align-items:center;gap:.2rem;background-color:#fff;color-scheme:light;min-height:70px;border-radius:20px;padding:0 10px;border:#2ea3ab 1px solid}.chat-input{border:none;flex:1;padding:.75rem;border-radius:.375rem;font-size:1rem;outline:none;background-color:#fff;color:var(--text-dark);caret-color:var(--text-dark);color-scheme:light;-webkit-text-fill-color:var(--text-dark);opacity:1;transition:border-color .2s,box-shadow .2s;resize:none;margin-top:15px}.chat-input::placeholder{color:#6b7280;opacity:1}.send-button{background-color:#fff}.send-button:hover{border:#2ea3ab 1px solid}.icon-small{width:1rem;height:1rem;color:inherit;color:#2ea3ab}.attach-btn .icon-small{color:#37b7c2}.attach-btn:hover .icon-small{color:#2ea3ab}.mic-btn .icon-small{color:#37b7c2}.mic-btn:hover .icon-small{color:#2ea3ab}.mic-btn.recording .icon-small{color:red}.input-container:has(button:disabled){opacity:.6;cursor:not-allowed}.input-container button:disabled,.input-container textarea:disabled{cursor:not-allowed;pointer-events:none}@media (max-width: 640px){.input-container{min-height:54px;border-radius:14px;padding:0 6px}.chat-input{font-size:.9rem;padding:.5rem;margin-top:8px}}.panel-area{background-color:var(--panel-bg);display:flex;flex-direction:column;height:100%;font-family:inherit}.panel-header{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-navy);color:var(--text-light);padding:.75rem 1rem}.panel-header h3{margin:0;font-size:1.25rem;font-weight:600}.close-panel{background:transparent;border:none;color:var(--text-light);font-size:1.5rem;cursor:pointer}.close-panel:hover{color:#fff}.panel-content{padding:1.25rem;flex:1;overflow-y:auto;color:var(--text-dark);font-size:1rem;line-height:1.6}.field{margin-bottom:1rem;display:flex;align-items:left;gap:.5rem}.label{text-align:left;font-weight:600;width:140px}.value{flex:1}.speak-btn{border:none;color:#fff;padding:.25rem .5rem;border-radius:5px;cursor:pointer;transition:background-color .2s}.lang-picker{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem}.lang-picker-banner{background-color:var(--color-navy);color:var(--text-light);border-radius:.75rem;padding:1.75rem 2rem;margin-bottom:1.75rem;max-width:700px;width:100%;box-shadow:0 4px 16px #242f502e}.lang-picker-banner p{font-size:1.2rem;margin:.6rem 0;line-height:1.65;font-weight:500}.lang-picker-banner p:first-child{margin-top:0}.lang-picker-banner p:last-child{margin-bottom:0}.lang-picker-prompt{font-size:.88rem;color:var(--text-dark);opacity:.65;margin:0 0 1.25rem;text-align:center}.lang-picker-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.lang-picker-btn{background-color:var(--color-teal);color:var(--text-light);border:none;padding:.75rem 2.25rem;font-size:1rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:background-color .2s,transform .15s;min-width:130px}.lang-picker-btn:hover{background-color:#2ea3ab;transform:translateY(-1px)}@media (max-width: 480px){.lang-picker-btn{min-width:100%}}.widget-toggle-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background-color:var(--color-teal, #37b7c2);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #37b7c280;z-index:1000;transition:background-color .2s,transform .2s,box-shadow .2s}.widget-toggle-btn:hover{background-color:#2ea3ab;transform:scale(1.07);box-shadow:0 6px 22px #37b7c28c}.widget-toggle-btn.open{background-color:var(--color-navy, #242f50);box-shadow:0 4px 18px #242f5059}.widget-panel{position:fixed;bottom:92px;right:24px;width:420px;height:560px;background-color:var(--chat-bg, #f2f6fa);border-radius:1rem;box-shadow:0 8px 40px #242f5033;z-index:999;display:flex;flex-direction:column;overflow:hidden;animation:widget-slide-in .2s ease-out}@keyframes widget-slide-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:52px;background-color:var(--color-navy, #242f50);color:#fff;flex-shrink:0;border-radius:1rem 1rem 0 0}.widget-header-icon{display:flex;align-items:center;justify-content:center;color:#37b7c2;filter:drop-shadow(0 0 6px rgba(55,183,194,.6))}.widget-close-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;transition:background-color .15s}.widget-close-btn:hover{background-color:#ffffff26}.widget-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:.75rem;box-sizing:border-box}.widget-body .lang-picker{padding:.75rem .5rem}.widget-body .lang-picker-banner{max-width:90%;padding:1rem 1.25rem;margin-bottom:1.25rem}.widget-body .lang-picker-banner p{font-size:.95rem;margin:.4rem 0}.widget-body .lang-picker-prompt{font-size:.8rem;margin-bottom:1rem}.widget-body .lang-picker-btn{min-width:90px;padding:.6rem 1rem;font-size:.88rem}.widget-body .starters-container{margin-top:.25rem;margin-bottom:.5rem}.widget-body .starters-title{font-size:1rem;margin-bottom:.6rem}.widget-body .starters-list{gap:.5rem}.widget-body .starter-button{font-size:.88rem;padding:.6rem .85rem}@media (max-width: 480px){.widget-panel{width:calc(100vw - 32px);right:16px;bottom:84px;height:70dvh}.widget-toggle-btn{right:16px;bottom:16px}}:root{--color-white: #ffffff;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-navy-900: #1f2e54;--color-link-light: #ffffff;--color-link-hover: #e2e8f0;--border-light: #e5e7eb}.header-container{max-width:100%;margin:0 auto;display:flex;align-items:center;width:100%;padding-top:10px}.header-bar1{background-color:var(--color-white);height:3.4rem;margin-top:3px}.bar1-left{flex:1;display:flex;align-items:center;margin-left:4rem}.logo-link{display:block}.logo-img{height:2.4rem;width:auto}.bar1-right{margin-right:4rem;display:flex;align-items:center;gap:1rem}.bar1-link{display:flex;align-items:center;gap:.25rem;color:#374151;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.bar1-link:hover{color:#111827}.bar1-icon{width:1rem;height:1rem;color:#374151}.bar1-link:hover .bar1-icon{color:#111827}.header-bar2{background-color:var(--color-navy-900);height:2.7rem}.bar2-left{display:flex;align-items:center}.bar2-logo-link{display:block}.bar2-logo-img{height:2rem;width:auto}.bar2-nav{flex:1;width:100%}.bar2-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2.6rem;align-items:center;justify-content:center}.bar2-nav ul li a{color:var(--color-link-light);transition:background-color .2s,color .2s;border-radius:.25rem;font-size:16px;font-weight:500;text-align:center;font-family:rne,sans-serif;padding:10px 0 8px;cursor:pointer;outline:none;line-height:1.2;flex:1}.bar2-nav ul li a:hover{color:#37b7c2}@media (max-width: 1024px){.bar1-left{margin-left:2rem}.bar1-right{margin-right:2rem}.bar2-nav ul{display:none}}@media (max-width: 640px){.header-bar1{height:auto;padding:.4rem 0}.bar1-left{margin-left:1rem}.bar1-right{margin-right:1rem;gap:.5rem}.bar1-link{font-size:.75rem}.logo-img{height:1.8rem}.header-bar2{height:2.2rem}}