Fix SCSS syntax error in FloatingInput component

- Fixed incorrect '&' selector placement causing build failure
- Created members page mockup with multiple view modes
- Added MemberCard component for member listings

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

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

components/ui/FloatingInput.vue

@@ -183,10 +183,10 @@ const clearInput = () => {
       border-color: #dc2626;
       box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
       transform: translateY(-1px);
-      
-      .floating-input--glass& {
-        background: rgba(255, 255, 255, 0.9);
-      }
+    }
+    
+    .floating-input--focused.floating-input--glass & {
+      background: rgba(255, 255, 255, 0.9);
     }
     
     // Error state