Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to enhance the functionalities of an existing CPANEL for managing IPTV account permissions. It provides a streamlined interface for users to check subscription statuses and access codes with specific permissions, ensuring an efficient and user-friendly experience.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system for users to manage their accounts and subscriptions.
2. **Subscription Management**: A dashboard that allows users to view and update their IPTV subscriptions, including status and duration.
3. **Access Code Generation**: Functionality to generate and manage access codes with specific permissions for each user.
4. **Permissions Overview**: A clear display of user permissions associated with their accounts, helping them understand their access levels.
5. **User Notifications**: Real-time notifications about subscription renewals and updates on access codes.
6. **Support Section**: A user-friendly help center for troubleshooting and FAQs related to IPTV account management.

## 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**: A straightforward layout featuring a top navigation bar, a main dashboard area for displaying user information, and a sidebar for navigation to different features.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if complex state management is needed)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create Authentication System**: Implement user authentication using a secure method (e.g., JWT).
3. **Build Dashboard Layout**: Design the main dashboard layout with a top navigation bar and a sidebar using Tailwind CSS for styling.
4. **Develop Subscription Management Feature**: Create components to display and manage user subscriptions, utilizing API calls to fetch data.
5. **Implement Access Code Generation**: Develop the functionality for generating and managing access codes, ensuring permissions are clearly defined.
6. **Set Up Notifications**: Integrate a notification system to keep users informed about their subscriptions and access codes.
7. **Create Support Section**: Build a help center UI with FAQs and support contact options.
8. **Test and Optimize**: Conduct thorough testing for user experience, responsiveness, and performance, making adjustments as necessary.

## USER EXPERIENCE
Users will be greeted with a clean and intuitive dashboard upon logging in. They can easily navigate through the different features via the sidebar, check their subscription statuses, generate access codes, and review their permissions. Notifications will alert them of important updates, while the support section will be readily available for any assistance they may need. The application will maintain a responsive design, ensuring a seamless experience across all devices.