Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to provide user management capabilities with a focus on security and flexible access control. It allows administrators to manage user roles, implement two-step authentication, and customize access levels for sub-users while maintaining a clean and minimalist user interface.

## CORE FEATURES
1. **Two-Step Authentication**: Enables two-step authentication for users via email and phone number to enhance security during login.
2. **Admin Role Management**: Only a designated administrator can add or manage other administrators and sub-users, ensuring controlled access.
3. **Custom Access Control**: Administrators can assign specific features and access rights to sub-users, allowing for tailored user experiences.
4. **Profile Management**: Administrators have the ability to manage "Profiles," with visibility limited to them, while sub-users only see features they have access to.
5. **User Account Management**: Both administrators and users can update their account details, including names, time zones, and passwords.
6. **Mandatory Two-Factor Authentication for Users**: While optional for admins, 2FA is enforced for all sub-users to ensure security compliance.

## 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 include a responsive dashboard for administrators with sections for user management, access control settings, and profile editing. A sidebar for navigation and a clean header to display the application title and user information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (if needed for global state management)

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Authentication Module**: Implement user authentication with options for two-step verification using email and SMS.
3. **Admin Dashboard**: Create the admin dashboard layout that includes user management features, profile settings, and access control options.
4. **Role Management**: Develop functionality for the administrator to add or manage sub-users and assign access privileges.
5. **Profile Management**: Create forms for users and administrators to update their account details and manage profiles.
6. **Testing**: Conduct thorough testing of user flows, especially focusing on the authentication process and access control features.

## USER EXPERIENCE
Users will interact with a clean and intuitive interface, where they can easily navigate through the dashboard and perform actions relevant to their role. Administrators will have clear options to manage users and set permissions, while sub-users will have a streamlined experience focused on their assigned tasks. The two-step authentication process will be straightforward, ensuring security without complicating the user experience. Responsive design will ensure usability across devices, maintaining functionality and aesthetic appeal.