#app{font-family:Helvetica,sans-serif;text-align:center}.chat-box{width:100%;border:1px solid #ccc;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}.message-container{max-height:70vh;overflow-y:auto;padding:10px}.message{align-items:flex-start;margin-bottom:10px}.message.ai{display:flex}.ai,.user{padding:8px;border-radius:8px;text-align:right;padding-right:10px}.ai{background-color:#e1f5fe;margin-right:auto}.user{background-color:#e0e0e0}.avatar{width:40px;height:40px;border-radius:50%}.input-box{display:flex;align-items:center;padding:10px;border-top:1px solid #ccc}.input-box input{flex:1;padding:8px}.input-box button,.input-box input{border:none;border-radius:4px;outline:none}.input-box button{margin-left:10px;padding:8px 15px;background-color:#007bff;color:#fff;cursor:pointer}.input-box button:hover{background-color:#0056b3}.attachment-button{background-color:transparent;color:#007bff;cursor:pointer}.attachment-button,.message-input{padding:8px;border:none;outline:none}.message-input{flex:1;border-radius:4px}.send-button{margin-left:10px;padding:8px 15px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;outline:none}.send-button:hover{background-color:#0056b3}.ai-reply{text-align:left;margin-left:5px;padding-left:10px}