Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to manage users across multiple levels of access, allowing for a unified user management experience. It features a hierarchical structure where each level of user can manage their subordinates, allowing for clear visibility and control based on user roles.

## CORE FEATURES
1. **User Management Dashboard**: Each user level has a dedicated dashboard displaying relevant users, including functionalities for viewing, creating, and managing users under their authority.
2. **Role-Based Access Control**: The application employs a cascading logic that restricts visibility and actions based on user roles (Super Admin, Master Account, Agency, B2B, and Private).
3. **Expandable User Tree**: Super Admins can view and expand users in a hierarchical tree structure, providing a clear overview of all users and their relationships.
4. **Read-Only Wallet Display**: Users can view their wallet balance in a read-only format, ensuring financial data is secure and unmodifiable from unauthorized levels.
5. **User Creation Modal**: A dynamic modal allows Super Admins, Master Accounts, and Agencies to create new users with role-specific options and automatic email notifications.
6. **Search and Filter Options**: Each user level includes search and filter functionalities to streamline the process of finding specific users or types of users.

## 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 will consist of a sidebar for navigation, a header for user context, and a content area displaying user management functionalities such as dashboards and user tables.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for lightweight state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **Create User Authentication**: Implement role-based access control and user authentication mechanisms.
3. **Develop Core Components**: Build the sidebar, header, and main content areas using reusable components.
4. **Implement User Management Logic**: Create the `GestioneUtenti` component to handle user data fetching, role checks, and rendering of user-specific views.
5. **Design User Tables**: Create tables for displaying users based on their role, utilizing expandable rows for hierarchies.
6. **Add User Creation Modal**: Implement a modal that allows for the addition of new users with role-specific options.
7. **Implement Filters and Search**: Add filtering and search capabilities to enhance user experience in navigating the user lists.
8. **Testing and Validation**: Perform thorough testing of each user level's access and functionalities to ensure everything works as intended.

## USER EXPERIENCE
The application will provide a seamless experience where users can quickly navigate through their management dashboards. Super Admins will appreciate the ability to view all users and their relationships in a structured manner, while Master Accounts and Agencies can effectively manage their respective networks. The read-only wallet information ensures that users have necessary financial insights without compromising security, and the intuitive modal for user creation streamlines the onboarding process.

By following this structured prompt, you will create a fully functional minimalist light application that matches the user's vision for a unified user management system.