Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to facilitate user password recovery and management. The main purpose is to provide a simple and efficient interface for users who may forget their passwords, allowing them to reset their passwords or contact the administrator for further assistance. The application will focus on a minimalistic design to ensure clarity and ease of use.

## CORE FEATURES
1. **Password Recovery Form**: A user-friendly form on the login page where users can input their email to receive a password reset link.
2. **Admin Notification**: If a user cannot recover their password, they can send a direct message to the administrator via email for assistance.
3. **Reset Password Functionality**: After the administrator resets a user's password, the user receives an email with a link to set a new password.
4. **Login Page**: A clean and simple login interface that includes both the password recovery form and standard login fields.
5. **User Feedback Messages**: Notifications for users to inform them of the success or failure of their password recovery attempts.

## 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 layout should feature a centered login form with the password recovery option prominently displayed above the login fields. The admin notification option should be easily accessible on the same page.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui to style the application and create UI components.
3. **Create Layout**: Develop a login page layout with Tailwind CSS, ensuring the password recovery form is positioned above the login fields.
4. **Implement Password Recovery Form**: Create a form component that allows users to enter their email for password recovery. Connect this to a backend service to send the recovery email.
5. **Admin Notification Feature**: Develop functionality for users to send messages to the admin if they cannot recover their password, using a simple form that sends an email.
6. **Password Reset Flow**: Set up an endpoint for the administrator to reset passwords and send an email to users with a link to set a new password.
7. **User Feedback**: Implement notification messages that inform users of the success or failure of password recovery attempts.

## USER EXPERIENCE
Users will first encounter a clean login page featuring a password recovery option prominently displayed. Upon entering their email for recovery, they will receive clear feedback on the success of their request. If they face issues, they can easily send a message to the admin. The admin interface will allow for quick password resets, ensuring a smooth user experience for those needing assistance. The entire flow emphasizes simplicity, clarity, and responsiveness across devices.