.container{background:#f3f4f6;flex-direction:column;height:100vh;display:flex}.header{color:#fff;background:#0f172a;justify-content:center;align-items:center;height:70px;font-size:24px;font-weight:700;display:flex}.chat{flex:1;padding:30px;overflow-y:auto}.user{color:#fff;background:#2563eb;border-radius:18px;max-width:75%;margin-bottom:15px;margin-left:auto;padding:15px}.bot{background:#fff;border:1px solid #ddd;border-radius:18px;max-width:75%;margin-bottom:15px;padding:15px}.footer{background:#fff;border-top:1px solid #ddd;gap:10px;padding:20px;display:flex}.footer input{border:1px solid #ddd;border-radius:10px;flex:1;height:55px;padding:0 15px}.footer button{color:#fff;background:#2563eb;border:none;border-radius:10px;width:140px;font-weight:700}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{font-family:Arial,sans-serif}