Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a comprehensive web application for managing collections, tailored for "Nova Gestión Inteligente". It will utilize AI to enhance collection strategies and streamline the workflow for agents and administrators. The application will feature user authentication, a detailed dashboard, and various modules to manage clients, interactions, agreements, and reports.

## CORE FEATURES
1. **User Authentication**: Secure login with email and password via Supabase Auth, supporting two roles (Administrator and Agent).
2. **Dashboard**: A visual overview of key performance indicators (KPIs) including total overdue amounts, recovery percentage, and agent performance metrics.
3. **Client Management**: A searchable client list with individual profiles displaying personal information, debt summaries, and interaction history.
4. **AI Collection Agent**: An interface for generating tailored communication messages using AI, with options for different tones and communication channels.
5. **Record Management**: Modules for logging interactions and agreements, ensuring systematic tracking of collection efforts and payment plans.
6. **Reporting**: Admin-only access to comprehensive reports that include recovery metrics, agent performance rankings, and the ability to export data in CSV format.

## 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**: #E8197D (accent for buttons, links, highlights)
- **Typography**: Use Poppins from Google Fonts for headings, Poppins 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 alerts and notifications, and a central content area for displaying dashboards and forms.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: [Use React Context or Redux if needed]

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and Tailwind CSS for styling.
2. **User Authentication**: Implement Supabase authentication for user login and role management.
3. **Dashboard Module**: Create components for displaying KPIs and a table for overdue accounts, using hooks to fetch data from Supabase.
4. **Client Management Module**: Build a searchable client list with individual client profiles, using forms to capture and display client information.
5. **AI Collection Agent**: Develop a panel for generating messages with AI, integrating with the Anthropic API for message generation.
6. **Record Management**: Create forms for logging interactions and agreements, ensuring data is stored in Supabase.
7. **Reporting Module**: Develop graphs and tables for admin reporting features, allowing data export functionality.

## USER EXPERIENCE
Users will have seamless navigation through the sidebar, with clearly labeled sections for each module. The dashboard will provide immediate insights into collection performance, while the client management features will allow agents to efficiently track and interact with clients. The AI generation tool will enhance communication strategies, ensuring personalized and effective outreach. 

The application will be designed for responsiveness, ensuring usability across a variety of devices from desktops to tablets.