I've completely redesigned the warehouse pricing configuration to support tiered quantity-based pricing. Here are the key features:

Key Features:

Tiered Pricing Structure

• Each operation step has multiple quantity ranges with different prices

• Example: Quality Inspection

  • 1-5 items: $3.00 per item
  • 6-15 items: $2.75 per item
  • 16-30 items: $2.50 per item
  • 31+ items: $2.25 per item

Flexible Range Configuration

• Min/Max Quantity inputs for each tier
• Unlimited ranges (using "+" notation for open-ended tiers)
• Per-item pricing for each quantity range
• Visual range display (e.g., "1-10 items", "51+ items")

Dynamic Tier Management

• Add new tiers with the "Add Price Tier" button
• Remove tiers with the trash icon (minimum 1 tier required)
• Real-time updates as you modify ranges and prices

Comprehensive Examples

• Pricing examples section showing how costs calculate for different order sizes
• Small orders (5 items) vs medium orders (25 items) vs large orders (100 items)
• Bulk discount visualization - larger quantities get better per-item rates

Professional Admin Interface

• Separate sections for inbound and outbound operations
• Color-coded organization (blue for inbound, green for outbound)
• Responsive design that works on all screen sizes
• Clear labeling with "per item" indicators

This system allows administrators to create sophisticated bulk pricing strategies where larger quantities receive better rates, encouraging efficiency and larger orders while maintaining profitability for smaller operations.

I've updated the layout to display the inbound and outbound sections vertically (stacked on top of each other) instead of side-by-side. Now:

Layout Changes:

Vertical Section Layout

• Inbound section appears at the top
• Outbound section appears below it
• Each section has its own header card with title and description

Horizontal Card Grid Within Sections

• Within each section, the operation cards are arranged in a responsive grid:

  • Mobile: 1 column
  • Medium screens: 2 columns
  • Large screens: 3 columns
• This makes better use of horizontal space while maintaining the vertical section separation

Better Space Utilization

• More room for each pricing tier configuration
• Easier to scan through all operations in each category
• Better readability on wider screens

The layout now flows vertically by section (Inbound → Outbound) while still utilizing horizontal space efficiently within each section for the individual operation cards.