1. Dashboard(Left) Where Inside can - View personal dashboard - View announcements - View pending requests - View leave balance - View attendance summary - View latest payslip - View timesheet status 2. My Profile (Right top with Image) Where Inside can - View personal information - Update phone number - Update address - Update emergency contacts - Upload profile photo - Change password - Enable two-factor authentication -Logout 3. Leave Management (Left) Where inside can - Apply for leave - View leave balance - View leave history - Track approval status - Cancel pending requests Workflow: Draft → Submitted → Supervisor Approval → HR Approval → Approved/Rejected 4. Attendance(Left) - Clock In - Clock Out - GPS capture (optional) - View attendance history - Request attendance correction 5. Timesheets(Left) - Create timesheet - Log hours by project/activity - Submit timesheet - View approval status - View previous submissions 6. Payroll & Payslips(Left) - Download payslips PDF( Can Select month) - View salary breakdown - View allowances - View deductions - View tax/social security deductions Employees must only see their own payroll data. 7. Documents(Left) - View employment contract - Upload requested HR documents - Download HR policies - Download employee handbook - View training materials 8. Notifications(Left) - Leave approval/rejection - Payroll processed - New payslip available - Contract nearing expiry - HR announcements 9. Requests(Left) - Advance Request -Retirement etc The interface must be modern, mobile responsive, simple, and easy for non-technical NGO staff to use.