Financial Record Modal - Copy this React, Tailwind Component to your project

Design a clean, modern modal UI to display financial record details. Organize sections for Fees, Class Info, Financials, Progress, Schedule, and Timestamps. Highlight 'PENDING' status with a distinct label. Ensure proper spacing, responsiveness, and accessibility. Include 'Close' & 'Edit' buttons. Format timestamps for readability. Optional: tooltips for financial terms, status icons