@import"https://fonts.googleapis.com/css?family=Roboto:400,700";.ChatBox{display:flex;width:calc(100% - 40px);border-radius:0;position:absolute;bottom:20px;left:20px;right:15px}.ChatBox .messageInput{width:100%;border-radius:0;max-height:24px}.ChatBox .btn{border-radius:0;background-color:#2b3d31}.attach-file-icon-button{color:#363636}.attach-file-icon-button:hover{color:#e5e5e5}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{width:90%;max-width:450px;background:linear-gradient(145deg,#fff,#f0f0f0);padding:40px;border-radius:12px;box-shadow:0 8px 30px #00000040;position:relative;display:flex;flex-direction:column;gap:20px;color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.modal-content h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.close-button{position:absolute;top:15px;right:15px;border:none;background-color:transparent;font-size:24px;cursor:pointer;color:#707070}.close-button:before{content:"✕";font-weight:700}input[type=file]{border:2px solid #dcdcdc;display:block;padding:8px 12px;border-radius:4px;background-color:#fff;transition:border-color .3s ease-in-out}input[type=file]:hover{border-color:#a5a5a5}button{background-color:#f0c5a6;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-weight:600}button:hover:not(:disabled){background-color:#2b3d31;transform:translateY(-2px)}button:disabled{background-color:#aaa}p{font-size:1rem;color:#333}.Disclaimers{margin-top:10px;color:#777;font-style:italic;font-weight:700;text-align:center;margin-left:10px;margin-right:10px;color:#d4af37;font-size:15px}.Message.role-ai,.Message.role-bot,.Message.role-assistant{justify-content:flex-start;align-items:flex-end;gap:10px}.Message.role-ai .bot-icon,.Message.role-bot .bot-icon,.Message.role-assistant .bot-icon{font-size:24px;background-color:linear-gradient(to bottom left,var(--gradient-start) 40%,var(--gradient-end) 100%)}.Message.role-ai .message-content,.Message.role-bot .message-content,.Message.role-assistant .message-content{padding:3px 5px;margin:20px 0 0;border:1px solid #799d81;background-color:#ceddd1;border-radius:20px;display:inline-flex;max-width:80%;flex-direction:column;justify-content:center;align-items:center;white-space:pre-wrap;display:inline-block}.box{text-align:right;width:180px;height:auto;background-color:#000;color:#fff;padding:20px;position:relative;margin:40px}.box.arrow-right:after{content:" ";position:absolute;right:-15px;top:15px;border-top:15px solid transparent;border-right:none;border-left:15px solid black;border-bottom:15px solid transparent}.Message.role-user{text-align:right;margin:10px 5px 0 0;font-weight:700;border-radius:5px}.Message.role-assistant .message-content{max-width:80%;border-radius:20px;display:block}:root{--send-bg: #ebad40;--send-color: white;--receive-bg: #e5e5ea;--receive-text: black;--page-background: white}body{font-size:20px;font-weight:400;max-width:450px;border-radius:20px;margin:50px auto;display:flex;flex-direction:column;border:1px solid #e0ecff;background-color:var(--page-background)}p{max-width:255px;word-wrap:break-word;margin-bottom:12px;line-height:24px;position:relative;padding:10px 20px;border-radius:20px;margin-left:auto;margin-right:0;display:inline-block;display:inline-flex}p:before,p:after{content:"";position:absolute;bottom:0;height:25px}.send{color:var(--send-color);background:var(--send-bg);align-self:flex-end;border:1px solid #a96b07}.receive{background:var(--receive-bg);color:#000;align-self:flex-start}.receive:before{left:-7px;width:20px;background-color:var(--receive-bg);border-bottom-right-radius:16px 14px}.receive:after{left:-26px;width:26px;background-color:var(--page-background);border-bottom-right-radius:10px}.icon-button,.icon-button:hover{color:#e5e5e5}.WaitingAnimation{--bg-color: transparent;--fg-color: #f1b04c;--gap: 8px;margin-top:20px;padding:var(--gap);display:flex;justify-content:flex-start;align-items:center;gap:calc(var(--gap) * 2);border-radius:var(--gap);background-color:var(--bg-color);color:var(--fg-color)}.WaitingAnimation .label{animation:pulsate 2s linear infinite}@keyframes pulsate{0%{opacity:1}10%{opacity:1}20%{opacity:.85}50%{opacity:.25}80%{opacity:.85}90%{opacity:1}to{opacity:1}}.WaitingAnimation .loader{width:48px;height:48px;border-radius:50%;perspective:800px}.WaitingAnimation .inner{position:absolute;box-sizing:border-box;width:100%;height:100%;border-radius:50%}.WaitingAnimation .inner.one{left:0;top:0;animation:rotate-one 1s linear infinite;border-bottom:3px solid var(--fg-color)}.WaitingAnimation .inner.two{right:0;top:0;animation:rotate-two 1s linear infinite;border-right:3px solid var(--fg-color)}.WaitingAnimation .inner.three{right:0;bottom:0;animation:rotate-three 1s linear infinite;border-top:3px solid var(--fg-color)}@keyframes rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(360deg)}}@keyframes rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0)}to{transform:rotateX(50deg) rotateY(10deg) rotate(360deg)}}@keyframes rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0)}to{transform:rotateX(35deg) rotateY(55deg) rotate(360deg)}}.chatbot-container{max-width:800px;margin:0 auto;padding:5px;box-sizing:border-box}h1,h2,h3{text-align:center}.quadrants-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;margin-top:20px}.quadrant{display:flex;justify-content:center;align-items:center;background-color:#799d81;border:1px solid #eaeaea;padding:20px;box-shadow:0 2px 4px #0000001a;border-radius:10px;transition:all .3s ease}.quadrant:hover{background-color:#fff;transform:scale(1.05)}.prompt-button{background-color:#799d81;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.prompt-button:hover{background-color:#2b3d31}.chatbot-response{margin-top:20px;padding:15px;background-color:#fafafa;border-radius:5px;font-style:italic;font-size:15px}.UserWelcome h1{font-size:28px;font-weight:700;color:#fff}.App{display:flex;justify-content:center;padding:10px 0}.App .all-content{width:100%;max-width:840px}.App main{border:none;padding:20px 15px 15px;background-color:#fff;height:calc(100vh - 110px);position:relative}.App .header{text-align:center;background-color:#2b3d31;border:none}.App .chat-form{height:calc(100vh - 218px);overflow:auto}:root{--bs-body-font-family: "Roboto", sans-serif;--primary-color: #edab40;--secondary-color: #799d81;--tertiary-color: #55635a;--quaternary-color: #ceddd1;--quinary-color: #55645a;--white: #F9FBFF;--gradient-start: #edab40;--gradient-end: #F9FBFF}body,button,input,textarea{font-family:var(--bs-body-font-family)}.inactivity-popup{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;animation:fadeIn .5s;background-color:#000000bf;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content{background:linear-gradient(145deg,#fff,#f6f6f6);padding:40px;border-radius:15px;box-shadow:0 10px 25px #0003,inset 0 1px 3px #fff9;width:80%;max-width:500px;text-align:center;font-family:Roboto,Arial,sans-serif;color:#444;line-height:1.8;border:1px solid #ddd}.popup-content p{font-size:1.4rem;color:#555;margin-bottom:24px}.popup-content button{font-size:1rem;padding:10px 20px;background-color:#799d81;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,box-shadow .2s}.popup-content button:hover{background-color:#2b3d31;box-shadow:0 2px 8px #0003}@media (max-width: 600px){.popup-content{padding:20px;font-size:1rem}.popup-content p{font-size:1rem}}