body{font-family:Roboto,sans-serif;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#1e1e1e;color:#e0e0e0}#login-container,#register-container{text-align:center;background-color:#2c2c2c;padding:20px;border-radius:12px;box-shadow:0 4px 20px #0000004d}#login-form,#register-form{display:flex;flex-direction:column;gap:10px}#login-form input,#register-form input{padding:10px;border:1px solid #444;border-radius:25px;background-color:#2c2c2c;color:#e0e0e0;outline:none}#login-form button,#register-form button{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease}#login-form button:hover,#register-form button:hover{background-color:#0056b3}#chat-container{width:450px;background-color:#2c2c2c;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden;display:flex;flex-direction:column;height:85vh}#chat-header{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:20px;text-align:center;font-size:20px;font-weight:500;box-shadow:0 2px 10px #0003}#chat-header p{margin:5px 0 0;font-size:14px;font-weight:400;opacity:.8}#chat-messages{flex:1;padding:20px;overflow-y:auto;border-bottom:1px solid #444;display:flex;flex-direction:column;gap:15px}.message{max-width:80%;padding:12px 18px;border-radius:20px;font-size:14px;line-height:1.5;opacity:0;transform:translateY(10px);animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.user-message{background-color:#007bff;color:#fff;align-self:flex-end}.bot-message{background-color:#444;color:#e0e0e0;align-self:flex-start}#chat-input{display:flex;padding:15px;background-color:#333;border-top:1px solid #444}#user-input{flex:1;padding:12px;border:1px solid #444;border-radius:25px;font-size:14px;outline:none;background-color:#2c2c2c;color:#e0e0e0;transition:border-color .3s ease}#user-input:focus{border-color:#007bff}#send-btn{padding:12px 24px;margin-left:10px;background-color:#007bff;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease}#send-btn:hover{background-color:#0056b3}#get-location{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease}#get-location:hover{background-color:#218838}@tailwind base;@tailwind components;@tailwind utilities;