Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web-based backoffice administrative platform for Microjuris, a SaaS legal service provider. It is designed to manage users, organizations, subscriptions, and logs with role-based access for administrators and support staff. The platform will ensure secure operations and comprehensive auditing of user actions.

## CORE FEATURES
1. **User Management**: A robust interface for managing individual users, including account status, verification, and subscription details.
2. **Organization Management**: Allows administrators to manage organizations, associate users, and monitor subscription plans and statuses.
3. **Subscription Management**: Provides insights into active subscriptions and available add-ons for both users and organizations.
4. **Audit Logs**: Comprehensive tracking of user actions and events, with visual representations for quick insights into activity trends.
5. **Role-Based Access Control**: Secure access management with distinct roles for administrators and support personnel, including impersonation capabilities for support tasks.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Layout**: A grid-based layout for tables and forms, featuring clear visual hierarchies, with sections clearly delineated for user and organization details.
- **Typography**: Use a sans-serif font for readability, with headings in a larger size and body text in a standard size to maintain clarity.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and easy customization.
- **UI Components**: Utilize shadcn/ui for pre-built UI elements that adhere to the minimalist aesthetic.
- **State Management**: Consider using React Context or Redux for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or a similar tool.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Core Components**: Develop components for user management, organization management, subscription overview, and audit logs.
4. **Implement Routing**: Use React Router to manage navigation between different sections of the application.
5. **Build Out Features**: 
   - Develop user and organization tables with dynamic searching and filtering capabilities.
   - Create detailed views for users and organizations, including subscription details and audit logs.
   - Implement role-based access control and impersonation logic.
6. **Testing**: Write tests for critical components and user flows to ensure functionality and security.
7. **Deployment**: Set up a continuous integration/continuous deployment (CI/CD) pipeline for automated testing and deployment.

## USER EXPERIENCE
Key user interactions will include:
- Navigating between user and organization dashboards using a clear tabbed interface.
- Performing actions like activating/deactivating users and resetting passwords with modal confirmations to prevent accidental actions.
- Viewing subscription details and logs with visual graphs that allow for easy comprehension of user activity over time.
- Utilizing the impersonation feature that allows support staff to assist users directly while ensuring audit trails are maintained. 

This design and implementation plan ensures a secure, user-friendly, and efficient backoffice application tailored for the needs of Microjuris.