Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a streamlined web app designed for a sales manager in the chemical industry. It provides essential pricing and sales validation tools while restricting access to sensitive financial data. The app allows the manager to oversee six sales representatives, ensuring they adhere to minimum margin requirements before sending quotations.

## CORE FEATURES
1. **User Roles and Permissions**: The sales manager can access all necessary pricing tools, while sales representatives have limited visibility to ensure they only see essential information.
2. **Margin Validation**: The app will automatically check if the proposed price meets the minimum margin before allowing a quotation to be sent.
3. **Quotation Management**: A simple interface for the sales manager to review and authorize or adjust prices proposed by sales representatives.
4. **Alerts and Notifications**: If a quotation does not meet the minimum margin, the system will trigger an alert requiring approval or intervention from the sales manager.
5. **Dashboard Overview**: A concise dashboard that displays key metrics and summary information relevant to pricing and sales performance, tailored for quick insights.

## 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 simple layout featuring a sidebar for navigation, a main content area for dashboards and forms, and pop-ups for alerts and confirmations.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux Toolkit for managing application state as needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with necessary libraries for shadcn/ui and Redux Toolkit.
2. **Create User Role Management**: Develop role-based access control to differentiate between the sales manager and sales representatives.
3. **Implement Margin Validation Logic**: Create a function to check proposed prices against minimum margin thresholds.
4. **Build Quotation Management Interface**: Design forms for sales representatives to submit quotes and for the manager to review and approve or adjust these quotes.
5. **Set Up Notifications**: Implement alert modals that trigger when margin thresholds are not met, requiring the sales manager’s input.
6. **Develop Dashboard**: Create a clean, intuitive dashboard for the sales manager to view key metrics and manage quotes effectively.

## USER EXPERIENCE
The application will provide a seamless user experience, where sales representatives can quickly input quotations without unnecessary data, while the sales manager has an efficient dashboard to oversee operations. The validation system ensures that all quotations are compliant with pricing strategies, reducing errors and enhancing productivity. Users can easily navigate through the app due to its minimalist design, ensuring focus remains on critical tasks.