Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to help users manage and analyze their financial KPIs. It allows users to track total revenues, total expenses, contribution margin, pre-investment profits, post-investment profits, and net cash balance. The application focuses on providing clear insights into operational financial activities, ensuring users can make informed decisions based on their financial performance.

## CORE FEATURES
1. **Revenue Tracking**: Users can input data regarding total revenues from various payment methods (e.g., PIX, debit, credit, check) while excluding non-operational entries from the calculations.
2. **Expense Management**: The app allows users to track operational expenses by categorizing them into variable costs, fixed expenses, and investments, excluding non-operational outflows.
3. **Contribution Margin Calculation**: The application automatically calculates the contribution margin by subtracting variable costs from total revenues and presenting the result in a user-friendly format.
4. **Profit Calculation**: Users can view profits before and after investments, with clear distinctions between operational and non-operational activities.
5. **Net Cash Balance Overview**: The application provides a summary of the net cash balance by factoring in all relevant revenues, expenses, and investments while excluding non-operational outflows.
6. **Reporting Dashboard**: A visual dashboard presents key financial metrics and trends over time, helping users to visualize their financial health at a glance.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The main layout will feature a sidebar for navigation, a top header for quick actions, and a central content area displaying reports and metrics. Cards will be used for presenting key KPIs, with clear sections for revenue, expenses, and profits.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux Toolkit (recommended for managing financial data effectively).

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui, and Redux Toolkit).
2. **Create the structure**: Design the layout with a sidebar and header using Tailwind CSS for styling. Implement routing for different sections of the app.
3. **Implement core features**: Develop components for revenue tracking, expense management, and profit calculations. Ensure each component can handle user inputs and display results dynamically.
4. **Integrate state management**: Set up Redux Toolkit to manage the application state, allowing for seamless data flow between components.
5. **Design the dashboard**: Use visual components to create a reporting dashboard that displays KPIs and trends. Ensure it is responsive and user-friendly.
6. **Testing and deployment**: Conduct thorough testing of all features and flows. Once validated, prepare the app for deployment by building the application and deploying it to a platform of your choice.

## USER EXPERIENCE
The application is designed for ease of use, with intuitive navigation and interactive elements. Users will start on a dashboard that summarizes their financial KPIs at a glance. They can easily input data via forms, which update calculations in real time. Clear visual feedback is provided through graphs and metrics, helping users quickly assess their financial performance. The design prioritizes responsiveness, ensuring a smooth experience on both desktop and mobile devices.