Modern E R P Dashboard - Copy this Html, Tailwind Component to your project

Create a modern ERP style dashboard page using Tailwind CSS and Material Icons. The page should include a header section titled "Manage Records" with a clean and premium design. Below the header, provide action buttons with Material Icons: Primary Action Buttons: Add New Record View All Records Secondary Actions: Edit Record Delete Selected Export Data Print Records Import Data Generate Report Download PDF Share Link Place each button with icons (use Material Icons, such as add, list, edit, delete, download, etc.). Add tooltips for each button to improve usability. Below the action buttons, include: A responsive table to display records with the following columns: ID, Name, Email, Phone, Status, Actions. Add interactive features like: Pagination Sorting (e.g., by Name or Status) Search bar with a Material Icon for the search field. Filters (e.g., dropdowns for status or date range). Include tabs or navigation links for different sections: Overview Tab: Display key stats like the total number of records, recent activity, or charts. Transactions Tab: List transaction details with options to filter. Audit Logs Tab: Show logs of changes with timestamps and user details. Add a summary section below the table showing totals (e.g., Total Records, Active Records). Incorporate dark mode toggle with a sleek transition effect. Use attractive colors (gradient primary buttons, light backgrounds, shadows). Enhance with micro interactions: Button hover effects Table row highlighting on hover Smooth animations for tab transitions. Ensure the layout is responsive and mobile friendly with collapsible menus or dropdowns. Provide a premium and clean aesthetic with proper spacing, rounded corners, and a balance of colors and shadows.