@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap);.chat-page{display:flex;flex-direction:column;height:100vh;width:100%;background-color:#f9f9f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.chat-header{background-color:#fff;padding:15px 20px;border-bottom:1px solid #e0e0e0;text-align:center;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.02)}.chat-title{margin:0;font-size:22px;color:#2c3e50;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.chat-subtitle{margin:5px 0 0;font-size:13px;color:#7f8c8d}.header-logo{height:24px;width:auto}.centered-input-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;padding:20px}.no-messages-header{font-size:28px;color:#34495e;margin-bottom:30px;text-align:center}.centered-input-form{display:flex;align-items:flex-end;background-color:#fff;padding:10px 15px;border-radius:24px;width:100%;max-width:600px;box-shadow:0 4px 15px rgba(0,0,0,.08);border:1px solid #eee;transition:box-shadow .3s ease}.centered-input-form:focus-within{box-shadow:0 6px 20px rgba(0,0,0,.12)}.chat-input{flex:1;border:none;background:transparent;font-size:16px;padding:8px 5px;outline:none;color:#333;resize:none;max-height:150px;overflow-y:auto;line-height:1.5}.send-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#2c3e50;color:#fff;border:none;border-radius:50%;margin-left:10px;margin-bottom:4px;cursor:pointer;transition:all .2s ease}.send-button:hover:not(:disabled){background-color:#1a252f;transform:scale(1.05)}.send-button:disabled{background-color:#bdc3c7;cursor:default;transform:none}.chat-container{flex:1;max-width:900px;margin:0 auto;overflow-y:auto;padding:20px;flex-direction:column;gap:20px;scroll-behavior:smooth;align-items:flex-start}.chat-container,.message-wrapper{width:100%;display:flex}.message-wrapper.user{justify-content:flex-end}.message-wrapper.bot{justify-content:flex-start}.bot-message-container{display:flex;align-items:flex-start;max-width:85%;text-align:left}.bot-profile{width:36px;height:36px;border-radius:50%;margin-right:12px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-top:2px;flex-shrink:0}.message{padding:12px 16px;font-size:16px;line-height:1.6;position:relative;word-wrap:break-word;text-align:left}.message.user{background-color:#2c3e50;color:#fff;border-radius:18px 18px 4px 18px;max-width:75%;box-shadow:0 2px 5px rgba(0,0,0,.1);text-align:left}.message.bot{background-color:#fff;color:#2c3e50;border-radius:18px 18px 18px 4px;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid #f0f0f0;min-width:50px}.message-content{margin:0}.message-content ul{padding-left:20px;margin:10px 0}.message-content li{margin-bottom:5px}.message-content p{margin-bottom:10px}.message-content p:last-child{margin-bottom:0}.message-content a{color:#3498db;text-decoration:none}.message-content a:hover{text-decoration:underline}.typing-indicator{padding:5px 0;display:flex;gap:4px}.typing-indicator span{width:6px;height:6px;background-color:#b0b0b0;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.feedback-section{margin-top:15px;padding-top:10px;border-top:1px solid #eee}.feedback-question{font-size:13px;color:#7f8c8d;margin-bottom:8px}.feedback-buttons{display:flex;gap:12px}.thumbs-down,.thumbs-up{background:#f8f9fa;border:1px solid #e9ecef;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .2s ease}.thumbs-up:hover{background-color:#d4edda;border-color:#c3e6cb;transform:translateY(-2px)}.thumbs-down:hover{background-color:#f8d7da;border-color:#f5c6cb;transform:translateY(-2px)}.feedback-thanks{font-size:13px;color:#27ae60;margin-top:10px;font-weight:500}.button-container{display:flex;justify-content:center;padding:20px;flex-shrink:0}.ask-button{padding:12px 24px;background-color:#2c3e50;color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px rgba(44,62,80,.3)}.ask-button:hover{background-color:#1a252f;transform:translateY(-2px);box-shadow:0 6px 14px rgba(44,62,80,.4)}@media (max-width:768px){.message.user{max-width:85%}.bot-message-container{max-width:95%}}#app,*,button,input,textarea{font-family:Poppins,sans-serif}#app{text-align:center;color:#2c3e50}body,html{margin:0;padding:0;height:100%;width:100%;font-family:Arial,sans-serif;overflow:hidden}