Order Management Dashboard - Copy this Html, Bootstrap Component to your project

"Create a beautiful and modern order listing screen for an e-commerce system. The interface should include a header with the title 'Order Listing' and a well-organized filter section above the table. This section must have filter tabs to switch between 'All', 'Paid', and 'Pending' orders, a search field to find orders by ID, user CPF, or total amount, and a date range selector to filter by sale date. There should also be an 'Apply Filters' button to update the results dynamically. Below, the order table should display essential details, including order ID, user name, user CPF, total amount, payment method, payment status, shipping status, and sale date. If there are many orders, implement pagination for better navigation. The design should be visually appealing, intuitive, and responsive, ensuring a seamless user experience. Use a clean layout with elegant typography, intuitive icons, and smooth interactions. If possible, leverage frameworks like Bootstrap or Tailwind to achieve a polished and professional look."