@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)}.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}.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}: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}}