diff --git a/osinaweb/addressbook/__pycache__/__init__.cpython-311.pyc b/osinaweb/addressbook/__pycache__/__init__.cpython-311.pyc
index de84e367..71679382 100644
Binary files a/osinaweb/addressbook/__pycache__/__init__.cpython-311.pyc and b/osinaweb/addressbook/__pycache__/__init__.cpython-311.pyc differ
diff --git a/osinaweb/addressbook/__pycache__/admin.cpython-311.pyc b/osinaweb/addressbook/__pycache__/admin.cpython-311.pyc
index 9e961266..e8394e92 100644
Binary files a/osinaweb/addressbook/__pycache__/admin.cpython-311.pyc and b/osinaweb/addressbook/__pycache__/admin.cpython-311.pyc differ
diff --git a/osinaweb/addressbook/__pycache__/apps.cpython-311.pyc b/osinaweb/addressbook/__pycache__/apps.cpython-311.pyc
index 2c8e1fc1..8268ec6d 100644
Binary files a/osinaweb/addressbook/__pycache__/apps.cpython-311.pyc and b/osinaweb/addressbook/__pycache__/apps.cpython-311.pyc differ
diff --git a/osinaweb/addressbook/__pycache__/models.cpython-311.pyc b/osinaweb/addressbook/__pycache__/models.cpython-311.pyc
index 1905b8b2..e54aa500 100644
Binary files a/osinaweb/addressbook/__pycache__/models.cpython-311.pyc and b/osinaweb/addressbook/__pycache__/models.cpython-311.pyc differ
diff --git a/osinaweb/addressbook/migrations/__pycache__/0001_initial.cpython-311.pyc b/osinaweb/addressbook/migrations/__pycache__/0001_initial.cpython-311.pyc
index 6bd241e0..bf48d1ed 100644
Binary files a/osinaweb/addressbook/migrations/__pycache__/0001_initial.cpython-311.pyc and b/osinaweb/addressbook/migrations/__pycache__/0001_initial.cpython-311.pyc differ
diff --git a/osinaweb/addressbook/migrations/__pycache__/0002_country_addressbook.cpython-311.pyc b/osinaweb/addressbook/migrations/__pycache__/0002_country_addressbook.cpython-311.pyc
index 99150818..d2729cf6 100644
Binary files a/osinaweb/addressbook/migrations/__pycache__/0002_country_addressbook.cpython-311.pyc and b/osinaweb/addressbook/migrations/__pycache__/0002_country_addressbook.cpython-311.pyc differ
diff --git a/osinaweb/addressbook/migrations/__pycache__/0003_contact.cpython-311.pyc b/osinaweb/addressbook/migrations/__pycache__/0003_contact.cpython-311.pyc
index 16206fd1..058b32cc 100644
Binary files a/osinaweb/addressbook/migrations/__pycache__/0003_contact.cpython-311.pyc and b/osinaweb/addressbook/migrations/__pycache__/0003_contact.cpython-311.pyc differ
diff --git a/osinaweb/addressbook/migrations/__pycache__/0004_socialmedia.cpython-311.pyc b/osinaweb/addressbook/migrations/__pycache__/0004_socialmedia.cpython-311.pyc
index ed7154a0..58f18be4 100644
Binary files a/osinaweb/addressbook/migrations/__pycache__/0004_socialmedia.cpython-311.pyc and b/osinaweb/addressbook/migrations/__pycache__/0004_socialmedia.cpython-311.pyc differ
diff --git a/osinaweb/addressbook/migrations/__pycache__/0005_socialmedia_addressbook.cpython-311.pyc b/osinaweb/addressbook/migrations/__pycache__/0005_socialmedia_addressbook.cpython-311.pyc
index a5c46bee..b75f085f 100644
Binary files a/osinaweb/addressbook/migrations/__pycache__/0005_socialmedia_addressbook.cpython-311.pyc and b/osinaweb/addressbook/migrations/__pycache__/0005_socialmedia_addressbook.cpython-311.pyc differ
diff --git a/osinaweb/addressbook/migrations/__pycache__/__init__.cpython-311.pyc b/osinaweb/addressbook/migrations/__pycache__/__init__.cpython-311.pyc
index c70b5534..0d493f4e 100644
Binary files a/osinaweb/addressbook/migrations/__pycache__/__init__.cpython-311.pyc and b/osinaweb/addressbook/migrations/__pycache__/__init__.cpython-311.pyc differ
diff --git a/osinaweb/billing/__pycache__/__init__.cpython-311.pyc b/osinaweb/billing/__pycache__/__init__.cpython-311.pyc
index 38f5f1e5..9a5bd172 100644
Binary files a/osinaweb/billing/__pycache__/__init__.cpython-311.pyc and b/osinaweb/billing/__pycache__/__init__.cpython-311.pyc differ
diff --git a/osinaweb/billing/__pycache__/admin.cpython-311.pyc b/osinaweb/billing/__pycache__/admin.cpython-311.pyc
index eb9264cd..1e7c719e 100644
Binary files a/osinaweb/billing/__pycache__/admin.cpython-311.pyc and b/osinaweb/billing/__pycache__/admin.cpython-311.pyc differ
diff --git a/osinaweb/billing/__pycache__/apps.cpython-311.pyc b/osinaweb/billing/__pycache__/apps.cpython-311.pyc
index e0513376..3a80cfe0 100644
Binary files a/osinaweb/billing/__pycache__/apps.cpython-311.pyc and b/osinaweb/billing/__pycache__/apps.cpython-311.pyc differ
diff --git a/osinaweb/billing/__pycache__/models.cpython-311.pyc b/osinaweb/billing/__pycache__/models.cpython-311.pyc
index 5c160e7b..33107aca 100644
Binary files a/osinaweb/billing/__pycache__/models.cpython-311.pyc and b/osinaweb/billing/__pycache__/models.cpython-311.pyc differ
diff --git a/osinaweb/billing/__pycache__/urls.cpython-311.pyc b/osinaweb/billing/__pycache__/urls.cpython-311.pyc
index 334f491d..15f13da2 100644
Binary files a/osinaweb/billing/__pycache__/urls.cpython-311.pyc and b/osinaweb/billing/__pycache__/urls.cpython-311.pyc differ
diff --git a/osinaweb/billing/__pycache__/views.cpython-311.pyc b/osinaweb/billing/__pycache__/views.cpython-311.pyc
index 565a402b..54d8905e 100644
Binary files a/osinaweb/billing/__pycache__/views.cpython-311.pyc and b/osinaweb/billing/__pycache__/views.cpython-311.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0001_initial.cpython-311.pyc b/osinaweb/billing/migrations/__pycache__/0001_initial.cpython-311.pyc
index 4b662d14..46963baf 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0001_initial.cpython-311.pyc and b/osinaweb/billing/migrations/__pycache__/0001_initial.cpython-311.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0002_service_active_service_cancelled_at_and_more.cpython-311.pyc b/osinaweb/billing/migrations/__pycache__/0002_service_active_service_cancelled_at_and_more.cpython-311.pyc
index ae763add..1828b0fa 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0002_service_active_service_cancelled_at_and_more.cpython-311.pyc and b/osinaweb/billing/migrations/__pycache__/0002_service_active_service_cancelled_at_and_more.cpython-311.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0003_payment_servicepayment.cpython-311.pyc b/osinaweb/billing/migrations/__pycache__/0003_payment_servicepayment.cpython-311.pyc
index b7f6f1c8..7237eced 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0003_payment_servicepayment.cpython-311.pyc and b/osinaweb/billing/migrations/__pycache__/0003_payment_servicepayment.cpython-311.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0004_rename_payment_paymenttype.cpython-311.pyc b/osinaweb/billing/migrations/__pycache__/0004_rename_payment_paymenttype.cpython-311.pyc
index 09550bc9..b322feaa 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0004_rename_payment_paymenttype.cpython-311.pyc and b/osinaweb/billing/migrations/__pycache__/0004_rename_payment_paymenttype.cpython-311.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0005_service_recurring_cycle.cpython-311.pyc b/osinaweb/billing/migrations/__pycache__/0005_service_recurring_cycle.cpython-311.pyc
index 71e49540..a4d8a58d 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0005_service_recurring_cycle.cpython-311.pyc and b/osinaweb/billing/migrations/__pycache__/0005_service_recurring_cycle.cpython-311.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0006_alter_service_cancelled_at_alter_service_created_at_and_more.cpython-311.pyc b/osinaweb/billing/migrations/__pycache__/0006_alter_service_cancelled_at_alter_service_created_at_and_more.cpython-311.pyc
index eabe79ee..c435891f 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0006_alter_service_cancelled_at_alter_service_created_at_and_more.cpython-311.pyc and b/osinaweb/billing/migrations/__pycache__/0006_alter_service_cancelled_at_alter_service_created_at_and_more.cpython-311.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0007_alter_service_recurring_cycle.cpython-311.pyc b/osinaweb/billing/migrations/__pycache__/0007_alter_service_recurring_cycle.cpython-311.pyc
index f9d07d53..38607cbf 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0007_alter_service_recurring_cycle.cpython-311.pyc and b/osinaweb/billing/migrations/__pycache__/0007_alter_service_recurring_cycle.cpython-311.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0008_alter_service_type.cpython-311.pyc b/osinaweb/billing/migrations/__pycache__/0008_alter_service_type.cpython-311.pyc
index a5117a6d..7d48df7d 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0008_alter_service_type.cpython-311.pyc and b/osinaweb/billing/migrations/__pycache__/0008_alter_service_type.cpython-311.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0009_remove_service_due_at_remove_servicepayment_service_and_more.cpython-311.pyc b/osinaweb/billing/migrations/__pycache__/0009_remove_service_due_at_remove_servicepayment_service_and_more.cpython-311.pyc
index ddb61c0b..dad74c65 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0009_remove_service_due_at_remove_servicepayment_service_and_more.cpython-311.pyc and b/osinaweb/billing/migrations/__pycache__/0009_remove_service_due_at_remove_servicepayment_service_and_more.cpython-311.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0010_charge_amount.cpython-311.pyc b/osinaweb/billing/migrations/__pycache__/0010_charge_amount.cpython-311.pyc
index 6bad00dc..cc196ef3 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0010_charge_amount.cpython-311.pyc and b/osinaweb/billing/migrations/__pycache__/0010_charge_amount.cpython-311.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0011_invoice.cpython-311.pyc b/osinaweb/billing/migrations/__pycache__/0011_invoice.cpython-311.pyc
index 37b827fe..0356e93b 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0011_invoice.cpython-311.pyc and b/osinaweb/billing/migrations/__pycache__/0011_invoice.cpython-311.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0012_remove_servicepayment_charge_receipt_and_more.cpython-311.pyc b/osinaweb/billing/migrations/__pycache__/0012_remove_servicepayment_charge_receipt_and_more.cpython-311.pyc
index bbd7dec7..7b2e612d 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0012_remove_servicepayment_charge_receipt_and_more.cpython-311.pyc and b/osinaweb/billing/migrations/__pycache__/0012_remove_servicepayment_charge_receipt_and_more.cpython-311.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0013_alter_invoice_date_created.cpython-311.pyc b/osinaweb/billing/migrations/__pycache__/0013_alter_invoice_date_created.cpython-311.pyc
index 4d9e0dae..c502037c 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0013_alter_invoice_date_created.cpython-311.pyc and b/osinaweb/billing/migrations/__pycache__/0013_alter_invoice_date_created.cpython-311.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0014_servicepayment_comment.cpython-311.pyc b/osinaweb/billing/migrations/__pycache__/0014_servicepayment_comment.cpython-311.pyc
index f6013e3d..5a14d73f 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0014_servicepayment_comment.cpython-311.pyc and b/osinaweb/billing/migrations/__pycache__/0014_servicepayment_comment.cpython-311.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/__init__.cpython-311.pyc b/osinaweb/billing/migrations/__pycache__/__init__.cpython-311.pyc
index dfecb6d0..139d116e 100644
Binary files a/osinaweb/billing/migrations/__pycache__/__init__.cpython-311.pyc and b/osinaweb/billing/migrations/__pycache__/__init__.cpython-311.pyc differ
diff --git a/osinaweb/db.sqlite3 b/osinaweb/db.sqlite3
index 72fb4e2d..c5d4dd06 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 ef77ee90..623fff05 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 3a30428f..c059ed66 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 4ecb2d97..0dd81388 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 88892550..343165fe 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 e2a96713..5ba93987 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 df4e6063..a4398203 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__/urls.cpython-311.pyc b/osinaweb/osinacore/__pycache__/urls.cpython-311.pyc
index 374e7e52..947f1857 100644
Binary files a/osinaweb/osinacore/__pycache__/urls.cpython-311.pyc and b/osinaweb/osinacore/__pycache__/urls.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/__pycache__/views.cpython-311.pyc b/osinaweb/osinacore/__pycache__/views.cpython-311.pyc
index 892c3e59..17985bb4 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/add/__pycache__/urls.cpython-311.pyc b/osinaweb/osinacore/add/__pycache__/urls.cpython-311.pyc
index 89252139..a6d6ce17 100644
Binary files a/osinaweb/osinacore/add/__pycache__/urls.cpython-311.pyc and b/osinaweb/osinacore/add/__pycache__/urls.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/add/__pycache__/views.cpython-311.pyc b/osinaweb/osinacore/add/__pycache__/views.cpython-311.pyc
index d79f9fa1..fca2b0b2 100644
Binary files a/osinaweb/osinacore/add/__pycache__/views.cpython-311.pyc and b/osinaweb/osinacore/add/__pycache__/views.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/api/__pycache__/serializers.cpython-311.pyc b/osinaweb/osinacore/api/__pycache__/serializers.cpython-311.pyc
new file mode 100644
index 00000000..dc2c76a6
Binary files /dev/null and b/osinaweb/osinacore/api/__pycache__/serializers.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/api/__pycache__/urls.cpython-311.pyc b/osinaweb/osinacore/api/__pycache__/urls.cpython-311.pyc
new file mode 100644
index 00000000..d7c9c627
Binary files /dev/null and b/osinaweb/osinacore/api/__pycache__/urls.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/api/__pycache__/views.cpython-311.pyc b/osinaweb/osinacore/api/__pycache__/views.cpython-311.pyc
new file mode 100644
index 00000000..aa839fd1
Binary files /dev/null and b/osinaweb/osinacore/api/__pycache__/views.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/delete/__pycache__/urls.cpython-311.pyc b/osinaweb/osinacore/delete/__pycache__/urls.cpython-311.pyc
index 24cfb5b6..bbefb4f7 100644
Binary files a/osinaweb/osinacore/delete/__pycache__/urls.cpython-311.pyc and b/osinaweb/osinacore/delete/__pycache__/urls.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/delete/__pycache__/views.cpython-311.pyc b/osinaweb/osinacore/delete/__pycache__/views.cpython-311.pyc
index 02e47f6f..de4e17dc 100644
Binary files a/osinaweb/osinacore/delete/__pycache__/views.cpython-311.pyc and b/osinaweb/osinacore/delete/__pycache__/views.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/edit/__pycache__/urls.cpython-311.pyc b/osinaweb/osinacore/edit/__pycache__/urls.cpython-311.pyc
index 700e2782..35b994c7 100644
Binary files a/osinaweb/osinacore/edit/__pycache__/urls.cpython-311.pyc and b/osinaweb/osinacore/edit/__pycache__/urls.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/edit/__pycache__/views.cpython-311.pyc b/osinaweb/osinacore/edit/__pycache__/views.cpython-311.pyc
index d3c10bfc..27d83a28 100644
Binary files a/osinaweb/osinacore/edit/__pycache__/views.cpython-311.pyc and b/osinaweb/osinacore/edit/__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 2c7753d0..b0fd6408 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 f2ecd92f..9045285c 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 77475c00..10279c49 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 a5b876b4..8ffa4a56 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 c6a4ae44..213e6dab 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 38331c4c..d891c5df 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 fe39e7a0..221568fc 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 c8bd9006..5425a3da 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 30347a53..9806514a 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 92449059..b18bf4b5 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 1e305eec..8af989ed 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 80edc2fa..e09edc23 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 b43036c7..fca47b30 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 487b273d..363a98cd 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 30419fb1..4902d917 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 eb8f238d..a441eda2 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 4350056a..13138e3c 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 f6508c5e..e50e84b0 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 77066ead..d5c8c5ef 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 828160fa..2f31183d 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 aea244cb..4c325d30 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 695dcef3..2233b642 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 d197fa41..d9760291 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 1c936447..3cbe188e 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 4de8c37c..fba4229e 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 737197c1..fd7e8d95 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 d066a3bf..cf76db06 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 b55c07fd..6f51a0e5 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 432ea4ef..6d5d34e5 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 8cd1a244..ce8c2df2 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 0be28fd6..6a7e00ec 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 2fb1fc1d..f6a5bab7 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 7b3423dd..3fde136e 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 62ec6bd0..071fd5c9 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 628f241a..add0a099 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 53798d9a..458d72c8 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 a495ac1e..bc0430c8 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 e81b45fc..12ad2c1e 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 384df8df..6206da48 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 e563505b..1ece00d0 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 aa93c67f..6469479c 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 69480f1a..55593bc9 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 542055b1..49e18e5f 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 f8e09809..38d9f9d1 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 7bc02209..a918b8e5 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 92a85692..1660205f 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 1e532f11..73017405 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 1a866d7d..0c7b090b 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 e16f230e..6ab50e34 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 0ecdb55f..4e16a42d 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 46b80f57..e6da1494 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 5644206a..11fd194e 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 cb4554c7..e26365ea 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 fb0b8baa..560e7683 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 3eefddc4..713d271b 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 ec4ac22c..fc8fbc06 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 0a33a521..9abfb5a3 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 524d9391..c92f323f 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__/0059_alter_task_requirement.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0059_alter_task_requirement.cpython-311.pyc
index d30a6f48..4ca62c64 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0059_alter_task_requirement.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0059_alter_task_requirement.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0060_pointactivity_total_time.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0060_pointactivity_total_time.cpython-311.pyc
index 64dd3bd4..64dcaea4 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0060_pointactivity_total_time.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0060_pointactivity_total_time.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0061_alter_task_end_date_alter_task_start_date.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0061_alter_task_end_date_alter_task_start_date.cpython-311.pyc
index a7702b6c..ee007089 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0061_alter_task_end_date_alter_task_start_date.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0061_alter_task_end_date_alter_task_start_date.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0062_connection.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0062_connection.cpython-311.pyc
index c610a4c7..6f0bdd30 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0062_connection.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0062_connection.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0063_alter_connection_date.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0063_alter_connection_date.cpython-311.pyc
index 491fe020..46313f97 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0063_alter_connection_date.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0063_alter_connection_date.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0064_reaction.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0064_reaction.cpython-311.pyc
index 7dff6aaf..dd68ada1 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0064_reaction.cpython-311.pyc and b/osinaweb/osinacore/migrations/__pycache__/0064_reaction.cpython-311.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0065_alter_customerprofile_status.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0065_alter_customerprofile_status.cpython-311.pyc
new file mode 100644
index 00000000..c444087b
Binary files /dev/null and b/osinaweb/osinacore/migrations/__pycache__/0065_alter_customerprofile_status.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 8de58d1b..4137db76 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/templates/customer_dashboard/customer_index.html b/osinaweb/osinacore/templates/customer_dashboard/customer_index.html
index 0001ccda..f23628db 100644
--- a/osinaweb/osinacore/templates/customer_dashboard/customer_index.html
+++ b/osinaweb/osinacore/templates/customer_dashboard/customer_index.html
@@ -2,20 +2,16 @@
 {%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="w-full px-5 s:px-9 flex flex-col gap-5">
+    <!-- TICKETS -->
+    <div class="w-full h-fit bg-white rounded-md shadow-md p-5">
+        <h1 class="text-secondosiblue text-[30px]">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
@@ -40,8 +36,7 @@
                             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">
+                        <th scope="col" class="px-6 py-3 text-sm font-medium text-gray-500 uppercase whitespace-nowrap">
                             Actions
                         </th>
                     </tr>
@@ -51,27 +46,23 @@
                 <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>
+                            <p class="text-secondosiblue">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>
+                            <p class="text-secondosiblue">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>
+                            <p class="text-secondosiblue">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>
+                            <p class="text-secondosiblue">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>
+                            <p class="text-secondosiblue">Informatique</p>
                         </td>
 
                         <td class="px-6 py-4 text-center text-sm border-r border-gray-300 bg-green-700">
@@ -97,19 +88,14 @@
     </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>
-
+    <!-- INVOICESS -->
+    <div class="w-full h-fit bg-white rounded-md shadow-md p-5">
+        <h1 class="text-secondosiblue text-[30px]">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
@@ -126,8 +112,7 @@
                             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">
+                        <th scope="col" class="px-6 py-3 text-sm font-medium text-gray-500 uppercase whitespace-nowrap">
                             Amount
                         </th>
                     </tr>
@@ -137,19 +122,15 @@
                 <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>
+                            <p class="text-secondosiblue">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">20-2-2024</p>
+                            <p class="text-secondosiblue">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 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>
+                            <p class="text-secondosiblue">Invoice description section</p>
                         </td>
 
                         <td class="px-6 py-4 text-center text-sm border-r border-gray-300 bg-yellow-500">
@@ -157,7 +138,7 @@
                         </td>
 
                         <td class="px-6 py-4 text-center text-sm">
-                            <p class="text-slate-800">200</p>
+                            <p class="text-secondosiblue">200</p>
                         </td>
                     </tr>
                 </tbody>
@@ -167,4 +148,5 @@
 </div>
 
 
+
 {% endblock %}
\ No newline at end of file
diff --git a/osinaweb/osinacore/templates/customer_dashboard/customer_main.html b/osinaweb/osinacore/templates/customer_dashboard/customer_main.html
index 79059eaa..c0cf477f 100644
--- a/osinaweb/osinacore/templates/customer_dashboard/customer_main.html
+++ b/osinaweb/osinacore/templates/customer_dashboard/customer_main.html
@@ -17,198 +17,246 @@
 <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"
+        <div class="fixed h-screen w-[300px] bg-osiblue 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">
+            <div>
                 <a href="{% url 'home' %}">
-                    <div class="mb-14 w-full">
-                        <h1 class="text-white text-4xl text-center">OSINA</h1>
+                    <div class="mb-10 w-full flex justify-center">
+                        <img src="{% static 'images/osinaw.png' %}" class="w-[180px]">
                     </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 class="w-full px-3 relative">
+                    <input type="text"
+                        class="w-full bg-transparent border border-white border-opacity-10 py-2 px-3 text-white outline-none rounded-md"
+                        placeholder="Search...">
+                    <div class="inset-y-0 absolute right-5 flex justify-center items-center text-white">
+                        <i class="fa fa-search"></i>
                     </div>
-                </a>
+                </div>
 
 
-                <!-- 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
+                    class="w-full flex flex-col items-center px-5 h-[400px] xxlg1:h-[500px] overflow-hidden overflow-y-auto mt-5">
+
+                    <div class="w-full flex justify-start items-center gap-3 border-b border-slate-600 py-3">
+                        <img src="" class="w-[30px]">
+                        <p class="text-white">My Projects</p>
                     </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>
+                    <div class="w-full flex justify-start items-center gap-3 border-b border-slate-600 py-3">
+                        <img src="" class="w-[30px]">
+                        <p class="text-white">Tickets</p>
+                    </div>
 
-                        <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>
+                    <div class="w-full flex justify-start items-center gap-3 border-b border-slate-600 py-3">
+                        <img src="" class="w-[30px]">
+                        <p class="text-white">Invoices</p>
+                    </div>
 
-                        <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>
+                    <div class="w-full flex justify-start items-center gap-3 border-b border-slate-600 py-3">
+                        <img src="" class="w-[30px]">
+                        <p class="text-white">Products</p>
+                    </div>
 
-                        <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 class="w-full flex justify-start items-center gap-3 border-b border-slate-600 py-3">
+                        <img src="" class="w-[30px]">
+                        <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-project-diagram" style="font-size: 18px; color: white;"></i>
-                        <p class="text-white">My Projects</p>
+                    <div class="w-full flex justify-start items-center gap-3 py-3">
+                        <img src="" class="w-[30px]">
+                        <p class="text-white">Contact Us</p>
                     </div>
                 </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>
+            <!-- Footer -->
+            <div
+                class="w-full xlg1:w-[300px] h-fit bg-secondosiblue flex flex-col items-center absolute xlg1:fixed justify-center gap-2 py-2 bottom-0 inset-x-0 mt-[100px]">
+                <div class="w-full flex flex-col justify-center gap-1 items-center">
+                    <div class="flex justify-center items-center gap-1">
+                        <img src="{% static 'images/banner-logo.png' %}" alt="Ositcom Logo" class="w-[30px] h-[25px]">
+                        <p class="text-gray-200 font-light text-xs">Powered By OSITCOM</p>
                     </div>
+                    <p class="text-gray-200 font-light text-xs">Copyrights © 2024 All Rights Reserved</p>
                 </div>
+            </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>
+        <!-- MOBILE FIXED SIDE BAR -->
+        <div class="w-full h-[100vh] absolute bg-black bg-opacity-40 z-50 mt-[80px] mobileFixedSideHeader hidden">
+            <div class="w-[70%] h-full bg-osiblue flex flex-col gap-3 relative">
+                <div class="w-full">
+                    <!-- USER PROFILE -->
+                    <div class="w-full flex justify-start items-center gap-2 cursor-pointer border border-white border-opacity-10 py-2 px-3 duration-300 bg-secondosiblue"
+                        id="mobileUserProfile">
+                        <div>
+                            <div
+                                class="w-[40px] h-[40px] border border-osiblue bg-osiblue text-white uppercase rounded-full flex justify-center items-center p-1 shadow-md">
+                                {{ request.user.first_name.0 }}{{ request.user.last_name.0 }}
+                            </div>
+                        </div>
+
+                        <div class="w-full flex justify-between items-center gap-2 text-white py-3">
+                            <p>{{request.user.first_name}} {{request.user.last_name}}</p>
+                            <i class="fa fa-angle-down"></i>
+                            <i class="fa fa-angle-up" style="display: none;"></i>
+                        </div>
+                    </div>
+
+                    <!-- USER PROFILE DROPDOWN -->
+                    <div class="w-full h-fit bg-secondosiblue px-5 flex flex-col hidden" id="mobileUserProfileDropdown">
+                        <a href="{% url 'signout' %}" class="w-full">
+                            <div class="w-full py-3 flex items-center gap-2 text-white text-[16px]">
+                                <img src="{% static 'images/icons/logout.png' %}" class="w-[22px]">
+                                <p>Logout</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-folder-open" style="font-size: 20px; color: white;"></i>
-                        <p class="text-white">Products</p>
+                <!-- MOBILE MENU ITEMS -->
+                <div class="w-full flex flex-col items-center px-3 h-[400px] overflow-hidden overflow-y-auto">
+                    <div class="w-full">
+                        <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">
+                                <img src="" class="w-[30px]">
+                                <p class="text-white">My Projects</p>
+                            </div>
+                        </div>
                     </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 class="w-full">
+                        <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">
+                                <img src="" class="w-[30px]">
+                                <p class="text-white">Tickets</p>
+                            </div>
+                        </div>
                     </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 class="w-full">
+                        <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">
+                                <img src="" class="w-[30px]">
+                                <p class="text-white">Invoices</p>
+                            </div>
+                        </div>
                     </div>
-                </div>
 
+                    <div class="w-full">
+                        <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">
+                                <img src="" class="w-[30px]">
+                                <p class="text-white">Products</p>
+                            </div>
+                        </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 class="w-full">
+                        <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">
+                                <img src="" class="w-[30px]">
+                                <p class="text-white">Knowledgebase</p>
+                            </div>
+                        </div>
                     </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 class="w-full">
+                        <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">
+                                <img src="" class="w-[30px]">
+                                <p class="text-white">Contact Us</p>
+                            </div>
+                        </div>
+                    </div>
                 </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-full h-[100px] bg-white shadow-md px-5 s:px-9 py-5 flex justify-between items-center topHeader">
                 <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 class="w-fit flex flex-col gap-2 cursor-pointer" id="burgerMenuButton">
+                        <div class="burgerMenuLine w-[25px] h-[2px] bg-osiblue duration-300"></div>
+                        <div class="burgerMenuLine w-[25px] h-[2px] bg-osiblue duration-300"></div>
+                        <div class="burgerMenuLine w-[25px] h-[2px] bg-osiblue 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 class="relative">
+                    <div class="w-fit flex justify-between items-center gap-2 cursor-pointer hover:bg-gray-50 rounded-md hover:p-2 duration-300"
+                        id="userProfile">
+                        <div
+                            class="w-[40px] h-[40px] border border-osiblue bg-osiblue text-white uppercase rounded-full flex justify-center items-center p-1 shadow-md">
+                            {{ request.user.first_name.0 }}{{ request.user.last_name.0 }}
                         </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 class="flex justify-center items-center gap-2 text-gray-500">
+                            <p>{{request.user.first_name}} {{request.user.last_name}}</p>
+                            <i class="fa fa-angle-down" id="arrowDown"></i>
+                            <i class="fa fa-angle-up" style="display: none;" id="arrowUp"></i>
                         </div>
                     </div>
+
+                    <!-- USER PROFILE DROPDOWN -->
+                    <div class="w-[250px] h-fit bg-osiblue bg-opacity-70 rounded-md shadow-md px-3 absolute right-0 mt-3 flex flex-col"
+                        style="display: none;" id="userProfileDropdown">
+                        <a href="{% url 'signout' %}" class="w-full">
+                            <div
+                                class="w-full py-3 flex items-center gap-2 text-white hover:text-osiblue duration-300 cursor-pointer">
+                                <img src="{% static 'images/icons/logout.png' %}" class="w-[22px]">
+                                <p>Logout</p>
+                            </div>
+                        </a>
+                    </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>
+
+            <!-- MOBILE TOP HEADER -->
+            <div
+                class="w-full h-[80px] bg-osiblue shadow-md px-5 s:px-9 py-5 flex xlg1:hidden justify-between items-center mobileTopHeader">
+                <a href="{% url 'home' %}">
+                    <img src="{% static 'images/osinaw.png' %}" class="w-[130px] h-auto">
+                </a>
+
+                <div class="w-fit flex flex-col gap-2 cursor-pointer" id="mobileBurgerMenuButton">
+                    <div class="w-[25px] h-[2px] bg-white duration-300"></div>
+                    <div class="w-[25px] h-[2px] bg-white duration-300"></div>
+                    <div class="w-[25px] h-[2px] bg-white duration-300"></div>
+                </div>
+
+                <div class="w-fit cursor-pointer hidden" id="mobileCloseMenuButton">
+                    <img src="{% static 'images/closeicon.png' %}" class="w-[25px]">
                 </div>
+            </div>
 
+
+            <!-- MODULES SECTION -->
+            <div class="w-full h-fit grid grid-cols-1 xxlg1:grid-cols-3 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">
                         <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>
+                            <p class="text-[22px] text-secondosiblue font-poppinsBold uppercase">Tasks</p>
+                            <img src="{% static 'images/icons/tasks.png' %}" class="w-[50px]">
                         </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>
+                            class="w-[60px] h-[60px] bg-white border-2 rounded-full border-secondosiblue flex justify-center items-center">
+                            <p class="text-secondosiblue text-xl font-semibold">{{total_tasks}}</p>
                         </div>
                     </div>
                 </div>
@@ -216,38 +264,50 @@
                 <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>
+                            <p class="text-[22px] text-secondosiblue font-poppinsBold uppercase">Projects</p>
+                            <img src="{% static 'images/icons/projects.png' %}" class="w-[50px]">
                         </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>
+                            class="w-[60px] h-[60px] bg-white border-2 rounded-full border-secondosiblue flex justify-center items-center">
+                            <p class="text-secondosiblue 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>
+                            <p class="text-[22px] text-secondosiblue font-poppinsBold uppercase">Tickets</p>
+                            <img src="{% static 'images/icons/tickets.png' %}" class="w-[50px]">
                         </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>
+                            class="w-[60px] h-[60px] bg-white border-2 rounded-full border-secondosiblue flex justify-center items-center">
+                            <p class="text-secondosiblue 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>
+            <!-- Footer -->
+            <div
+                class="w-full xlg1:w-[300px] h-fit bg-secondosiblue flex flex-col items-center absolute xlg1:fixed justify-center gap-2 py-2 bottom-0 inset-x-0 mt-[100px]">
+                <div class="w-full flex flex-col justify-center gap-1 items-center">
+                    <div class="flex justify-center items-center gap-1">
+                        <img src="{% static 'images/banner-logo.png' %}" alt="Ositcom Logo" class="w-[30px] h-[25px]">
+                        <p class="text-gray-200 font-light text-xs">Powered By OSITCOM</p>
+                    </div>
+                    <p class="text-gray-200 font-light text-xs">Copyrights © 2024 All Rights Reserved</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!---------------------- JS SCRIPTS -------------------->
+    <!-- SIDE BAR SCRIPT -->
+    <script type="text/javascript" src='{% static "js/side-bar.js" %}'></script>
 
 </body>
 
diff --git a/osinaweb/osinacore/templates/customer_dashboard/payment.html b/osinaweb/osinacore/templates/customer_dashboard/payment.html
new file mode 100644
index 00000000..7869eb87
--- /dev/null
+++ b/osinaweb/osinacore/templates/customer_dashboard/payment.html
@@ -0,0 +1,147 @@
+{% load static %}
+
+<html lang="en">
+
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
+        integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
+
+        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+
+    <title>Hello, world!</title>
+</head>
+
+<body>
+    <h1>Hello, world!</h1>
+
+
+    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" id="checkout-button">
+        Launch demo modal
+    </button>
+
+
+    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
+        aria-hidden="true">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">×</span>
+                    </button>
+                </div>
+                <div class="modal-body" id="hco-embedded">
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+                    <button type="button" class="btn btn-primary">Save changes</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"
+        integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI=" crossorigin="anonymous"></script>
+
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.min.js"
+        crossorigin="anonymous"></script>
+
+
+    <script src="https://creditlibanais-netcommerce.gateway.mastercard.com/static/checkout/checkout.min.js"></script>
+
+    <script>
+document.addEventListener("DOMContentLoaded", function() {
+    // Function to initiate checkout
+    function initiateCheckout() {
+        // Fetch the CSRF token from the cookie
+        const csrftoken = getCookie('csrftoken');
+
+        console.log('CSRF Token:', csrftoken);
+
+        fetch('https://newosina.osinode.com/initiate_checkout/', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-CSRFToken': csrftoken // Include the CSRF token in the request headers
+            },
+            body: JSON.stringify({})
+        })
+        .then(response => {
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
+            return response.json();
+        })
+        .then(data => {
+            // Handle success response
+            console.log("Session ID: " + data.session_id);
+            console.log("Success Indicator: " + data.success_indicator);
+            // You can perform further actions here
+        })
+        .catch(error => {
+            // Handle error response
+            console.error('There was a problem with the fetch operation:', error);
+            // You can display an error message to the user or perform other actions
+        });
+    }
+
+    // Function to get CSRF token from cookie
+    function getCookie(name) {
+        let cookieValue = null;
+        if (document.cookie && document.cookie !== '') {
+            const cookies = document.cookie.split(';');
+            for (let i = 0; i < cookies.length; i++) {
+                const cookie = cookies[i].trim();
+                if (cookie.substring(0, name.length + 1) === (name + '=')) {
+                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                    break;
+                }
+            }
+        }
+        return cookieValue;
+    }
+
+    initiateCheckout();
+});
+
+
+    </script>
+
+    <!-- <script>
+        // Configure Checkout first
+        Checkout.configure({
+            session: {
+                id: 1,
+            }
+        })
+        // after the modal is shown, then call Checkout.showEmbeddedPage('#hco-embedded')
+        $('#exampleModal').on('shown.bs.modal', function (e) {
+
+            Checkout.showEmbeddedPage('#hco-embedded',
+
+                () => { $('#exampleModal').modal() } // tell Checkout how to launch the modal
+
+            )
+
+        });
+
+
+
+        $('#exampleModal').on('hide.bs.modal', function (e) {
+
+            sessionStorage.clear(); // tell Checkout to clear sessionStorage when I close the modal
+
+        });
+    </script> -->
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/osinaweb/osinacore/urls.py b/osinaweb/osinacore/urls.py
index 525c04d2..2b9e0d5e 100644
--- a/osinaweb/osinacore/urls.py
+++ b/osinaweb/osinacore/urls.py
@@ -74,6 +74,9 @@ urlpatterns = [
     #CUSTOMER DASHBOARD
     path('customerdashboard/', views.customer_index, name='customerdashboard'),
     path('customerinvoices/', views.customer_invoices, name='customerinvoices'),
+    path('payment/', views.payment, name='payment'),
+
+    path('initiate_checkout/', views.initiate_checkout, name='initiatecheckout'),
 ]
 
 urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
\ No newline at end of file
diff --git a/osinaweb/osinacore/views.py b/osinaweb/osinacore/views.py
index 07c28e7c..8a8068e2 100644
--- a/osinaweb/osinacore/views.py
+++ b/osinaweb/osinacore/views.py
@@ -563,6 +563,59 @@ def customer_invoices(request, *args, **kwargs):
     return render(request, 'customer_dashboard/listing_pages/customer-invoices.html', context)
 
 
+@login_required
+def payment(request, *args, **kwargs):
+    
+    context = {
+
+    }
+
+    return render(request, 'customer_dashboard/payment.html', context)
+
+
+from django.http import JsonResponse
+import requests
+
+def initiate_checkout(request):
+    # Your Mastercard API credentials
+    api_username = "merchant.TEST06127800"
+    api_password = "37846250a67c70e7fe9f82cf6ca81f93"
+    merchant_id = "TEST06127800"
+    merchant_name = "admin"
+    
+    # Data for Initiate Checkout operation
+    data = {
+        "apiOperation": "INITIATE_CHECKOUT",
+        "apiUsername": api_username,
+        "apiPassword": api_password,
+        "merchant": merchant_id,
+        "interaction.operation": "AUTHORIZE",
+        "interaction.merchant.name": merchant_name,
+        "order.id": "123",
+        "order.amount": "100.00",
+        "order.currency": "USD",
+        "order.description": "description_of_order"
+    }
+    
+    # Make request to Mastercard API
+    response = requests.post("https://creditlibanais-netcommerce.gateway.mastercard.com/api/nvp/version/72", data=data)
+    
+    # Check if request was successful
+    if response.status_code == 200:
+        # Parse response JSON
+        response_data = response.json()
+        session_id = response_data.get("session.id")
+        success_indicator = response_data.get("successIndicator")
+        
+        # Save success indicator in your shop system for further processing
+        # For example, you can save it in your database associated with the order
+        
+        return JsonResponse({"session_id": session_id, "success_indicator": success_indicator})
+    else:
+        # Handle error
+        return JsonResponse({"error": "Failed to initiate checkout"}, status=500)
+
+
 
 def add_reaction(request, status_id, emoji):
     status = get_object_or_404(Status, pk=status_id)
diff --git a/osinaweb/osinaweb/__pycache__/__init__.cpython-311.pyc b/osinaweb/osinaweb/__pycache__/__init__.cpython-311.pyc
index 448f6420..09ab919b 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 36923bc9..65823118 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 62f1f336..32b83642 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 9d4c60f5..35324dd8 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/static/dist/output.css b/osinaweb/static/dist/output.css
index 16d5665c..0239ea8b 100644
--- a/osinaweb/static/dist/output.css
+++ b/osinaweb/static/dist/output.css
@@ -1124,10 +1124,6 @@ video {
   width: 180px;
 }
 
-.w-\[20\%\] {
-  width: 20%;
-}
-
 .w-\[22px\] {
   width: 22px;
 }
@@ -1148,14 +1144,6 @@ video {
   width: 28px;
 }
 
-.w-\[2px\] {
-  width: 2px;
-}
-
-.w-\[30\%\] {
-  width: 30%;
-}
-
 .w-\[300px\] {
   width: 300px;
 }
@@ -2948,10 +2936,6 @@ video {
     height: 45px;
   }
 
-  .s\:h-\[50px\] {
-    height: 50px;
-  }
-
   .s\:h-\[55px\] {
     height: 55px;
   }
@@ -2980,10 +2964,6 @@ video {
     width: 500px;
   }
 
-  .s\:w-\[50px\] {
-    width: 50px;
-  }
-
   .s\:w-\[550px\] {
     width: 550px;
   }
@@ -3174,10 +3154,6 @@ video {
     width: 480px;
   }
 
-  .lg\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
   .lg\:gap-0 {
     gap: 0px;
   }
@@ -3210,14 +3186,6 @@ video {
 }
 
 @media (min-width: 1300px) {
-  .xlg\:flex {
-    display: flex;
-  }
-
-  .xlg\:hidden {
-    display: none;
-  }
-
   .xlg\:grid-cols-6 {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }