Create a dark-themed shipping intelligence
dashboard for "FreightIQ" - an AI platform
for Indian exporters.

Design a main dashboard overview page with:

COLOR SCHEME:

• Background: slate-900
• Cards: slate-800
• Borders: slate-700
• Primary accent: sky-500
• UP prediction: red-400 with red-900/20 bg
• DOWN prediction: emerald-400 with
  emerald-900/20 bg
• Text: white (headings), slate-300 (body),
  slate-500 (muted)

LAYOUT:

• Fixed left sidebar (240px wide)
• Top header bar
• Main scrollable content

SIDEBAR:
Logo "FreightIQ" at top with ship icon
Navigation items with icons:

• Overview (active state: sky bg)
• My Routes
• Predictions
• Alerts (badge showing count)
• Settings
  Bottom: User avatar + name + plan badge

HEADER:

• Page title "Route Intelligence"
• Notification bell icon (with badge)
• "Add Route" button (sky-500)

MAIN CONTENT:

Row 1 - 4 Stat Cards:
┌─────────────────┐ ┌─────────────────┐
│ Active Routes │ │ Alerts │
│ 3 │ │ 7 │
│ +1 this week │ │ 2 critical │
└─────────────────┘ └─────────────────┘
┌─────────────────┐ ┌─────────────────┐
│ Avg Confidence │ │ Est. Savings │
│ 74% │ │ ₹2,40,000 │
│ +3% vs last mo │ │ this month │
└─────────────────┘ └─────────────────┘

Row 2 - Route Intelligence Cards (3 columns):

Card 1 (JNPT → Hamburg):

• Header: route name + flag emojis
• Current Rate: $2,840/FEU
• Big prediction badge:
  "↑ UP 14-18%" on red background
• Confidence progress bar: 74%
• Two metrics:
  Congestion 🔴 HIGH | Capacity TIGHT
• Footer: "Book within 5 days"
  • orange "URGENT" tag

Card 2 (JNPT → Felixstowe):

• Current Rate: $2,650/FEU
• Prediction: "→ STABLE ±3%"
  on amber background
• Confidence: 68%
• Congestion: 🟡 MEDIUM
• Footer: "Monitor weekly"

Card 3 (Mundra → Rotterdam):

• Current Rate: $2,920/FEU
• Prediction: "↓ DOWN 8-12%"
  on emerald background
• Confidence: 71%
• Congestion: 🟢 LOW
• Footer: "Wait 7-10 days for better rate"

Row 3 - Two columns:

Left (60%): Freight Rate Chart

• Title: "JNPT → Hamburg Rate Trend"
• Route selector dropdown (top right)
• Recharts LineChart:
  • X: Jan-Jun (historical, solid sky line)
  • Jul-Aug (forecast, dashed white line)
  • Light sky shaded area for
    confidence interval
• Legend: Historical | Forecast |
  Confidence Band
• Y axis: $1,500 - $3,500

Right (40%): Alerts Feed

• Title: "Recent Signals"

• 5 alert items, each:
  ⚡ [icon] [message] [time]

  🔴 Rate spike detected on
  JNPT→Hamburg • 2h ago

  🟡 Hamburg congestion elevated
  Expect 3-4 day delays • 5h ago

  🔵 Blank sailing: Maersk cancelled
  2 voyages Asia-Europe • 1d ago

  🟢 Booking window opens
  JNPT→Felixstowe optimal • 1d ago

  ⚪ Weekly market brief ready
  Download PDF report • 2d ago

MAKE IT:

• Pixel perfect, production ready
• Proper spacing and typography
• Hover states on cards
• Smooth and professional
• shadcn/ui components
• Fully responsive