Issue 2: `[Feat/Design] Modernize UI Components with Glassmorphism & Interactive States`

[arii]

Labels: frontend, ui/ux, components

Description:
The current interface uses flat cards and standard buttons. To achieve a "premium" feel, we will introduce glassmorphism for containers and highly tactile states for buttons.

Acceptance Criteria:

• Refactor ControlPanel.tsx and main containers to use the "Glass Card" style.
• Update the main "START" button to use a gradient background with shadow and hover lift effects.
• Style Stepper buttons (Plus/Minus) to have better visual weight and hover states.

Technical Implementation:

• Glass Card Style:

  sx={{
    background: 'rgba(30, 41, 59, 0.7)',
    backdropFilter: 'blur(20px) saturate(180%)',
    border: '1px solid rgba(255, 255, 255, 0.1)',
    borderRadius: 3,
    boxShadow: '0 8px 32px rgba(0, 0, 0, 0.4)'
  }}

• Primary Action Button:

  sx={{
    background: 'linear-gradient(135deg, #10B981 0%, #14B8A6 100%)',
    boxShadow: '0 8px 24px rgba(16, 185, 129, 0.4)',
    '&:hover': {
      transform: 'translateY(-2px)',
      boxShadow: '0 12px 32px rgba(16, 185, 129, 0.5)',
    }
  }}

---

[google-labs-jules]

Jules is on it. When finished, you will see another comment and be able to review a PR.

[google-labs-jules]

Ready for a review! A PR has been created.