:root{--light-blue: #C5D5EA;--medium-blue: #759EB8;--dark-blue: #7392B7;--white: #FFFFFF;--gray: #F3F4F6}.container{height:105vh;display:flex}.scrollbars-container{width:100%;height:80vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:5px}::-webkit-scrollbar-track{background:#f4f4f4}html,body{margin:0;padding:0;overflow:hidden;height:100%}.chat-container{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#f0f0f0}.chat-box{display:flex;flex-direction:column;height:100%;width:100%;background-color:#fff;border-radius:0}.message-box{flex-grow:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start}.message-container{display:flex;align-items:flex-start;margin-bottom:35px}.user-container{justify-content:flex-end}.bot-container{justify-content:flex-start}.avatar{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700}.avatar-user{background-color:#007bff;order:2;margin-left:10px}.avatar-chatbot{background-color:#7392b7;order:0;margin-right:10px}.message{padding:10px;border-radius:10px;max-width:70%;word-wrap:break-word}.user-message{background-color:#007bff;color:#fff;text-align:right;margin-left:auto}.bot-message{background-color:#f1f1f1;color:#000;text-align:left}.input-container{display:flex;align-items:center;padding:5px;gap:20px;border-top:1px solid #ddd;background-color:#fafafa;position:sticky;bottom:0;width:100%;z-index:10}.chat-input{flex:1;padding:10px;border:1px solid #ccc;border-radius:25px;font-size:14px;outline:none;transition:border-color .3s ease}.chat-input:focus{border-color:#007bff;box-shadow:0 0 0 5px #007bff1a}.send-button img{width:25px;height:25px;margin-right:10px}.chatbot-icon{width:50px;height:50px;border-radius:50%;background-color:#7392b7;display:flex;justify-content:center;align-items:center;font-weight:700;position:fixed;right:20px;bottom:20px;z-index:1000}.chatbot-icon-image{width:50px;height:55px;object-fit:contain}.send-button{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;margin-left:10px;cursor:pointer}.send-button:hover{background-color:#0056b3}.button{display:inline-block;background-color:#00f;color:#fff;padding:.5rem 1rem;width:150px;text-align:center;border-radius:10px;font-size:.875rem;text-decoration:none;font-weight:500;transition:background-color .2s ease}.button:hover{background-color:#0000cd}