*{margin:0;padding:0}button{color:#000}.chatbot-container{font-family:Roboto,sans-serif;width:60%;height:90vh;max-width:100%;margin:30px auto;background:#f9f9f9;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.1);overflow:hidden;position:relative;display:flex;flex-direction:column}.chatbot-header{background:#34a853;color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;font-size:1.1em;font-weight:700;display:flex;flex-direction:row;align-items:center;padding:10px 20px;justify-content:space-between;flex-wrap:wrap;text-align:center;justify-content:center}.chatbot-header img{height:45px;max-width:100%;object-fit:contain}.chatbot-header select:focus{outline:none}.chatbot-header h1{font-size:30px}.messages{flex:1 1;overflow-y:auto;padding:15px;background:#fff;font-size:.95em}.message{display:flex;margin-bottom:10px;word-break:break-word}.messages select{padding:5px;margin-left:10px;border:0;border-right:5px solid transparent;border-radius:15px;margin-right:10px}.messages button{padding:8px 15px;border:none;background:#34a853;color:#fff;border-radius:20px;cursor:pointer;transition:background-color .3s ease;font-weight:700;word-break:keep-all}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{max-width:70%;display:flex;align-items:center;padding:10px 15px;border-radius:15px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.message.user .message-content{background:#e0f7fa;color:#102027;text-align:right}.message.assistant .message-content{background:#e8f5e9;color:#1b5e20;text-align:left}.message.arabic .message-content{text-align:right}.input-area{display:flex;max-width:100%;padding:12px 15px;background:#e6f4ea;border-top:1px solid #d0d0d0}.input-area input{flex-grow:1;padding:8px 12px;border:2px solid #34a853;border-radius:20px;margin-right:10px;background:#fff;font-size:1em;transition:background-color .3s ease,border-color .3s ease}.input-area input:disabled{background:#e0e0e0;border-color:#bdbdbd;color:#9e9e9e;cursor:not-allowed}.input-area input:focus{outline:none}.input-area button{padding:8px 15px;border:none;background:#34a853;color:#fff;border-radius:20px;cursor:pointer;transition:background-color .3s ease;font-weight:700}.input-area button:hover{background:#2a7a40}.loading-indicator{border:4px solid #f3f3f3;border-top-color:#34a853;border-radius:50%;width:20px;height:20px;animation:spin 2s linear infinite;margin:10px auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.predefined-questions{position:absolute;bottom:70px;margin:15px;border-radius:15px;left:0;flex-wrap:wrap;justify-content:center;text-align:center;transition:opacity .5s ease-out}.predefined-questions.hidden{display:none}.predefined-questions button{margin:5px;padding:8px 12px;background-color:#e6f4ea;border:1px solid #34a853;border-radius:5px;cursor:pointer}.predefined-questions button:hover{background-color:#cff2d6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media screen and (max-width:35.5em){.chatbot-container{min-width:95%;margin:5px auto;height:90vh}.input-area{display:flex;flex-direction:column}.input-area button{margin-top:10px;padding:10px 0;width:100%}.input-area input{display:flex;margin:0}.predefined-questions{bottom:100px}}@media screen and (max-width:48em){.chatbot-container{width:80%}.message-content{max-width:90%}}@media screen and (max-width:64em){.chatbot-container{width:70%}.message-content{max-width:80%}.messages button{padding:8px 7px}}