Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web dashboard designed for financial reporting and analysis for a multi-store business. It allows the owner to upload monthly sales reports for six stores, visualize critical financial metrics, and track performance over time, ensuring a comprehensive understanding of the business's financial health.

## CORE FEATURES
1. **Monthly Report Upload**: Users can upload sales reports monthly in various formats (CSV, Excel) to streamline data input.
2. **Financial Metrics Dashboard**: A visual dashboard displaying key metrics such as total revenue, number of sales, sales trends, and average ticket size.
3. **Performance Projections**: Automated calculations that show month-over-month projections based on previous data, helping users see trends and set targets.
4. **Visual Data Representation**: Graphs and charts that illustrate sales trends, allowing for easy interpretation and quick insights.
5. **Store Performance Overview**: Breakdown of performance metrics by each store (Vila do Sol, Veterano, Apolo 1000, Vila Filial, Quepiso, and Veterano VIP) to compare their sales and profitability.
6. **User Management**: Authentication and role-based access for store managers and the business owner to ensure secure and tailored access to data.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and reduce eye strain.
- **Layout**: A responsive grid layout featuring a sidebar navigation for quick access to different sections, with a main content area that presents visual data and metrics prominently.
- **Typography**: Use of sans-serif fonts like 'Inter' or 'Roboto' for a modern look, with a hierarchy that emphasizes headings, subheadings, and body text distinctly.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-driven architecture.
- **Styling**: Tailwind CSS for rapid design implementation and responsiveness.
- **UI Components**: shadcn/ui for pre-built, accessible UI components.
- **State Management**: Use of React Context or Zustand for state management to handle user data and reports efficiently.

## IMPLEMENTATION STEPS
1. **Set up the React project** with TypeScript and Tailwind CSS.
2. **Implement user authentication** using a library like Firebase or Auth0 to manage user access.
3. **Create the report upload feature** that parses uploaded files and stores data in the application state.
4. **Develop the financial metrics dashboard** that pulls data from the uploaded reports and displays it using charts (consider libraries like Chart.js or Recharts).
5. **Add performance projection calculations** that analyze historical data and generate future projections.
6. **Design the store performance overview** page that dynamically updates based on the selected store from the sidebar.
7. **Ensure responsiveness** across devices by utilizing Tailwind CSS's responsive utilities.
8. **Test the application** thoroughly to ensure all features function correctly and the user experience is seamless.

## USER EXPERIENCE
Users will interact with the dashboard primarily through a streamlined interface. They will upload their monthly sales reports, which will automatically populate the dashboard with key metrics. Users can select different stores to view specific performance data and use visual graphs to analyze trends over time. The intuitive layout and clear navigation will ensure that even non-technical users can easily manage and interpret their financial data.