S C M Dashboard - Copy this React, Tailwind Component to your project

"Design-a-clean-and-intuitive-UX/UI-for-a-Supply-Chain-Management-(SCM)-system-targeting-suppliers,-distributors,-logistics-partners,-and-administrators.-The-system-will-feature-modules-for-supplier-management,-order-tracking-(inbound-and-outbound),-inventory-management,-logistics-tracking,-pricing,-payment-management,-and-reporting.-Key-requirements:-Navigation:-Simple,-intuitive,-and-supports-breadcrumbs.-Dashboard:-Display-key-metrics-like-inventory-levels,-order-statuses,-and-pending-actions-with-visual-elements-(graphs,-charts).-Supplier-Management:-List-and-detailed-views-with-filtering-options-for-suppliers’-performance-and-contact-details.-Order-Management:-Separate-tabs-for-inbound-and-outbound-orders-with-status-updates-and-action-buttons.-Inventory-Management:-Overview-with-stock-levels,-alerts-for-low-inventory,-and-drill-downs-for-product-details.-Logistics-Tracking:-List-and-(optionally)-map-based-views-with-manual-status-updates.-Pricing-&-Payment:-Manage-pricing-structures-and-integrate-payment-gateways-(e.g.,-Momo,-VNPAY).-Reporting-&-Analytics:-Exportable-reports-in-PDF-and-Excel-with-visual-dashboards.-Design-Principles:-User-Centric:-Focus-on-ease-of-use-for-non-technical-users.-Consistency:-Unified-design-across-modules-with-a-clear-visual-hierarchy.-Responsiveness:-Ensure-a-seamless-experience-across-desktop-and-mobile-devices.-Accessibility:-Follow-WCAG-2.1-guidelines.-Colors:-Blue-for-trust,-green-for-success,-red-for-alerts,-and-neutral-grays-for-backgrounds.-Fonts:-Use-a-clean-sans-serif-font-like-Roboto-or-Open-Sans.-Create-wireframes-or-high-fidelity-designs-that-emphasize-clarity,-simplicity,-and-user-engagement."