Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application that acts as a certified accountant's assistant for bank reconciliation between bank statements and accounting records. The app will automate reconciliation where possible and allow manual reconciliation for unmatched transactions, providing a comprehensive dashboard and reporting functionality.

## CORE FEATURES
1. **Automatic Reconciliation**: The application will automatically reconcile bank transactions with accounting records if the dates (within a 5-day range) and amounts match.
2. **Manual Reconciliation**: Allows users to manually reconcile transactions that couldn't be automatically matched, providing flexibility and accuracy.
3. **Document Upload**: Users can upload PDF files of accounting records and bank statements for processing.
4. **Interactive Dashboard**: A user-friendly dashboard displaying reconciliation results, statistics, and insights for better decision-making.
5. **General Reporting**: Generates comprehensive reports summarizing reconciliation activities and discrepancies.
6. **User Authentication**: Secure login and account management to protect sensitive financial data.

## 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 include a sidebar for navigation, a header for the title and actions, and a central content area for the dashboard and detailed views.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing application state as needed.

## IMPLEMENTATION STEPS
1. **Setup Development Environment**: Initialize a new React project with TypeScript using Create React App or Next.js.
2. **Install Dependencies**: Install Tailwind CSS and configure it with PostCSS. Add shadcn/ui for UI components.
3. **Create Project Structure**: Organize the project into components, pages, and services for better maintainability.
4. **Implement User Authentication**: Set up a user authentication flow with secure login and registration.
5. **Build Core Features**:
   - Develop the document upload feature, ensuring file validation and processing.
   - Implement the automatic reconciliation logic and manual reconciliation interface.
   - Create the interactive dashboard with charts and key metrics.
   - Generate reporting functionality that outputs reconciliation results.
6. **Design UI Elements**: Use Tailwind CSS to style components according to the specified design guidelines.
7. **Test the Application**: Perform thorough testing, including unit tests and user acceptance testing.

## USER EXPERIENCE
Users will start by logging in to their account, where they can upload their bank statements and accounting records. The application will process these documents, perform automatic reconciliation, and present the results on an interactive dashboard. Users can manually reconcile unmatched transactions and generate reports for their financial records. The minimalist design ensures an intuitive and efficient workflow, making complex financial tasks straightforward.