Interactive Dashboard - Copy this React, Tailwind Component to your project

Create a modern and intuitive design for a comprehensive financial management application. The application should include the following key features: Interactive Dashboard: A financial overview with dynamic charts and tables for viewing expenses, income, investments, and budgets. User Management: System for registration, login, password recovery, and profile management, with secure authentication (e.g., two factor authentication and JWT token authentication). Bank Accounts: Add, edit, view, and delete bank accounts with integration for automatic transaction synchronization. Expenses and Income: Detailed recording of expenses and income, categorization, editing, deletion, and viewing with options to attach receipts and notes. Budgets and Planning: Tools for creating and managing monthly budgets, spending alerts, and budget performance reports. Investments: Record and monitor investments, performance analysis, and personalized alerts. Custom Reports: Generation of detailed financial reports, exportable in formats like PDF and CSV, including interactive charts and tables. User Preferences: Settings for language, notifications, themes, and other personalized preferences. Notifications: Notification system for emails and push notifications for transaction reminders, budget alerts, and investment updates. Security: Implementation of high security standards, such as data encryption, comprehensive validations on login and password fields (e.g., password complexity requirements), and protection against common attacks (e.g., SQL injection, CSRF). The design should be responsive, accessible, and optimized for an intuitive user experience, with simple and fast navigation. Use a modern and appealing color palette, clear typography, and icons that enhance usability. Include visual elements that convey trust and security, such as security seals and lock icons for protected areas.