Create a responsive CRM dashboard interface for a small independent studio.

Scope: frontend UI with fictional sample data only. Do not add backend services, authentication or payments.

Design: quiet light surfaces, slate navigation, restrained blue accents, 8px spacing scale, clear headings and accessible contrast.

Layout: sidebar with Overview, Contacts, Pipeline and Reports; top bar with page title and search; three summary cards; activity chart; recent contacts table.

Interactions: local search and filters, keyboard accessible navigation, empty and loading states. Use semantic HTML and visible focus indicators.

Responsive: collapse sidebar into a menu on small screens, stack cards, and keep tables inside a scroll container. Respect reduced motion.

Content: label all values as sample data. Do not imply a working commercial CRM.

Validation: check 390px, 768px and 1440px layouts, keyboard navigation and dark/light contrast.

Adapt the current project to include a studio CRM overview.

First inspect its framework, routes, components and design tokens. Preserve the existing stack, navigation, content and working behavior.

Add an isolated frontend dashboard with fictional sample contacts, a pipeline summary and activity chart. Reuse existing UI primitives. Do not add dependencies or replace the framework without a concrete need.

Keep the feature local-only: no backend, credentials, live customer data or payment integration.

Add responsive states, keyboard focus, empty states and clear sample-data labels. Summarize changed files and verify the current application still builds.