@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@tailwind base;@tailwind components;@tailwind utilities;*{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box}.chat-container{display:flex;flex-direction:column;height:100vh;background:#f0f4f8;padding:15px;border-radius:10px;overflow:hidden;align-items:center;justify-content:center}.chat-box{width:90%;max-width:600px;height:85vh;background:#fff;border-radius:15px;padding:15px;display:flex;flex-direction:column;box-shadow:0 4px 10px #0000001a;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px;width:100%;max-width:1280px}.user-message{align-self:flex-end;background:#007bff;color:#fff;padding:12px 16px;border-radius:15px 15px 0;max-width:60%;word-wrap:break-word;font-size:16px;font-weight:500}.bot-message{align-self:flex-start;background:#e3eaf5;color:#333;padding:12px 16px;border-radius:15px 15px 15px 0;max-width:90%;word-wrap:break-word;font-size:16px;font-weight:400}.chat-input{display:flex;align-items:center;padding:10px;background:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;position:fixed;bottom:15px;left:50%;transform:translate(-50%);width:90%;max-width:600px}.chat-input input{flex:1;padding:12px;border:1px solid #ccc;border-radius:10px;outline:none;font-size:16px;background:#f7f9fc;color:#333}.chat-input button{margin-left:10px;padding:12px 20px;background:#007bff;color:#fff;border:none;border-radius:10px;font-size:16px;cursor:pointer;transition:.3s;font-weight:500}.chat-input button:hover{background:#0056b3}@media (max-width: 768px){.chat-box{width:95%;height:80vh}.chat-input input{font-size:14px}.chat-input button{padding:10px 16px;font-size:14px}.user-message{max-width:70%;font-size:14px}.bot-message{max-width:95%;font-size:14px}}