I'll build this dark machine comparison dashboard with the Apple/Tesla-inspired aesthetic. Let me first check the current project structure and then create the dashboard.

Now I'll update the globals.css for the dark theme, update the layout with Inter font, and create the dashboard components.

Now let me update the tailwind config and globals.css theme section, then create the dashboard components:

Now let me create the dashboard components. I'll create the main dashboard page and supporting components:

Now let me create the main dashboard page with all the components integrated:

Now let me add the shimmer animation to the globals.css:

I've built a comprehensive dark machine comparison dashboard for forestry forwarder operations with an Apple/Tesla-inspired aesthetic. The dashboard includes:

Key Features:

• Machine Selector - Two clickable cards with 3D tilt effect on hover, showing Elephant King AF vs Wisent 2015 with a "vs" badge between them
• Filter System - Period pills (Vecka/Månad/Kvartal/År/Allt), operation type filter with conditional Gallring option, and configuration filter for Elephant King only
• Metric Tabs - 4 switchable metrics (m³/G15h, Lass/G15h, Diesel/m³, m³/100m) with white active state
• KPI Summary Cards - 5 key metrics displayed with large thin numbers in machine colors (forest green #2d6a4f, warm brown #a0522d)
• Bar Comparison Chart - Distance class breakdown with animated spring-loaded bars and shimmer effect on metric change
• Data Table - Detailed comparison with winning values highlighted and diff column

Design Details:

• Dark #070708 background with subtle noise texture overlay
• Frosted glass cards with gradient backgrounds and light edge reflections
• Inter font with weights 300 and 500 for extreme typography hierarchy
• Staggered fadeUp animations on load
• Sticky filter bar with backdrop blur on scroll
• Mobile responsive layout