feat(web): Schedule-First redesign

- Top header bar + narrow sidebar layout
- Dashboard: calendar-style schedule with timeline cards
- Clients: card-based layout with avatar initials and pet count
- Services: grid cards with emoji indicators and pricing
- Bookings: timeline cards with time slots, status chips, inline actions
- Invoices: cards with status badges, action buttons
- All pages: search bars, empty states, modal forms
- Consistent color system: indigo primary, amber alerts, gray hierarchy

web/sketches/002-schedule-first/README.md

@@ -0,0 +1,18 @@
+## Variant 2: Schedule-First
+
+### Design stance
+Calendar-centric — the schedule is the single source of truth. Everything flows from the booking timeline. Warm, professional, like a modern salon management tool.
+
+### Key choices
+- **Layout:** Wide calendar header + booking cards below. Calendar is always visible and clickable.
+- **Typography:** Inter font, rounded corners (12px), generous spacing for readability
+- **Color:** White background, warm indigo accent (#4F46E5), amber for pending, green for completed
+- **Interaction:** Drag-able booking cards (simulated), date selector, status dropdowns inline
+- **Density:** Medium — comfortable spacing, clear visual hierarchy
+
+### Trade-offs
+- **Strong at:** Scheduling overview, day/week/month toggle, easy to see gaps, client-friendly
+- **Weak at:** Mobile compactness, data density for power users
+
+### Best for
+- Staff who plan their day visually, pet businesses where scheduling is the primary workflow