Layout: Full calendar view with event management capabilities

• Header: Title with event count, view toggle (Calendar/List), Add Event button
• Calendar view: Month/Week/Day views with event indicators, click to view details
• List view: Chronological event list grouped by date with past event styling
• Event popup: Full details with title, time, location, description, category

Include:

• 24 sample events spread across current month (before and after today)
• Event categories with color coding (Meeting=blue, Social=emerald, Deadline=rose, Personal=violet)
• Event details: title, date/time, location, description, category with icons
• Add Event dialog with category selection and form validation
• Today highlight with primary color circle, past events with reduced opacity

Style: Clean calendar interface using FullCalendar with proper CSS theming. Category colors should be distinct. Use primary/teal accents for UI elements.