Create two ultra-high-resolution, side-by-side modern web application dashboard mockups for "SkillMatch" — an internal/community skill-matching platform that connects people needing help with experts in real-time. Use a clean, premium, futuristic-yet-professional SaaS UI style inspired by 2025–2026 top-tier tools (Notion, Linear, Vercel, Linear.app, Raycast, Supabase dashboard, Framer Sites). Color palette (must be strictly followed in both modes): Primary dark navy: #052659 Primary vibrant blue: #5483B3 Light accent / highlight: #C1E8FF Supporting neutrals: pure white #FFFFFF, very light gray #F8FAFC, soft gray #E2E8F0, dark gray #1E293B Two versions shown side-by-side with a clear vertical divider: Left: Dark Mode (dominant background #052659 → subtle gradient to #0F1E3A, cards #1E293B with #2D3748 borders, text #E2E8F0 / #F8FAFC, accents #5483B3 and bright #C1E8FF for buttons/hovers/icons/active states) Right: Light Mode (dominant background #F8FAFC → subtle gradient to #FFFFFF, cards #FFFFFF with #E2E8F0 borders, text #1E293B / #334155, accents #5483B3 and soft #C1E8FF for buttons/hovers/icons/active states) Main dashboard layout (identical structure in both modes): - Top sticky navigation bar: logo "SkillMatch" (modern sans-serif, bold), central large search bar with placeholder "Search any skill, tech or topic… (React, Python, DSA, Kubernetes…)", user avatar + theme toggle icon (sun/moon) - Left sidebar (collapsible): navigation items with icons → Home, My Profile, Search Experts, Requests, Messages, Skill Gaps (for managers), Settings - Main content area: - Hero search section with quick filters chips (Proficiency, Availability, Location, Department/Role) - Grid of expert profile cards (4–5 visible): avatar, name, headline, skill tags/badges (colored pills), proficiency level (progress bar or stars), availability badge (green "Available now"), "Request Help" button (prominent #5483B3 or #C1E8FF depending on mode) - Floating or bottom-right mini chat preview window showing active conversation - Subtle floating action button (FAB) for "New Request" with + icon UI details: - Glassmorphism / neumorphic cards with subtle inner shadows and borders - Rounded corners (12–16px), generous whitespace, modern typography (Inter or SF Pro style) - Hover states: scale + brighter #C1E8FF glow / lift shadow - Active states: #5483B3 underline or background fill - Icons: clean line icons (Feather, Heroicons, Lucide style) in #5483B3 / #C1E8FF - Micro-interactions implied: glowing hover on buttons, smooth transitions Title at the very top (spanning both modes): "SkillMatch – Modern Skill Matching Dashboard" in elegant white (dark) / dark navy (light) futuristic font with subtle glow/shadow Overall composition: cinematic, balanced, high-contrast, ultra-detailed, vector-sharp, professional SaaS product hero shot style, 16:9 landscape, perfect for pitch decks and websites. No clutter, focus on clarity, beauty, and the strict color scheme #052659 #5483B3 #C1E8FF