diff --git a/osinaweb/db.sqlite3 b/osinaweb/db.sqlite3
index b0fbdd75..e174d7db 100644
Binary files a/osinaweb/db.sqlite3 and b/osinaweb/db.sqlite3 differ
diff --git a/osinaweb/osinacore/__pycache__/__init__.cpython-311.pyc b/osinaweb/osinacore/__pycache__/__init__.cpython-311.pyc
index 0d90ec5f..d56b89c2 100644
Binary files a/osinaweb/osinacore/__pycache__/__init__.cpython-311.pyc and b/osinaweb/osinacore/__pycache__/__init__.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/__pycache__/admin.cpython-311.pyc b/osinaweb/osinacore/__pycache__/admin.cpython-311.pyc
index 8addf20a..805d0e6d 100644
Binary files a/osinaweb/osinacore/__pycache__/admin.cpython-311.pyc and b/osinaweb/osinacore/__pycache__/admin.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/__pycache__/apps.cpython-311.pyc b/osinaweb/osinacore/__pycache__/apps.cpython-311.pyc
index 7c70a641..a3a923a9 100644
Binary files a/osinaweb/osinacore/__pycache__/apps.cpython-311.pyc and b/osinaweb/osinacore/__pycache__/apps.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/__pycache__/custom_context.cpython-311.pyc b/osinaweb/osinacore/__pycache__/custom_context.cpython-311.pyc
index e469db85..c703e930 100644
Binary files a/osinaweb/osinacore/__pycache__/custom_context.cpython-311.pyc and b/osinaweb/osinacore/__pycache__/custom_context.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/__pycache__/forms.cpython-311.pyc b/osinaweb/osinacore/__pycache__/forms.cpython-311.pyc
index 6eca4606..a473788b 100644
Binary files a/osinaweb/osinacore/__pycache__/forms.cpython-311.pyc and b/osinaweb/osinacore/__pycache__/forms.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/__pycache__/models.cpython-311.pyc b/osinaweb/osinacore/__pycache__/models.cpython-311.pyc
index e6887c42..fa80e075 100644
Binary files a/osinaweb/osinacore/__pycache__/models.cpython-311.pyc and b/osinaweb/osinacore/__pycache__/models.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/__pycache__/views.cpython-311.pyc b/osinaweb/osinacore/__pycache__/views.cpython-311.pyc
index 2213542b..f96f3fd6 100644
Binary files a/osinaweb/osinacore/__pycache__/views.cpython-311.pyc and b/osinaweb/osinacore/__pycache__/views.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0001_initial.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0001_initial.cpython-311.pyc
index 7a09ecc6..66cdc241 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0001_initial.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0001_initial.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0002_projecttype_alter_business_options_staffprofile_and_more.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0002_projecttype_alter_business_options_staffprofile_and_more.cpython-311.pyc
index 75f22956..80a35a2c 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0002_projecttype_alter_business_options_staffprofile_and_more.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0002_projecttype_alter_business_options_staffprofile_and_more.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0003_milestone.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0003_milestone.cpython-311.pyc
index 26124260..9f126052 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0003_milestone.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0003_milestone.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0004_epic.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0004_epic.cpython-311.pyc
index 67f64071..c92f584e 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0004_epic.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0004_epic.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0005_staffprofile_image.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0005_staffprofile_image.cpython-311.pyc
index 1734fa60..7e1f431c 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0005_staffprofile_image.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0005_staffprofile_image.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0006_note.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0006_note.cpython-311.pyc
index b55069cc..c9ed9d9a 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0006_note.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0006_note.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0007_project_project_id_alter_project_status.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0007_project_project_id_alter_project_status.cpython-311.pyc
index a0dd1280..179f3efc 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0007_project_project_id_alter_project_status.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0007_project_project_id_alter_project_status.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0008_alter_project_project_id.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0008_alter_project_project_id.cpython-311.pyc
index 1b9714dc..9dfa70ce 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0008_alter_project_project_id.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0008_alter_project_project_id.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0009_alter_project_project_id.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0009_alter_project_project_id.cpython-311.pyc
index e67ea405..db079114 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0009_alter_project_project_id.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0009_alter_project_project_id.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0010_remove_note_date.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0010_remove_note_date.cpython-311.pyc
index 63b9c81c..f26cfbe4 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0010_remove_note_date.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0010_remove_note_date.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0011_note_date_alter_note_color_alter_note_text_and_more.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0011_note_date_alter_note_color_alter_note_text_and_more.cpython-311.pyc
index 8d8e6f36..1bfcc1b7 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0011_note_date_alter_note_color_alter_note_text_and_more.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0011_note_date_alter_note_color_alter_note_text_and_more.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0012_projectrequirement.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0012_projectrequirement.cpython-311.pyc
index 3033039e..4a1ec663 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0012_projectrequirement.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0012_projectrequirement.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0013_projectfile.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0013_projectfile.cpython-311.pyc
index 59876156..a0880bfc 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0013_projectfile.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0013_projectfile.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0014_alter_projectfile_file.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0014_alter_projectfile_file.cpython-311.pyc
index ee80f0e2..e273dcbc 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0014_alter_projectfile_file.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0014_alter_projectfile_file.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0015_projectcredentials.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0015_projectcredentials.cpython-311.pyc
index 97325f50..2e054c45 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0015_projectcredentials.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0015_projectcredentials.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0016_rename_projectcredentials_projectcredential.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0016_rename_projectcredentials_projectcredential.cpython-311.pyc
index f85bb32b..89935fd9 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0016_rename_projectcredentials_projectcredential.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0016_rename_projectcredentials_projectcredential.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0017_alter_project_end_date_alter_project_start_date.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0017_alter_project_end_date_alter_project_start_date.cpython-311.pyc
index e0a704eb..b8195a3f 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0017_alter_project_end_date_alter_project_start_date.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0017_alter_project_end_date_alter_project_start_date.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0018_epic_status.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0018_epic_status.cpython-311.pyc
index dfbad6c6..d19f1d41 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0018_epic_status.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0018_epic_status.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0019_alter_epic_end_date_alter_epic_start_date.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0019_alter_epic_end_date_alter_epic_start_date.cpython-311.pyc
index 9cd2a4b9..933decd5 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0019_alter_epic_end_date_alter_epic_start_date.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0019_alter_epic_end_date_alter_epic_start_date.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0020_task.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0020_task.cpython-311.pyc
index 4e2ba03c..8aa23702 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0020_task.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0020_task.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0021_alter_customerprofile_business_and_more.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0021_alter_customerprofile_business_and_more.cpython-311.pyc
index 5ada5af7..ee3f58d7 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0021_alter_customerprofile_business_and_more.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0021_alter_customerprofile_business_and_more.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0022_customerprofile_customer_id.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0022_customerprofile_customer_id.cpython-311.pyc
index 35f5a3be..62bf9f9d 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0022_customerprofile_customer_id.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0022_customerprofile_customer_id.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0023_task_assigned_to.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0023_task_assigned_to.cpython-311.pyc
index 7cdc7436..b52162bb 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0023_task_assigned_to.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0023_task_assigned_to.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0024_task_task_id.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0024_task_task_id.cpython-311.pyc
index 20ba57b8..d481f606 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0024_task_task_id.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0024_task_task_id.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0025_status.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0025_status.cpython-311.pyc
index 4e1aff44..0b4f0c00 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0025_status.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0025_status.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0026_remove_status_user_status_staff.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0026_remove_status_user_status_staff.cpython-311.pyc
index 05ac039f..b1ab094e 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0026_remove_status_user_status_staff.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0026_remove_status_user_status_staff.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0027_alter_status_staff.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0027_alter_status_staff.cpython-311.pyc
index ace491f7..57305948 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0027_alter_status_staff.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0027_alter_status_staff.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0028_remove_projecttype_color.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0028_remove_projecttype_color.cpython-311.pyc
index 43394d77..1151e05c 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0028_remove_projecttype_color.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0028_remove_projecttype_color.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0029_alter_reference_date.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0029_alter_reference_date.cpython-311.pyc
index 91d64392..f694c5fa 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0029_alter_reference_date.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0029_alter_reference_date.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0030_tag.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0030_tag.cpython-311.pyc
index 946e1fad..03ee3c9d 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0030_tag.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0030_tag.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0031_alter_staffprofile_image.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0031_alter_staffprofile_image.cpython-311.pyc
index bee67bf4..bc15f5c2 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0031_alter_staffprofile_image.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0031_alter_staffprofile_image.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0032_point.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0032_point.cpython-311.pyc
index 32a28510..16d322ba 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0032_point.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0032_point.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0033_point_date_completed_point_date_workingon_and_more.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0033_point_date_completed_point_date_workingon_and_more.cpython-311.pyc
index 464a831b..aa9ee7c9 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0033_point_date_completed_point_date_workingon_and_more.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0033_point_date_completed_point_date_workingon_and_more.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0034_alter_point_date_completed_and_more.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0034_alter_point_date_completed_and_more.cpython-311.pyc
index c844fd59..f7fcdb56 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0034_alter_point_date_completed_and_more.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0034_alter_point_date_completed_and_more.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0035_business_business_id.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0035_business_business_id.cpython-311.pyc
index 41214963..fdd5859a 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0035_business_business_id.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0035_business_business_id.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0036_staffposition_alter_staffprofile_position.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0036_staffposition_alter_staffprofile_position.cpython-311.pyc
index 81c288b0..a5feb393 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0036_staffposition_alter_staffprofile_position.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0036_staffposition_alter_staffprofile_position.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0037_remove_staffprofile_position.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0037_remove_staffprofile_position.cpython-311.pyc
index 5cbda20a..13dba58e 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0037_remove_staffprofile_position.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0037_remove_staffprofile_position.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0038_staffprofile_staff_position.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0038_staffprofile_staff_position.cpython-311.pyc
index 4b179a67..a8937ffb 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0038_staffprofile_staff_position.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0038_staffprofile_staff_position.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0039_alter_staffprofile_staff_position.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0039_alter_staffprofile_staff_position.cpython-311.pyc
index 89cfd770..3b16e5a8 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0039_alter_staffprofile_staff_position.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0039_alter_staffprofile_staff_position.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0040_staffprofile_staff_id.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0040_staffprofile_staff_id.cpython-311.pyc
index bed3a79b..be5bdb98 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0040_staffprofile_staff_id.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0040_staffprofile_staff_id.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0041_dailyreport.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0041_dailyreport.cpython-311.pyc
index 36438d15..c5442f77 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0041_dailyreport.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0041_dailyreport.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0042_remove_customerprofile_email_and_more.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0042_remove_customerprofile_email_and_more.cpython-311.pyc
index ca5b16d8..1f5b0f87 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0042_remove_customerprofile_email_and_more.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0042_remove_customerprofile_email_and_more.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0043_businesstype.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0043_businesstype.cpython-311.pyc
index 0289a3c6..c746f44c 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0043_businesstype.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0043_businesstype.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0044_remove_business_business_type.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0044_remove_business_business_type.cpython-311.pyc
index 3dd79757..23b78dfc 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0044_remove_business_business_type.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0044_remove_business_business_type.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0045_business_type.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0045_business_type.cpython-311.pyc
index 1dbddcef..e13fefdb 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0045_business_type.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0045_business_type.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0046_task_requirement.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0046_task_requirement.cpython-311.pyc
index 9bbe5bef..dee18be3 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0046_task_requirement.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0046_task_requirement.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0047_task_status_date.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0047_task_status_date.cpython-311.pyc
index 5610a82c..63084076 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0047_task_status_date.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0047_task_status_date.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0048_alter_customerprofile_business.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0048_alter_customerprofile_business.cpython-311.pyc
index 4c2b5ddc..13e6b35b 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0048_alter_customerprofile_business.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0048_alter_customerprofile_business.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0049_alter_customerprofile_business.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0049_alter_customerprofile_business.cpython-311.pyc
index 29d9e8ad..aeba789d 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0049_alter_customerprofile_business.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0049_alter_customerprofile_business.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0050_projectrequirement_added_by_projectrequirement_date.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0050_projectrequirement_added_by_projectrequirement_date.cpython-311.pyc
index f63a606e..9ff35666 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0050_projectrequirement_added_by_projectrequirement_date.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0050_projectrequirement_added_by_projectrequirement_date.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0051_alter_task_requirement.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0051_alter_task_requirement.cpython-311.pyc
index 8ce7e451..0fb6b1a1 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0051_alter_task_requirement.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0051_alter_task_requirement.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0052_note_project.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0052_note_project.cpython-311.pyc
index 624d8f16..e8d93213 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0052_note_project.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0052_note_project.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0053_pointactivity.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0053_pointactivity.cpython-311.pyc
index ac669032..6e281c45 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0053_pointactivity.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0053_pointactivity.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0054_remove_point_date_completed_and_more.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0054_remove_point_date_completed_and_more.cpython-311.pyc
index 0aceb8bd..fe9d9f1c 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0054_remove_point_date_completed_and_more.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0054_remove_point_date_completed_and_more.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0055_alter_point_status.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0055_alter_point_status.cpython-311.pyc
index 1d902fba..945ca759 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0055_alter_point_status.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0055_alter_point_status.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0056_alter_pointactivity_end_time.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0056_alter_pointactivity_end_time.cpython-311.pyc
index 2e3c876b..a3eee187 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0056_alter_pointactivity_end_time.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0056_alter_pointactivity_end_time.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0057_point_total_time_hours_point_total_time_minutes_and_more.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0057_point_total_time_hours_point_total_time_minutes_and_more.cpython-311.pyc
index e25551a4..64e208ca 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0057_point_total_time_hours_point_total_time_minutes_and_more.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0057_point_total_time_hours_point_total_time_minutes_and_more.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0058_remove_point_total_time_hours_and_more.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0058_remove_point_total_time_hours_and_more.cpython-311.pyc
index 4fc3ec26..75a9b855 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0058_remove_point_total_time_hours_and_more.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0058_remove_point_total_time_hours_and_more.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/__init__.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/__init__.cpython-311.pyc
index 546c37ac..1b432b03 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/__init__.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/__init__.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/views.py b/osinaweb/osinacore/views.py
index fed3176d..dfe5336e 100644
--- a/osinaweb/osinacore/views.py
+++ b/osinaweb/osinacore/views.py
@@ -1903,4 +1903,20 @@ def mark_point_completed_task_page(request, point_id, task_id):
 
     task_id_str = task.task_id
 
-    return redirect('detailed-task', task_id=task.task_id)
\ No newline at end of file
+    return redirect('detailed-task', task_id=task.task_id)
+
+
+
+
+
+
+
+# CUSTOMER DASHBOARD
+@login_required
+def customer_index(request, *args, **kwargs):
+    
+    context = {
+
+    }
+
+    return render(request, 'customer_dashboard/customer_index.html', context)
\ No newline at end of file
diff --git a/osinaweb/osinaweb/__pycache__/__init__.cpython-311.pyc b/osinaweb/osinaweb/__pycache__/__init__.cpython-311.pyc
index 20da8714..1dd63b9d 100644
Binary files a/osinaweb/osinaweb/__pycache__/__init__.cpython-311.pyc and b/osinaweb/osinaweb/__pycache__/__init__.cpython-311.pyc differ
diff --git a/osinaweb/osinaweb/__pycache__/settings.cpython-311.pyc b/osinaweb/osinaweb/__pycache__/settings.cpython-311.pyc
index afac2d7f..51960a62 100644
Binary files a/osinaweb/osinaweb/__pycache__/settings.cpython-311.pyc and b/osinaweb/osinaweb/__pycache__/settings.cpython-311.pyc differ
diff --git a/osinaweb/osinaweb/__pycache__/urls.cpython-311.pyc b/osinaweb/osinaweb/__pycache__/urls.cpython-311.pyc
index f2012b85..b5f1de56 100644
Binary files a/osinaweb/osinaweb/__pycache__/urls.cpython-311.pyc and b/osinaweb/osinaweb/__pycache__/urls.cpython-311.pyc differ
diff --git a/osinaweb/osinaweb/__pycache__/wsgi.cpython-311.pyc b/osinaweb/osinaweb/__pycache__/wsgi.cpython-311.pyc
index a1a8da73..8261e340 100644
Binary files a/osinaweb/osinaweb/__pycache__/wsgi.cpython-311.pyc and b/osinaweb/osinaweb/__pycache__/wsgi.cpython-311.pyc differ
diff --git a/osinaweb/osinaweb/urls.py b/osinaweb/osinaweb/urls.py
index 7c0c0348..4b21d974 100644
--- a/osinaweb/osinaweb/urls.py
+++ b/osinaweb/osinaweb/urls.py
@@ -153,6 +153,15 @@ urlpatterns = [
 
 
    path('get_point_total_time/<int:point_id>/', views.get_point_total_time, name='get_point_total_time'),
+
+
+
+
+
+
+
+    #CUSTOMER DASHBOARD
+    path('customerdashboard/', views.customer_index, name='customerdashboard'),
 ]
 
 urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
\ No newline at end of file
diff --git a/osinaweb/static/dist/output.css b/osinaweb/static/dist/output.css
index 8904b18c..f7f49d0d 100644
--- a/osinaweb/static/dist/output.css
+++ b/osinaweb/static/dist/output.css
@@ -1392,6 +1392,11 @@ video {
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
 }
 
+.border-blue-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(96 165 250 / var(--tw-border-opacity));
+}
+
 .border-blue-500 {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity));
@@ -2047,6 +2052,11 @@ video {
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 
+.text-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity));
+}
+
 .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity));
@@ -2627,6 +2637,10 @@ video {
   .lg\:hidden {
     display: none;
   }
+
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
 }
 
 @media (min-width: 1200px) {
diff --git a/osinaweb/templates/customer_dashboard/customer_index.html b/osinaweb/templates/customer_dashboard/customer_index.html
new file mode 100644
index 00000000..0001ccda
--- /dev/null
+++ b/osinaweb/templates/customer_dashboard/customer_index.html
@@ -0,0 +1,170 @@
+{% extends "customer_dashboard/customer_main.html" %}
+{%load static%}
+{% block content %}
+
+<div class="w-full px-5 s:px-9 flex flex-col gap-3">
+    <!-- TICKETS -->
+    <div class="w-full bg-white rounded-md h-fit shadow-md p-5">
+        <h1 class="text-slate-700 text-xl font-bold">Tickets</h1>
+
+        <div class="overflow-x-auto border border-gray-300 rounded-md mt-3">
+            <table class="min-w-full divide-y">
+                <!-- TABLE HEADER -->
+                <thead class="bg-gray-50">
+                    <tr>
+                        <th scope="col"
+                            class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                            #
+                        </th>
+                        <th scope="col"
+                            class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                            Client
+                        </th>
+                        <th scope="col"
+                            class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                            Last Update
+                        </th>
+                        <th scope="col"
+                            class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                            Last Reply
+                        </th>
+                        <th scope="col"
+                            class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                            Subject
+                        </th>
+                        <th scope="col"
+                            class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                            Department
+                        </th>
+                        <th scope="col"
+                            class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                            Status
+                        </th>
+                        <th scope="col"
+                            class="px-6 py-3 text-sm font-medium text-gray-500 uppercase whitespace-nowrap">
+                            Actions
+                        </th>
+                    </tr>
+                </thead>
+
+                <!-- TABLE BODY -->
+                <tbody class="bg-white divide-y divide-gray-200">
+                    <tr>
+                        <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                            <p class="text-slate-800">1</p>
+                        </td>
+
+                        <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                            <p class="text-slate-800">Emile Elliye</p>
+                        </td>
+
+                        <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                            <p class="text-slate-800">20-1-2024</p>
+                        </td>
+
+                        <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                            <p class="text-slate-800">20-2-2024</p>
+                        </td>
+
+                        <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                            <p class="text-slate-800">Add Customer Template</p>
+                        </td>
+
+                        <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                            <p class="text-slate-800">Informatique</p>
+                        </td>
+
+                        <td class="px-6 py-4 text-center text-sm border-r border-gray-300 bg-green-700">
+                            <p class="text-white">Closed</p>
+                        </td>
+
+                        <td class="px-6 py-4 text-center text-sm">
+                            <div class="flex justify-center items-center gap-3">
+                                <a href="">
+                                    <div class="text-[15px] text-blue-500 cursor-pointer">
+                                        <i class="fa fa-edit"></i>
+                                    </div>
+                                </a>
+                                <div class="text-[15px] text-red-500 cursor-pointer">
+                                    <i class="fa fa-trash"></i>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+
+
+    <!-- INVOICES -->
+    <div class="w-full bg-white rounded-md h-fit shadow-md p-5">
+        <h1 class="text-slate-700 text-xl font-bold">Invoices</h1>
+
+        <div class="overflow-x-auto border border-gray-300 rounded-md mt-3">
+            <table class="min-w-full divide-y">
+                <!-- TABLE HEADER -->
+                <thead class="bg-gray-50">
+                    <tr>
+                        <th scope="col"
+                            class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                            #
+                        </th>
+                        <th scope="col"
+                            class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                            Due Date
+                        </th>
+                        <th scope="col"
+                            class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                            Title
+                        </th>
+                        <th scope="col"
+                            class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                            Description
+                        </th>
+                        <th scope="col"
+                            class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                            Status
+                        </th>
+                        <th scope="col"
+                            class="px-6 py-3 text-sm font-medium text-gray-500 uppercase whitespace-nowrap">
+                            Amount
+                        </th>
+                    </tr>
+                </thead>
+
+                <!-- TABLE BODY -->
+                <tbody class="bg-white divide-y divide-gray-200">
+                    <tr>
+                        <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                            <p class="text-slate-800">1</p>
+                        </td>
+
+                        <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                            <p class="text-slate-800">20-2-2024</p>
+                        </td>
+
+                        <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                            <p class="text-slate-800">Invoice 1</p>
+                        </td>
+
+                        <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                            <p class="text-slate-800">Invoice description section</p>
+                        </td>
+
+                        <td class="px-6 py-4 text-center text-sm border-r border-gray-300 bg-yellow-500">
+                            <p class="text-white">Pending</p>
+                        </td>
+
+                        <td class="px-6 py-4 text-center text-sm">
+                            <p class="text-slate-800">200</p>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/osinaweb/templates/customer_dashboard/customer_main.html b/osinaweb/templates/customer_dashboard/customer_main.html
new file mode 100644
index 00000000..79059eaa
--- /dev/null
+++ b/osinaweb/templates/customer_dashboard/customer_main.html
@@ -0,0 +1,254 @@
+{% load static %}
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %} Osina {% endblock %}</title>
+    <link rel="stylesheet" type="text/css" href='{% static "dist/output.css" %}'>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
+
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+
+</head>
+
+<body class="bg-gray-200">
+    <div class="w-full flex">
+        <!-- FIXED SIDE NAVBAR -->
+        <div class="fixed h-screen w-[300px] bg-slate-700 pt-9 flex flex-col justify-between flex-grow overflow-y-auto fixedSideHeader"
+            id="fixedSideHeader">
+            <!-- Menu Items -->
+            <div class="w-full h-fit flex flex-col justify-center items-center px-5">
+                <a href="{% url 'home' %}">
+                    <div class="mb-14 w-full">
+                        <h1 class="text-white text-4xl text-center">OSINA</h1>
+                    </div>
+                </a>
+
+                <a href="{% url 'home' %}" class="w-full">
+                    <div class="w-full flex justify-start items-center gap-3 border-b border-slate-600 py-3">
+                        <i class="fa fa-home" style="font-size: 20px; color: white;"></i>
+                        <p class="text-white">Home</p>
+                    </div>
+                </a>
+
+
+                <!-- MY WORK DROPDOWN -->
+                <!-- <div class="w-full menu-container">
+                    <div
+                        class="menuItem w-full flex justify-between items-center border-b border-slate-600 py-3 cursor-pointer">
+                        <div class="w-full flex justify-start items-center gap-3">
+                            <i class="fa fa-tasks" style="font-size: 20px; color: white;"></i>
+                            <p class="text-white">My Projects</p>
+                        </div>
+                        <div>
+                            <i class="angleDown fa fa-angle-down" style="font-size: 20px; color: white;"></i>
+                            <i class="angleUp fa fa-angle-up" style="font-size: 20px; color: white; display: none;"></i>
+                        </div>
+                    </div>
+
+                    <div class="menuDropdownItems w-full h-fit p-3 hidden duration-300">
+                        <a href="{% url 'my-projects' %}">
+                            <div
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px] cursor-pointer">
+                                <p class="text-white">My Projects</p>
+                            </div>
+                        </a>
+
+                        <a href="{% url 'my-tasks' %}">
+                            <div
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px]">
+                                <p class="text-white">My Tasks</p>
+                            </div>
+                        </a>
+
+                        <a>
+                            <div
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px]">
+                                <p class="text-white">My Tickets</p>
+                            </div>
+                        </a>
+
+                        <a href="{% url 'my-notes' %}">
+                            <div class="w-full flex justify-start items-center gap-3 text-white py-2 text-[18px]">
+                                <p class="text-white">My Notes</p>
+                            </div>
+                        </a>
+
+                        <a href="{% url 'dailyreports' %}">
+                            <div class="w-full flex justify-start items-center gap-3 text-white py-2 text-[18px]">
+                                <p class="text-white">Daily Reports</p>
+                            </div>
+                        </a>
+                    </div>
+                </div> -->
+
+                <div class="w-full flex justify-between items-center border-b border-slate-600 py-3">
+                    <div class="w-full flex justify-start items-center gap-3">
+                        <i class="fas fa-project-diagram" style="font-size: 18px; color: white;"></i>
+                        <p class="text-white">My Projects</p>
+                    </div>
+                </div>
+
+                <div class="w-full flex justify-between items-center border-b border-slate-600 py-3">
+                    <div class="w-full flex justify-start items-center gap-3">
+                        <i class="fas fa-tasks" style="font-size: 20px; color: white;"></i>
+                        <p class="text-white">Tickets</p>
+                    </div>
+                </div>
+
+                <div class="w-full flex justify-between items-center border-b border-slate-600 py-3">
+                    <div class="w-full flex justify-start items-center gap-3">
+                        <i class="fas fa-receipt" style="font-size: 20px; color: white;"></i>
+                        <p class="text-white">Invoices</p>
+                    </div>
+                </div>
+
+
+                <div class="w-full flex justify-between items-center border-b border-slate-600 py-3">
+                    <div class="w-full flex justify-start items-center gap-3">
+                        <i class="fas fa-folder-open" style="font-size: 20px; color: white;"></i>
+                        <p class="text-white">Products</p>
+                    </div>
+                </div>
+
+                <div class="w-full flex justify-between items-center border-b border-slate-600 py-3">
+                    <div class="w-full flex justify-start items-center gap-3">
+                        <i class="fa fa-info-circle" style="font-size: 20px; color: white;"></i>
+                        <p class="text-white">Knowledgebase</p>
+                    </div>
+                </div>
+
+
+                <div class="w-full flex justify-between items-center border-b border-slate-600 py-3">
+                    <div class="w-full flex justify-start items-center gap-3">
+                        <i class="fas fa-address-card" style="font-size: 20px; color: white;"></i>
+                        <p class="text-white">Contact Us</p>
+                    </div>
+                </div>
+
+
+                <a href="{% url 'signout' %}" class="w-full">
+                    <div class="w-full flex justify-start items-center gap-3 py-3">
+                        <i class="fa fa-power-off" style="font-size: 20px; color: white;"></i>
+                        <p class="text-white">Logout</p>
+                    </div>
+                </a>
+            </div>
+
+            <!-- Footer -->
+            <div
+                class="w-full xlg1:w-[300px] h-fit bg-slate-800 flex flex-col items-center absolute xlg1:fixed justify-center gap-2 py-2 bottom-0 inset-x-0">
+                <div class="w-full flex flex-col justify-center items-center">
+                    <p class="text-gray-500 font-light text-sm">Powered By Ositcom</p>
+                    <p class="text-gray-500 font-light text-sm">Copyrights © 2023 All Rights Reserved</p>
+                </div>
+            </div>
+        </div>
+
+
+        <!-- SCROLL PART -->
+        <div class="flex-1 ml-[300px] h-fit bg-gray-200" id="scrollPart">
+            <!-- TOP HEADER -->
+            <div class="w-full h-[100px] bg-white shadow-md px-5 s:px-9 py-5 flex justify-between items-center">
+                <div class="w-fit flex justify-center items-center gap-10">
+                    <div class="w-fit hidden xlg:flex flex-col gap-2 cursor-pointer" id="burgerMenuButton">
+                        <div class="burgerMenuLine w-[25px] h-[2px] bg-slate-800 duration-300"></div>
+                        <div class="burgerMenuLine w-[25px] h-[2px] bg-slate-800 duration-300"></div>
+                        <div class="burgerMenuLine w-[25px] h-[2px] bg-slate-800 duration-300"></div>
+                    </div>
+
+                    <div class="w-fit flex flex-row xlg:hidden gap-2 cursor-pointer" id="closeMenuButton">
+                        <div class="closeMenuLine w-[2px] h-[25px] bg-slate-800 duration-300"></div>
+                        <div class="closeMenuLine w-[2px] h-[25px] bg-slate-800 duration-300"></div>
+                        <div class="closeMenuLine w-[2px] h-[25px] bg-slate-800 duration-300"></div>
+                    </div>
+                </div>
+
+                <div>
+                    <div class="w-fit flex justify-between items-center gap-3">
+
+                        <div class="flex justify-center items-center gap-2">
+                            <p class="text-gray-400">{{request.user.first_name}}
+                                {{request.user.last_name}}</p>
+                            <i class="fa fa-angle-down" style="color: grey;"></i>
+                        </div>
+
+
+                        <div class="w-[40px] s:w-[50px] h-[40px] s:h-[50px] bg-slate-600 rounded-full">
+                            <img src='{{request.user.staffprofile.image.url}}' alt="user-image"
+                                class="w-full h-full object-cover rounded-full">
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- MODULES SECTION -->
+            <div class="w-full h-fit grid grid-cols-1 s:grid-cols-2 lg:grid-cols-4 gap-5 px-5 s:px-9 py-5">
+                <div class="bg-white shadow-md rounded-md p-5">
+                    <div class="w-full h-full flex flex-col justify-between items-center gap-3">
+                        <div class="w-full flex justify-between items-center">
+                            <p class="text-xl text-slate-800 font-bold uppercase">Projects</p>
+                            <i class="fas fa-project-diagram" style="font-size: 30px; color: cornflowerblue;"></i>
+                        </div>
+                        <div
+                            class="w-[60px] h-[60px] bg-white border-2 rounded-full border-blue-500 flex justify-center items-center">
+                            <p class="text-blue-500 text-xl font-semibold">2</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="bg-white shadow-md rounded-md p-5">
+                    <div class="w-full h-full flex flex-col justify-between items-center">
+                        <div class="w-full flex justify-between items-center">
+                            <p class="text-xl text-slate-800 font-bold uppercase">Tickets</p>
+                            <i class="fa fa-tasks" style="font-size: 30px; color: salmon;"></i>
+                        </div>
+                        <div
+                            class="w-[60px] h-[60px] bg-white border-2 rounded-full border-red-400 flex justify-center items-center">
+                            <p class="text-red-400 text-xl font-semibold">{{total_tasks}}</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="bg-white shadow-md rounded-md p-5">
+                    <div class="w-full h-full flex flex-col justify-between items-center">
+                        <div class="w-full flex justify-between items-center">
+                            <p class="text-xl text-slate-800 font-bold uppercase">Invoices</p>
+                            <i class="fas fa-receipt" style="font-size: 30px; color: red;"></i>
+                        </div>
+                        <div
+                            class="w-[60px] h-[60px] bg-white border-2 rounded-full border-red-500 flex justify-center items-center">
+                            <p class="text-red-500 text-xl font-semibold">2</p>
+                        </div>
+                    </div>
+                </div>
+
+
+                <div class="bg-white shadow-md rounded-md p-5">
+                    <div class="w-full h-full flex flex-col justify-between items-center">
+                        <div class="w-full flex justify-between items-center">
+                            <p class="text-xl text-slate-800 font-bold uppercase">Balance</p>
+                            <i class="fas fa-money-bill" style="font-size: 30px; color: green"></i>
+                        </div>
+                        <div
+                            class="w-[60px] h-[60px] bg-white border-2 rounded-full border-green-700 flex justify-center items-center">
+                            <p class="text-green-700 text-xl font-semibold">2</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            {% block content %}
+            replace me
+            {% endblock content %}
+
+            <!---------------------- JS SCRIPTS -------------------->
+            <!-- SIDE BAR SCRIPT -->
+            <script type="text/javascript" src='{% static "js/side-bar.js" %}'></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/osinaweb/templates/main.html b/osinaweb/templates/main.html
index c5da7d53..2cd3f54d 100644
--- a/osinaweb/templates/main.html
+++ b/osinaweb/templates/main.html
@@ -36,16 +36,10 @@
                     </div>
                 </a>
 
-                <div class="mb-5 w-full relative">
-                    <input type="text" placeholder="Search..."
-                        class="border border-gray-500 rounded-md py-2 px-3 bg-transparent w-full outline-none text-white">
-                    <i class="fa fa-search absolute right-3 top-3 text-gray-500" style="font-size: 20px;"></i>
-                </div>
-
                 <a href="{% url 'home' %}" class="w-full">
                     <div class="w-full flex justify-start items-center gap-3 border-b border-slate-600 py-3">
-                        <i class="fa fa-home" style="font-size: 22px; color: white;"></i>
-                        <p class="text-white text-xl">Home</p>
+                        <i class="fa fa-home" style="font-size: 20px; color: white;"></i>
+                        <p class="text-white">Home</p>
                     </div>
                 </a>
 
@@ -56,32 +50,32 @@
                         class="menuItem w-full flex justify-between items-center border-b border-slate-600 py-3 cursor-pointer">
                         <div class="w-full flex justify-start items-center gap-3">
                             <i class="fas fa-users" style="font-size: 20px; color: white;"></i>
-                            <p class="text-white text-xl">Accounts</p>
+                            <p class="text-white">Accounts</p>
                         </div>
                         <div>
-                            <i class="angleDown fa fa-angle-down" style="font-size: 25px; color: white;"></i>
-                            <i class="angleUp fa fa-angle-up" style="font-size: 25px; color: white; display: none;"></i>
+                            <i class="angleDown fa fa-angle-down" style="font-size: 20px; color: white;"></i>
+                            <i class="angleUp fa fa-angle-up" style="font-size: 20px; color: white; display: none;"></i>
                         </div>
                     </div>
 
                     <div class="menuDropdownItems w-full h-fit p-3 hidden duration-300">
                         <a href="{% url 'customers' %}">
                             <div
-                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px] cursor-pointer">
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 cursor-pointer">
                                 <p class="text-white">Customers</p>
                             </div>
                         </a>
 
                         <a href="{% url 'businesses' %}">
                             <div
-                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px] cursor-pointer">
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 cursor-pointer">
                                 <p class="text-white">Businesses</p>
                             </div>
                         </a>
 
                         <a href="{% url 'users' %}">
                             <div
-                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px] cursor-pointer">
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 cursor-pointer">
                                 <p class="text-white">Staffs</p>
                             </div>
                         </a>
@@ -94,45 +88,45 @@
                     <div
                         class="menuItem w-full flex justify-between items-center border-b border-slate-600 py-3 cursor-pointer">
                         <div class="w-full flex justify-start items-center gap-3">
-                            <i class="fa fa-tasks" style="font-size: 22px; color: white;"></i>
-                            <p class="text-white text-xl">My Work</p>
+                            <i class="fa fa-tasks" style="font-size: 20px; color: white;"></i>
+                            <p class="text-white">My Work</p>
                         </div>
                         <div>
-                            <i class="angleDown fa fa-angle-down" style="font-size: 25px; color: white;"></i>
-                            <i class="angleUp fa fa-angle-up" style="font-size: 25px; color: white; display: none;"></i>
+                            <i class="angleDown fa fa-angle-down" style="font-size: 20px; color: white;"></i>
+                            <i class="angleUp fa fa-angle-up" style="font-size: 20px; color: white; display: none;"></i>
                         </div>
                     </div>
 
                     <div class="menuDropdownItems w-full h-fit p-3 hidden duration-300">
                         <a href="{% url 'my-projects' %}">
                             <div
-                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px] cursor-pointer">
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 cursor-pointer">
                                 <p class="text-white">My Projects</p>
                             </div>
                         </a>
 
                         <a href="{% url 'my-tasks' %}">
                             <div
-                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px]">
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2">
                                 <p class="text-white">My Tasks</p>
                             </div>
                         </a>
 
                         <a>
                             <div
-                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px]">
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2">
                                 <p class="text-white">My Tickets</p>
                             </div>
                         </a>
 
                         <a href="{% url 'my-notes' %}">
-                            <div class="w-full flex justify-start items-center gap-3 text-white py-2 text-[18px]">
+                            <div class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2">
                                 <p class="text-white">My Notes</p>
                             </div>
                         </a>
 
                         <a href="{% url 'dailyreports' %}">
-                            <div class="w-full flex justify-start items-center gap-3 text-white py-2 text-[18px]">
+                            <div class="w-full flex justify-start items-center gap-3 text-white py-2">
                                 <p class="text-white">Daily Reports</p>
                             </div>
                         </a>
@@ -142,21 +136,21 @@
                 <div class="w-full flex justify-between items-center border-b border-slate-600 py-3">
                     <div class="w-full flex justify-start items-center gap-3">
                         <i class="fas fa-comment-alt" style="font-size: 20px; color: white;"></i>
-                        <p class="text-white text-xl">Support</p>
+                        <p class="text-white">Support</p>
                     </div>
                     <div>
-                        <i class="fa fa-angle-down" style="font-size: 25px; color: white;"></i>
+                        <i class="fa fa-angle-down" style="font-size: 20px; color: white;"></i>
                     </div>
                 </div>
 
                 {% if user.is_superuser %}
                 <div class="w-full flex justify-between items-center border-b border-slate-600 py-3">
                     <div class="w-full flex justify-start items-center gap-3">
-                        <i class="fas fa-cash-register" style="font-size: 22px; color: white;"></i>
-                        <p class="text-white text-xl">Billing</p>
+                        <i class="fas fa-cash-register" style="font-size: 20px; color: white;"></i>
+                        <p class="text-white">Billing</p>
                     </div>
                     <div>
-                        <i class="fa fa-angle-down" style="font-size: 25px; color: white;"></i>
+                        <i class="fa fa-angle-down" style="font-size: 20px; color: white;"></i>
                     </div>
                 </div>
                 {% endif %}
@@ -167,18 +161,18 @@
                         class="menuItem w-full flex justify-between items-center border-b border-slate-600 py-3 cursor-pointer">
                         <div class="w-full flex justify-start items-center gap-3">
                             <i class="fas fa-cogs" style="font-size: 20px; color: white;"></i>
-                            <p class="text-white text-xl">Utilities</p>
+                            <p class="text-white">Utilities</p>
                         </div>
                         <div>
-                            <i class="angleDown fa fa-angle-down" style="font-size: 25px; color: white;"></i>
-                            <i class="angleUp fa fa-angle-up" style="font-size: 25px; color: white; display: none;"></i>
+                            <i class="angleDown fa fa-angle-down" style="font-size: 20px; color: white;"></i>
+                            <i class="angleUp fa fa-angle-up" style="font-size: 20px; color: white; display: none;"></i>
                         </div>
                     </div>
 
                     <div class="menuDropdownItems w-full h-fit p-3 hidden duration-300">
                         <a href="{% url 'projecttypes' %}">
                             <div
-                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px] cursor-pointer">
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 cursor-pointer">
                                 <p class="text-white">Project Types</p>
                             </div>
                         </a>
@@ -186,35 +180,35 @@
 
                         <a href="{% url 'staffpositions' %}">
                             <div
-                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px] cursor-pointer">
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 cursor-pointer">
                                 <p class="text-white">Staff Positions</p>
                             </div>
                         </a>
 
                         <a href="{% url 'businesstypes' %}">
                             <div
-                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px] cursor-pointer">
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 cursor-pointer">
                                 <p class="text-white">Business Types</p>
                             </div>
                         </a>
 
                         <a href="{% url 'references' %}">
                             <div
-                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px] cursor-pointer">
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 cursor-pointer">
                                 <p class="text-white">References</p>
                             </div>
                         </a>
 
                         <a href="{% url 'tags' %}">
                             <div
-                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px] cursor-pointer">
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 cursor-pointer">
                                 <p class="text-white">Tags</p>
                             </div>
                         </a>
 
                         <a>
                             <div
-                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 text-[18px] cursor-pointer">
+                                class="w-full flex justify-start items-center gap-3 text-white border-b border-slate-600 py-2 cursor-pointer">
                                 <p class="text-white">Countries</p>
                             </div>
                         </a>
@@ -223,15 +217,15 @@
 
                 <a class="w-full">
                     <div class="w-full flex justify-start items-center gap-3 border-b border-slate-600 py-3">
-                        <i class="fa fa-check-square" style="font-size: 22px; color: white;"></i>
-                        <p class="text-white text-xl">Activity</p>
+                        <i class="fa fa-check-square" style="font-size: 20px; color: white;"></i>
+                        <p class="text-white">Activity</p>
                     </div>
                 </a>
 
                 <a href="{% url 'signout' %}" class="w-full">
-                    <div class="w-full flex justify-start items-center gap-3 border-b border-slate-600 py-3">
-                        <i class="fa fa-power-off" style="font-size: 22px; color: white;"></i>
-                        <p class="text-white text-xl">Logout</p>
+                    <div class="w-full flex justify-start items-center gap-3 py-3">
+                        <i class="fa fa-power-off" style="font-size: 20px; color: white;"></i>
+                        <p class="text-white">Logout</p>
                     </div>
                 </a>
             </div>