Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
RevistaViva — Inteligencia de Retención is a web application aimed at transforming an existing dashboard into a Retention Decision System. The application will help users identify at-risk customers, understand the reasons behind their risk, prioritize customer outreach, and suggest actionable interventions, all while maintaining the existing application’s identity and functionality.

## CORE FEATURES
1. **Dashboard Overview**: A redesigned dashboard that focuses on retention decisions, displaying key KPIs such as customers at risk, critical customers, MRR at risk, and pending interventions.
2. **Customer Risk Assessment**: A detailed view of customer profiles that includes Risk Score, dominant signals, and an explanation of risks in simple terms.
3. **Action Recommendations**: A prominent section on the dashboard that suggests immediate actions based on customer signals, helping the retention team prioritize their efforts.
4. **Intervention Management**: A feature to create and manage customer interventions, allowing the retention team to track the status and results of their actions.
5. **Client Timeline**: A visual timeline that illustrates significant customer events, providing context for their current risk status.
6. **Impact Scenarios**: A section that estimates economic impact scenarios based on customer recovery rates, helping users visualize potential outcomes.

## 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 top navigation bar, a sidebar for quick access to sections, and a responsive grid layout for the dashboard and customer views.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install dependencies (React, TypeScript, Tailwind CSS, shadcn/ui).
2. **Design Layout**: Create the main layout structure with a responsive sidebar and top navigation.
3. **Develop Dashboard**: Implement the dashboard component to display key KPIs and an overview of customer risk.
4. **Create Customer Profiles**: Develop customer profile pages that include risk assessments, timelines, and action recommendations.
5. **Implement Interventions**: Create a form and table for managing customer interventions, including status tracking and results.
6. **Add Impact Scenarios**: Integrate the economic impact scenarios feature within the dashboard.
7. **Testing**: Ensure all components function correctly, are responsive, and provide a seamless user experience.

## USER EXPERIENCE
Users will start at the dashboard where they can immediately see how many customers require attention. By clicking on the KPIs, they can drill down into customer specifics, view risk scores, and understand dominant signals. The timeline feature will provide context for past interactions, and users can create interventions directly from customer profiles, ensuring that the retention team can act quickly and efficiently based on the data presented.