Add scheduler improvements, API endpoints, and month calendar view

Backend:
- Add /api/customers/ endpoint (CustomerViewSet, CustomerSerializer)
- Add /api/services/ endpoint with Service model and migrations
- Add Resource.type field (STAFF, ROOM, EQUIPMENT) with migration
- Fix EventSerializer to return resource_id, customer_id, service_id
- Add date range filtering to EventViewSet (start_date, end_date params)
- Add create_demo_appointments management command
- Set default brand colors in business API

Frontend:
- Add calendar grid view for month mode in OwnerScheduler
- Fix sidebar navigation active link contrast (bg-white/10)
- Add default primaryColor/secondaryColor fallbacks in useBusiness
- Disable WebSocket (backend not implemented) to stop reconnect loop
- Fix Resource.type.toLowerCase() error by adding type to backend

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/src/components/DevQuickLogin.tsx

@@ -96,11 +96,36 @@ export function DevQuickLogin({ embedded = false }: DevQuickLoginProps) {
       // Store token in cookie (use 'access_token' to match what client.ts expects)
       setCookie('access_token', response.data.token, 7);
 
-      // Invalidate queries to refetch user data
-      await queryClient.invalidateQueries({ queryKey: ['currentUser'] });
-      await queryClient.invalidateQueries({ queryKey: ['currentBusiness'] });
+      // Fetch user data to determine redirect
+      const userResponse = await apiClient.get('/api/auth/me/');
+      const userData = userResponse.data;
 
-      // Reload page to trigger auth flow
+      // Determine the correct subdomain based on user role
+      const currentHostname = window.location.hostname;
+      const currentPort = window.location.port;
+      let targetSubdomain: string | null = null;
+
+      // Platform users (superuser, platform_manager, platform_support)
+      if (['superuser', 'platform_manager', 'platform_support'].includes(userData.role)) {
+        targetSubdomain = 'platform';
+      }
+      // Business users - redirect to their business subdomain
+      else if (userData.business_subdomain) {
+        targetSubdomain = userData.business_subdomain;
+      }
+
+      // Check if we need to redirect to a different subdomain
+      const isOnTargetSubdomain = currentHostname === `${targetSubdomain}.lvh.me`;
+      const needsRedirect = targetSubdomain && !isOnTargetSubdomain;
+
+      if (needsRedirect) {
+        // Redirect to the correct subdomain
+        const portStr = currentPort ? `:${currentPort}` : '';
+        window.location.href = `http://${targetSubdomain}.lvh.me${portStr}/`;
+        return;
+      }
+
+      // Already on correct subdomain - just reload to update auth state
       window.location.reload();
     } catch (error: any) {
       console.error('Quick login failed:', error);

frontend/src/components/Sidebar.tsx

@@ -36,7 +36,7 @@ const Sidebar: React.FC<SidebarProps> = ({ business, user, isCollapsed, toggleCo
 
     const baseClasses = `flex items-center gap-3 py-3 text-sm font-medium rounded-lg transition-colors`;
     const collapsedClasses = isCollapsed ? 'px-3 justify-center' : 'px-4';
-    const activeClasses = 'bg-opacity-10 text-white bg-white';
+    const activeClasses = 'bg-white/10 text-white';
     const inactiveClasses = 'text-white/70 hover:text-white hover:bg-white/5';
     const disabledClasses = 'text-white/30 cursor-not-allowed';