Now let me read the existing project files to understand the codebase structure:

Now let me set up the task list for this multi-screen app:

Let me start by setting up the theme, layout, and navigation. First, let me read some key UI components I'll need:

Now I have all the context I need. Let me start building. First, I'll update the theme and globals.css, then the layout, and then build all the screens.

Now let me update the layout.tsx with the right fonts and metadata:

Now update the font references in globals.css:

Now let me build the app shell with the bottom navigation and all screens. Let me create all the component files:

Now let me create the Home Dashboard:

Now let me wire everything together in the main page:

I've built the complete ADIM Fitness mobile-first web application with all 6 screens across 4 navigable tabs. The app features a dark theme with energetic green and blue accents (using Inter + Space Grotesk fonts), and includes:

• Home Dashboard with greeting, daily streak progress bar, stats grid (workouts, calories, rank), and quick action cards that navigate to other screens
• Leaderboard with a visually prominent streak goal at the top, your rank card, a top-15 user list with styled rankings (gold/silver/bronze), and a highlighted current user entry
• Meal Plan Generator with a 3-step flow: input form (dietary goals, allergy checkboxes, cooking time slider, budget, favorite foods), an animated loading screen, and a 7-day results view with breakfast/lunch/dinner per day, cost estimates, and badge icons for high protein/budget friendly/allergy safe
• Profile/Progress screen with avatar, stats row, an interactive bar chart showing 12-week activity history with hover tooltips, saved meal plans list, and all-time statistics