Fix sidebar styling issues

- Increased collapsed sidebar width from 80px to 100px for better spacing
- Removed rose/pink tint from sidebar header section
- Changed header background to neutral white/gray gradient
- Added subtle border and shadow to header section for better definition

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

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

.claude/settings.local.json

@@ -30,7 +30,9 @@
       "Bash(grep:*)",
       "Bash(findstr:*)",
       "mcp__playwright__browser_close",
-      "Bash(dir:*)"
+      "Bash(dir:*)",
+      "mcp__playwright__browser_evaluate",
+      "mcp__playwright__browser_hover"
     ],
     "deny": [],
     "ask": []

layouts/member.vue

@@ -3,7 +3,7 @@
     <v-navigation-drawer 
       v-model="drawer" 
       app 
-      :width="isCollapsed ? '80' : '280'" 
+      :width="isCollapsed ? '100' : '280'" 
       :rail="isCollapsed"
       class="enhanced-glass-drawer"
     >
@@ -336,12 +336,14 @@ watch(width, (newWidth) => {
   position: relative;
   padding: 1.5rem;
   background: linear-gradient(135deg, 
-    rgba(220, 38, 38, 0.05) 0%, 
+    rgba(255, 255, 255, 0.95) 0%, 
-    rgba(255, 255, 255, 0.8) 100%);
+    rgba(248, 248, 248, 0.9) 100%);
   border-radius: 16px;
   margin: 0.5rem;
   margin-bottom: 1rem;
   transition: all 0.3s ease;
+  border: 1px solid rgba(255, 255, 255, 0.5);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   
   &--collapsed {
     padding: 0.75rem;