Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is a control panel designed to manage both clients and technicians. It allows for the review and management of subscriptions for technicians and provides a comprehensive client management system. The goal is to create a minimalist, user-friendly interface that streamlines operational tasks for administrators.

## CORE FEATURES
1. **Technician Management**: A dedicated section to review technician subscriptions, including options to accept or decline their applications.
2. **Client Management**: Tools to manage client profiles, view their activity, and assess their service usage.
3. **Dashboard Overview**: A visual dashboard providing insights into client and technician metrics, including active subscriptions and engagement levels.
4. **Notifications**: Alerts for new technician applications and client actions that require attention.
5. **User Roles**: Different access levels for administrators, technicians, and clients to ensure appropriate permissions and data visibility.

## 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 structure should feature a sidebar for navigation (Technician Management, Client Management, Dashboard), a top bar for notifications, and a main content area displaying detailed views and statistics.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit (for managing state across the application)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, Redux Toolkit).
2. **Create Component Structure**: Develop the main components, including Sidebar, TopBar, Dashboard, TechnicianManagement, and ClientManagement.
3. **Implement Routing**: Set up routing for navigating between Technician Management, Client Management, and Dashboard.
4. **Build State Management**: Create Redux slices for managing technicians and clients, including actions to add, remove, and update user data.
5. **Design UI**: Use Tailwind CSS to style components according to the design specifications, ensuring responsiveness and accessibility.
6. **Integrate APIs**: If applicable, connect the application to backend services for fetching and updating client and technician data.

## USER EXPERIENCE
Users will have a streamlined experience where they can easily navigate between managing technicians and clients. Notifications will alert them to new applications and important actions, while the dashboard provides a quick overview of key metrics. The minimalist design ensures that users can focus on their tasks without unnecessary distractions, promoting efficiency and clarity in their workflows.