Premium E R P Sidebar - Copy this Html, Tailwind Component to your project

Design-a-premium-light-themed-sidebar-for-a-modern-ERP-application.-The-sidebar-should-feature-a-sleek,-minimalist,-and-highly-professional-look,-adhering-to-Material-Design-guidelines.-Key-details:-Theme:-Light,-with-soft-neutral-colors-(e.g.,-white,-light-gray,-subtle-beige)-as-the-primary-background.-Include-subtle-shadows-for-a-layered-effect.-Typography:-Clean-and-modern-sans-serif-fonts-with-clear-hierarchy-for-headings,-section-titles,-and-items.-Structure:-A-vertical-layout-with-the-following-sections:-Header:-Include-a-small-logo,-app-name,-and-a-compact-profile-section-(avatar,-name,-dropdown-for-account-settings).-Navigation-Links:-Grouped-into-collapsible-sections-with-intuitive-icons-and-labels-(e.g.,-Dashboard,-Reports,-Settings).-Icons-should-follow-Material-Design-guidelines.-Highlight-Section:-A-subtle-hover-effect-for-items,-with-an-active-indicator-(e.g.,-a-rounded-corner-highlight-or-colored-border).-Footer:-A-compact-section-with-buttons-or-links-for-logout,-help,-or-theme-switch-(e.g.,-light/dark-mode-toggle).-Colors:-Use-a-soft-white-or-pale-gray-background-for-the-sidebar.-Use-muted,-premium-accent-colors-(e.g.,-teal,-soft-blue,-or-subtle-gold)-for-active-and-hover-states.-Icons-and-text-in-dark-gray-or-black-for-high-readability.-Effects:-Include-subtle-hover-animations-for-interactivity.-Soft-shadows-and-gradients-to-create-depth.-Rounded-corners-for-a-modern-and-friendly-aesthetic.-Responsiveness:-Ensure-the-design-adapts-gracefully-for-smaller-screens,-with-a-collapsible-menu-or-a-hamburger-icon.-The-final-design-should-feel-premium,-clean,-and-highly-functional,-perfect-for-a-modern-ERP-application.-The-overall-style-should-balance-elegance-and-practicality,-focusing-on-usability-and-aesthetic-appeal.