Fees Modal - Copy this React, Tailwind Component to your project

Design a user friendly modal to display fees assignment details with sections for: Fees Details: Name, Amount, Total, Fine, Assigned To (optional) Assignment Period: Start/End Date (readable format), Status (color coded) Class Info: Class Names (list/tags) Institute Details: Institute ID Progress (if available): Completed, Due (numbers/progress bars), Collection (%) Design guidelines: Organized, card based layout within the modal Color coded status, icons for dates/amounts "Close" and "Edit" buttons; responsive for all devices High contrast, accessible typography Bonus: Light/dark mode toggle, tooltips for "Due" and "Collection"