I now have a complete understanding of the AGHAN PROMOTERS MLM web app requirements. This is a large project with 22+ screens across User and Admin panels. Let me create a structured todo list and start building.

Let me start building the theme and core components. I'll update the globals.css with the dark glassmorphic theme as specified in the design document, then create the layout components.

Now let me create the mock data and types:

Now let me create the login page:

Now let me create the User Panel layout and dashboard. First, let me create the shared sidebar component:

Now let me create the Tree, Income, Withdraw, and Profile pages:

Now let me create the Admin Panel. First, I'll create the admin sidebar and layout:

Now let me create the remaining screens - Activation, Support, Invite, and more:

I can see the app is working but some admin pages are missing (company, plan, etc.). Let me create all the remaining admin pages to complete the full MLM web application:

Now let me update the mock data to ensure all required data is available:

Let me add the missing exports for the admin pages:

Now let me mark all tasks complete and check if everything is working:

The application is running successfully. I have built the complete AGHAN PROMOTERS MLM Web Application with all the features specified in your document. Here's what's included:

Login Page (/)

• Beautiful dark glassmorphic login with role selection (User/Admin)
• Demo credentials displayed for easy testing

User Panel (accessible after login as User):

• Dashboard (/dashboard) - Stats cards, wallet balances, recent activity
• Tree View (/tree) - Interactive genealogy tree with expandable nodes
• Income (/income) - All income types with filters and detailed breakdown
• Withdraw (/withdraw) - Withdrawal request form with history
• Profile (/profile) - Personal info, bank details, KYC status
• Activation (/activation) - Account activation and e-Bike status tracking
• Invite (/invite) - Referral link and QR code sharing
• Register (/register) - New member registration form
• Transactions (/transaction) - Complete transaction history
• Brochure (/brochure) - Plan details and company info
• Help (/help) - Support tickets and FAQs

Admin Panel (accessible via /admin/dashboard):

• Dashboard - Overview stats, charts, recent activities
• Members (/admin/members) - Full member management with search/filter
• Transactions (/admin/transactions) - All transactions with approval
• Withdrawals (/admin/withdrawals) - Withdrawal request management
• Genealogy (/admin/genealogy) - Full network tree view
• Plan (/admin/plan) - Commission structure and rank settings
• Company (/admin/company) - Company profile and system settings
• Support (/admin/support) - Ticket management
• Achievers (/admin/achievers) - Top performers recognition
• Reports (/admin/reports) - Analytics with charts