diff --git a/osinaweb/addressbook/__pycache__/__init__.cpython-312.pyc b/osinaweb/addressbook/__pycache__/__init__.cpython-312.pyc
index 64402068..9371874a 100644
Binary files a/osinaweb/addressbook/__pycache__/__init__.cpython-312.pyc and b/osinaweb/addressbook/__pycache__/__init__.cpython-312.pyc differ
diff --git a/osinaweb/addressbook/__pycache__/admin.cpython-312.pyc b/osinaweb/addressbook/__pycache__/admin.cpython-312.pyc
index f44fc52b..2b396b3d 100644
Binary files a/osinaweb/addressbook/__pycache__/admin.cpython-312.pyc and b/osinaweb/addressbook/__pycache__/admin.cpython-312.pyc differ
diff --git a/osinaweb/addressbook/__pycache__/apps.cpython-312.pyc b/osinaweb/addressbook/__pycache__/apps.cpython-312.pyc
index 06925483..110c215c 100644
Binary files a/osinaweb/addressbook/__pycache__/apps.cpython-312.pyc and b/osinaweb/addressbook/__pycache__/apps.cpython-312.pyc differ
diff --git a/osinaweb/addressbook/__pycache__/models.cpython-312.pyc b/osinaweb/addressbook/__pycache__/models.cpython-312.pyc
index 1a6a05cf..3d45d576 100644
Binary files a/osinaweb/addressbook/__pycache__/models.cpython-312.pyc and b/osinaweb/addressbook/__pycache__/models.cpython-312.pyc differ
diff --git a/osinaweb/addressbook/migrations/__pycache__/0001_initial.cpython-312.pyc b/osinaweb/addressbook/migrations/__pycache__/0001_initial.cpython-312.pyc
index 33b7d544..286605d6 100644
Binary files a/osinaweb/addressbook/migrations/__pycache__/0001_initial.cpython-312.pyc and b/osinaweb/addressbook/migrations/__pycache__/0001_initial.cpython-312.pyc differ
diff --git a/osinaweb/addressbook/migrations/__pycache__/0002_country_addressbook.cpython-312.pyc b/osinaweb/addressbook/migrations/__pycache__/0002_country_addressbook.cpython-312.pyc
index 3273ad7e..7d3c92f3 100644
Binary files a/osinaweb/addressbook/migrations/__pycache__/0002_country_addressbook.cpython-312.pyc and b/osinaweb/addressbook/migrations/__pycache__/0002_country_addressbook.cpython-312.pyc differ
diff --git a/osinaweb/addressbook/migrations/__pycache__/0003_contact.cpython-312.pyc b/osinaweb/addressbook/migrations/__pycache__/0003_contact.cpython-312.pyc
index 5476fa2c..c542aa75 100644
Binary files a/osinaweb/addressbook/migrations/__pycache__/0003_contact.cpython-312.pyc and b/osinaweb/addressbook/migrations/__pycache__/0003_contact.cpython-312.pyc differ
diff --git a/osinaweb/addressbook/migrations/__pycache__/0004_socialmedia.cpython-312.pyc b/osinaweb/addressbook/migrations/__pycache__/0004_socialmedia.cpython-312.pyc
index f8356220..345554a3 100644
Binary files a/osinaweb/addressbook/migrations/__pycache__/0004_socialmedia.cpython-312.pyc and b/osinaweb/addressbook/migrations/__pycache__/0004_socialmedia.cpython-312.pyc differ
diff --git a/osinaweb/addressbook/migrations/__pycache__/0005_socialmedia_addressbook.cpython-312.pyc b/osinaweb/addressbook/migrations/__pycache__/0005_socialmedia_addressbook.cpython-312.pyc
index 77bcdbeb..19abbe23 100644
Binary files a/osinaweb/addressbook/migrations/__pycache__/0005_socialmedia_addressbook.cpython-312.pyc and b/osinaweb/addressbook/migrations/__pycache__/0005_socialmedia_addressbook.cpython-312.pyc differ
diff --git a/osinaweb/addressbook/migrations/__pycache__/__init__.cpython-312.pyc b/osinaweb/addressbook/migrations/__pycache__/__init__.cpython-312.pyc
index b80c0832..8f8db36c 100644
Binary files a/osinaweb/addressbook/migrations/__pycache__/__init__.cpython-312.pyc and b/osinaweb/addressbook/migrations/__pycache__/__init__.cpython-312.pyc differ
diff --git a/osinaweb/billing/__pycache__/__init__.cpython-312.pyc b/osinaweb/billing/__pycache__/__init__.cpython-312.pyc
index 6e91a69f..de3af7bc 100644
Binary files a/osinaweb/billing/__pycache__/__init__.cpython-312.pyc and b/osinaweb/billing/__pycache__/__init__.cpython-312.pyc differ
diff --git a/osinaweb/billing/__pycache__/admin.cpython-312.pyc b/osinaweb/billing/__pycache__/admin.cpython-312.pyc
index 721c1fd8..8416ebbc 100644
Binary files a/osinaweb/billing/__pycache__/admin.cpython-312.pyc and b/osinaweb/billing/__pycache__/admin.cpython-312.pyc differ
diff --git a/osinaweb/billing/__pycache__/apps.cpython-312.pyc b/osinaweb/billing/__pycache__/apps.cpython-312.pyc
index e94b9970..6529b5b8 100644
Binary files a/osinaweb/billing/__pycache__/apps.cpython-312.pyc and b/osinaweb/billing/__pycache__/apps.cpython-312.pyc differ
diff --git a/osinaweb/billing/__pycache__/models.cpython-312.pyc b/osinaweb/billing/__pycache__/models.cpython-312.pyc
index 271dfed0..f49c0c36 100644
Binary files a/osinaweb/billing/__pycache__/models.cpython-312.pyc and b/osinaweb/billing/__pycache__/models.cpython-312.pyc differ
diff --git a/osinaweb/billing/__pycache__/urls.cpython-312.pyc b/osinaweb/billing/__pycache__/urls.cpython-312.pyc
index cac5495e..0e4916a1 100644
Binary files a/osinaweb/billing/__pycache__/urls.cpython-312.pyc and b/osinaweb/billing/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/billing/__pycache__/views.cpython-312.pyc b/osinaweb/billing/__pycache__/views.cpython-312.pyc
index 43a644bf..9cf9b185 100644
Binary files a/osinaweb/billing/__pycache__/views.cpython-312.pyc and b/osinaweb/billing/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/billing/add/__pycache__/urls.cpython-312.pyc b/osinaweb/billing/add/__pycache__/urls.cpython-312.pyc
index 6a617920..a08f829f 100644
Binary files a/osinaweb/billing/add/__pycache__/urls.cpython-312.pyc and b/osinaweb/billing/add/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/billing/add/__pycache__/views.cpython-312.pyc b/osinaweb/billing/add/__pycache__/views.cpython-312.pyc
index 6b2da27f..296d78df 100644
Binary files a/osinaweb/billing/add/__pycache__/views.cpython-312.pyc and b/osinaweb/billing/add/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/billing/delete/__pycache__/urls.cpython-312.pyc b/osinaweb/billing/delete/__pycache__/urls.cpython-312.pyc
index 65fdf701..58cb46c0 100644
Binary files a/osinaweb/billing/delete/__pycache__/urls.cpython-312.pyc and b/osinaweb/billing/delete/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/billing/delete/__pycache__/views.cpython-312.pyc b/osinaweb/billing/delete/__pycache__/views.cpython-312.pyc
index 6911f297..153f9a66 100644
Binary files a/osinaweb/billing/delete/__pycache__/views.cpython-312.pyc and b/osinaweb/billing/delete/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/billing/edit/__pycache__/urls.cpython-312.pyc b/osinaweb/billing/edit/__pycache__/urls.cpython-312.pyc
index 0db9c29a..22abea8f 100644
Binary files a/osinaweb/billing/edit/__pycache__/urls.cpython-312.pyc and b/osinaweb/billing/edit/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/billing/edit/__pycache__/views.cpython-312.pyc b/osinaweb/billing/edit/__pycache__/views.cpython-312.pyc
index 98c6340d..954e61fb 100644
Binary files a/osinaweb/billing/edit/__pycache__/views.cpython-312.pyc and b/osinaweb/billing/edit/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0001_initial.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0001_initial.cpython-312.pyc
index f19273de..3fcff987 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0001_initial.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0001_initial.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0002_service_active_service_cancelled_at_and_more.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0002_service_active_service_cancelled_at_and_more.cpython-312.pyc
index 7e874c05..6dd8b852 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0002_service_active_service_cancelled_at_and_more.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0002_service_active_service_cancelled_at_and_more.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0003_payment_servicepayment.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0003_payment_servicepayment.cpython-312.pyc
index ec3eb404..e887aacc 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0003_payment_servicepayment.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0003_payment_servicepayment.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0004_rename_payment_paymenttype.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0004_rename_payment_paymenttype.cpython-312.pyc
index 126b3a64..30ea4d40 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0004_rename_payment_paymenttype.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0004_rename_payment_paymenttype.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0005_service_recurring_cycle.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0005_service_recurring_cycle.cpython-312.pyc
index 609648d1..3bb2fcad 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0005_service_recurring_cycle.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0005_service_recurring_cycle.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0006_alter_service_cancelled_at_alter_service_created_at_and_more.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0006_alter_service_cancelled_at_alter_service_created_at_and_more.cpython-312.pyc
index 678b5968..6c3b447f 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0006_alter_service_cancelled_at_alter_service_created_at_and_more.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0006_alter_service_cancelled_at_alter_service_created_at_and_more.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0007_alter_service_recurring_cycle.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0007_alter_service_recurring_cycle.cpython-312.pyc
index a103c637..1bd99e7b 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0007_alter_service_recurring_cycle.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0007_alter_service_recurring_cycle.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0008_alter_service_type.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0008_alter_service_type.cpython-312.pyc
index 88cf7fcf..2848d59c 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0008_alter_service_type.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0008_alter_service_type.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0009_remove_service_due_at_remove_servicepayment_service_and_more.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0009_remove_service_due_at_remove_servicepayment_service_and_more.cpython-312.pyc
index b476ffa3..7655e1b7 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0009_remove_service_due_at_remove_servicepayment_service_and_more.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0009_remove_service_due_at_remove_servicepayment_service_and_more.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0010_charge_amount.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0010_charge_amount.cpython-312.pyc
index 7f6166ac..9017450b 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0010_charge_amount.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0010_charge_amount.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0011_invoice.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0011_invoice.cpython-312.pyc
index f0426521..ad3f1bc4 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0011_invoice.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0011_invoice.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0012_remove_servicepayment_charge_receipt_and_more.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0012_remove_servicepayment_charge_receipt_and_more.cpython-312.pyc
index 2a21b41f..fc3b6e1c 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0012_remove_servicepayment_charge_receipt_and_more.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0012_remove_servicepayment_charge_receipt_and_more.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0013_alter_invoice_date_created.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0013_alter_invoice_date_created.cpython-312.pyc
index c988a6da..b392a118 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0013_alter_invoice_date_created.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0013_alter_invoice_date_created.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0014_servicepayment_comment.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0014_servicepayment_comment.cpython-312.pyc
index 092490e8..21135bcc 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0014_servicepayment_comment.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0014_servicepayment_comment.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0015_order.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0015_order.cpython-312.pyc
index 301036d3..6ea71b4f 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0015_order.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0015_order.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0016_alter_order_status.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0016_alter_order_status.cpython-312.pyc
index 2f512d08..470b57f9 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0016_alter_order_status.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0016_alter_order_status.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0017_service_order.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0017_service_order.cpython-312.pyc
index 41e0751f..1279859c 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0017_service_order.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0017_service_order.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0018_alter_order_status.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0018_alter_order_status.cpython-312.pyc
index a9e9fedb..6e22e464 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0018_alter_order_status.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0018_alter_order_status.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0019_item_orderpayment_remove_service_customer_and_more.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0019_item_orderpayment_remove_service_customer_and_more.cpython-312.pyc
index 2ade961b..6385a95f 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0019_item_orderpayment_remove_service_customer_and_more.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0019_item_orderpayment_remove_service_customer_and_more.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0020_orderitem.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0020_orderitem.cpython-312.pyc
index 667e87a4..bcdf0d10 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0020_orderitem.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0020_orderitem.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0021_remove_item_recurring_cycle_and_more.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0021_remove_item_recurring_cycle_and_more.cpython-312.pyc
index 0f6d2cf9..c9b4870f 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0021_remove_item_recurring_cycle_and_more.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0021_remove_item_recurring_cycle_and_more.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0022_remove_item_cancelled_at_remove_item_created_at_and_more.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0022_remove_item_cancelled_at_remove_item_created_at_and_more.cpython-312.pyc
index 4f79b12d..18629764 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0022_remove_item_cancelled_at_remove_item_created_at_and_more.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0022_remove_item_cancelled_at_remove_item_created_at_and_more.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0023_alter_item_project_alter_item_type.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0023_alter_item_project_alter_item_type.cpython-312.pyc
index c2c23bc2..452f7f27 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0023_alter_item_project_alter_item_type.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0023_alter_item_project_alter_item_type.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0024_remove_item_active.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0024_remove_item_active.cpython-312.pyc
index d3f14bee..fcb87da5 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0024_remove_item_active.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0024_remove_item_active.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0025_remove_item_project_item_customer.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0025_remove_item_project_item_customer.cpython-312.pyc
index c2bbb8f1..317aa8e2 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0025_remove_item_project_item_customer.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0025_remove_item_project_item_customer.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0026_rename_type_item_item_type_remove_order_paid.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0026_rename_type_item_item_type_remove_order_paid.cpython-312.pyc
index 95e2c6db..9ddaf4d8 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0026_rename_type_item_item_type_remove_order_paid.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0026_rename_type_item_item_type_remove_order_paid.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0027_item_type.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0027_item_type.cpython-312.pyc
index 61193965..f104610f 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0027_item_type.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0027_item_type.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0028_remove_order_due_date.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0028_remove_order_due_date.cpython-312.pyc
index 7554054b..f3e5cbb7 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0028_remove_order_due_date.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0028_remove_order_due_date.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0029_invoice_pdf.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0029_invoice_pdf.cpython-312.pyc
index 84d6e154..cf59b175 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0029_invoice_pdf.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0029_invoice_pdf.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0030_alter_invoice_order.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0030_alter_invoice_order.cpython-312.pyc
index 584794d0..84c56836 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0030_alter_invoice_order.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0030_alter_invoice_order.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0031_alter_invoice_invoice_number.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0031_alter_invoice_invoice_number.cpython-312.pyc
index 4eac98dc..c4de8eb6 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0031_alter_invoice_invoice_number.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0031_alter_invoice_invoice_number.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0032_order_business.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0032_order_business.cpython-312.pyc
index 14aba19b..2f5ea938 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0032_order_business.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0032_order_business.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0033_alter_order_status.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0033_alter_order_status.cpython-312.pyc
index 088de8f5..a04340df 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0033_alter_order_status.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0033_alter_order_status.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0034_alter_invoice_pdf.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0034_alter_invoice_pdf.cpython-312.pyc
index 8cb57df1..c7b63dbe 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0034_alter_invoice_pdf.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0034_alter_invoice_pdf.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0035_alter_invoice_pdf.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0035_alter_invoice_pdf.cpython-312.pyc
index f3b31acd..966d7f05 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0035_alter_invoice_pdf.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0035_alter_invoice_pdf.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0036_alter_invoice_invoice_number.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0036_alter_invoice_invoice_number.cpython-312.pyc
index 8a2502f1..778cf8ff 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0036_alter_invoice_invoice_number.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0036_alter_invoice_invoice_number.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0037_recurringcycle_item.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0037_recurringcycle_item.cpython-312.pyc
index 7ff6d3be..657861dd 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0037_recurringcycle_item.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0037_recurringcycle_item.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0038_alter_invoice_pdf.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0038_alter_invoice_pdf.cpython-312.pyc
index 3968d89f..98d6162c 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0038_alter_invoice_pdf.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0038_alter_invoice_pdf.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0039_recurringcycle_cycle_price.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0039_recurringcycle_cycle_price.cpython-312.pyc
index d420e872..bad60af1 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0039_recurringcycle_cycle_price.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0039_recurringcycle_cycle_price.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0040_rename_due_at_orderitem_end_at_and_more.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0040_rename_due_at_orderitem_end_at_and_more.cpython-312.pyc
index ca9d348e..9c534a31 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0040_rename_due_at_orderitem_end_at_and_more.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0040_rename_due_at_orderitem_end_at_and_more.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0041_orderitem_active.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0041_orderitem_active.cpython-312.pyc
index 639c494e..e9463565 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0041_orderitem_active.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0041_orderitem_active.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0042_order_due_date.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0042_order_due_date.cpython-312.pyc
index 64dab5a9..854584c1 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0042_order_due_date.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0042_order_due_date.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0043_alter_invoice_pdf.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0043_alter_invoice_pdf.cpython-312.pyc
index 50ae6d4e..65020e11 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0043_alter_invoice_pdf.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0043_alter_invoice_pdf.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0044_alter_orderitem_active.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0044_alter_orderitem_active.cpython-312.pyc
index 113c7fe9..dbc09534 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0044_alter_orderitem_active.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0044_alter_orderitem_active.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0045_orderpayment_date_due_alter_orderpayment_date_paid.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0045_orderpayment_date_due_alter_orderpayment_date_paid.cpython-312.pyc
index da87d0a3..8e862a65 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0045_orderpayment_date_due_alter_orderpayment_date_paid.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0045_orderpayment_date_due_alter_orderpayment_date_paid.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0046_remove_orderpayment_order_orderpayment_order.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0046_remove_orderpayment_order_orderpayment_order.cpython-312.pyc
index 667c8028..c25c484d 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0046_remove_orderpayment_order_orderpayment_order.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0046_remove_orderpayment_order_orderpayment_order.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0047_paymenttype_description_paymenttype_image.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0047_paymenttype_description_paymenttype_image.cpython-312.pyc
index 98ab13f3..bd3bc3b0 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0047_paymenttype_description_paymenttype_image.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0047_paymenttype_description_paymenttype_image.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0048_remove_order_status_orderstatus.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0048_remove_order_status_orderstatus.cpython-312.pyc
index 75dd444d..fc827119 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0048_remove_order_status_orderstatus.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0048_remove_order_status_orderstatus.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0049_rename_due_date_order_date.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0049_rename_due_date_order_date.cpython-312.pyc
index 9e1ca499..fadbaa45 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0049_rename_due_date_order_date.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0049_rename_due_date_order_date.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0050_remove_orderpayment_type_orderpayment_type.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0050_remove_orderpayment_type_orderpayment_type.cpython-312.pyc
index e223fb6e..e2c87bb5 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0050_remove_orderpayment_type_orderpayment_type.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0050_remove_orderpayment_type_orderpayment_type.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0051_alter_orderpayment_amount.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0051_alter_orderpayment_amount.cpython-312.pyc
index 9915222e..5101ad6c 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0051_alter_orderpayment_amount.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0051_alter_orderpayment_amount.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/0052_alter_orderstatus_status.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/0052_alter_orderstatus_status.cpython-312.pyc
index a082c391..2d003a15 100644
Binary files a/osinaweb/billing/migrations/__pycache__/0052_alter_orderstatus_status.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/0052_alter_orderstatus_status.cpython-312.pyc differ
diff --git a/osinaweb/billing/migrations/__pycache__/__init__.cpython-312.pyc b/osinaweb/billing/migrations/__pycache__/__init__.cpython-312.pyc
index 2eddef6d..f50213f4 100644
Binary files a/osinaweb/billing/migrations/__pycache__/__init__.cpython-312.pyc and b/osinaweb/billing/migrations/__pycache__/__init__.cpython-312.pyc differ
diff --git a/osinaweb/customercore/__pycache__/__init__.cpython-312.pyc b/osinaweb/customercore/__pycache__/__init__.cpython-312.pyc
index 91c8d7a0..a524c8ee 100644
Binary files a/osinaweb/customercore/__pycache__/__init__.cpython-312.pyc and b/osinaweb/customercore/__pycache__/__init__.cpython-312.pyc differ
diff --git a/osinaweb/customercore/__pycache__/admin.cpython-312.pyc b/osinaweb/customercore/__pycache__/admin.cpython-312.pyc
index 205d2fa9..1727cf15 100644
Binary files a/osinaweb/customercore/__pycache__/admin.cpython-312.pyc and b/osinaweb/customercore/__pycache__/admin.cpython-312.pyc differ
diff --git a/osinaweb/customercore/__pycache__/apps.cpython-312.pyc b/osinaweb/customercore/__pycache__/apps.cpython-312.pyc
index cefb9a98..874617a4 100644
Binary files a/osinaweb/customercore/__pycache__/apps.cpython-312.pyc and b/osinaweb/customercore/__pycache__/apps.cpython-312.pyc differ
diff --git a/osinaweb/customercore/__pycache__/custom_context.cpython-312.pyc b/osinaweb/customercore/__pycache__/custom_context.cpython-312.pyc
index 05592f6b..cef4b7dd 100644
Binary files a/osinaweb/customercore/__pycache__/custom_context.cpython-312.pyc and b/osinaweb/customercore/__pycache__/custom_context.cpython-312.pyc differ
diff --git a/osinaweb/customercore/__pycache__/decorators.cpython-312.pyc b/osinaweb/customercore/__pycache__/decorators.cpython-312.pyc
index 26604cb5..a860a349 100644
Binary files a/osinaweb/customercore/__pycache__/decorators.cpython-312.pyc and b/osinaweb/customercore/__pycache__/decorators.cpython-312.pyc differ
diff --git a/osinaweb/customercore/__pycache__/models.cpython-312.pyc b/osinaweb/customercore/__pycache__/models.cpython-312.pyc
index d745dee1..d61c7ba0 100644
Binary files a/osinaweb/customercore/__pycache__/models.cpython-312.pyc and b/osinaweb/customercore/__pycache__/models.cpython-312.pyc differ
diff --git a/osinaweb/customercore/__pycache__/urls.cpython-312.pyc b/osinaweb/customercore/__pycache__/urls.cpython-312.pyc
index fa894140..bd54db7d 100644
Binary files a/osinaweb/customercore/__pycache__/urls.cpython-312.pyc and b/osinaweb/customercore/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/customercore/__pycache__/views.cpython-312.pyc b/osinaweb/customercore/__pycache__/views.cpython-312.pyc
index 8cacf2b6..d3b028e2 100644
Binary files a/osinaweb/customercore/__pycache__/views.cpython-312.pyc and b/osinaweb/customercore/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/customercore/add/__pycache__/urls.cpython-312.pyc b/osinaweb/customercore/add/__pycache__/urls.cpython-312.pyc
index 6fa97664..285e7744 100644
Binary files a/osinaweb/customercore/add/__pycache__/urls.cpython-312.pyc and b/osinaweb/customercore/add/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/customercore/add/__pycache__/views.cpython-312.pyc b/osinaweb/customercore/add/__pycache__/views.cpython-312.pyc
index dbe3dd04..3840bdb9 100644
Binary files a/osinaweb/customercore/add/__pycache__/views.cpython-312.pyc and b/osinaweb/customercore/add/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0001_initial.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0001_initial.cpython-312.pyc
index 43c9e97e..2b021ab1 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0001_initial.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0001_initial.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0002_alter_ticket_department.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0002_alter_ticket_department.cpython-312.pyc
index e91a511b..35b28829 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0002_alter_ticket_department.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0002_alter_ticket_department.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0003_ticket_customer_ticket_status_and_more.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0003_ticket_customer_ticket_status_and_more.cpython-312.pyc
index efc4cadc..7e106659 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0003_ticket_customer_ticket_status_and_more.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0003_ticket_customer_ticket_status_and_more.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0004_ticket_ticket_number_and_more.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0004_ticket_ticket_number_and_more.cpython-312.pyc
index bb8014f4..eec268be 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0004_ticket_ticket_number_and_more.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0004_ticket_ticket_number_and_more.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0005_ticketstatusupdate.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0005_ticketstatusupdate.cpython-312.pyc
index b0537907..1e08d331 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0005_ticketstatusupdate.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0005_ticketstatusupdate.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0006_ticketupdate_read.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0006_ticketupdate_read.cpython-312.pyc
index dcca3dbe..c39ad060 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0006_ticketupdate_read.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0006_ticketupdate_read.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0007_remove_ticketupdate_read_ticketupdatereadstatus.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0007_remove_ticketupdate_read_ticketupdatereadstatus.cpython-312.pyc
index 210756db..0898d134 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0007_remove_ticketupdate_read_ticketupdatereadstatus.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0007_remove_ticketupdate_read_ticketupdatereadstatus.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0008_rename_ticketupdatereadstatus_ticketread.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0008_rename_ticketupdatereadstatus_ticketread.cpython-312.pyc
index 8a643ada..7578426d 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0008_rename_ticketupdatereadstatus_ticketread.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0008_rename_ticketupdatereadstatus_ticketread.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0009_alter_ticketattachment_ticket.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0009_alter_ticketattachment_ticket.cpython-312.pyc
index 0c1a67d5..93d51dac 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0009_alter_ticketattachment_ticket.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0009_alter_ticketattachment_ticket.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0010_rename_ticketreaction_ticketupdatereaction.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0010_rename_ticketreaction_ticketupdatereaction.cpython-312.pyc
index 993814af..99250d2c 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0010_rename_ticketreaction_ticketupdatereaction.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0010_rename_ticketreaction_ticketupdatereaction.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0011_ticketupdatereaction_customer.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0011_ticketupdatereaction_customer.cpython-312.pyc
index 1be84c5a..789363f2 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0011_ticketupdatereaction_customer.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0011_ticketupdatereaction_customer.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0012_ticket_ticket_members.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0012_ticket_ticket_members.cpython-312.pyc
index f0086850..373adf5b 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0012_ticket_ticket_members.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0012_ticket_ticket_members.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0013_alter_ticket_ticket_members.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0013_alter_ticket_ticket_members.cpython-312.pyc
index 63ad35d4..0abdbe0f 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0013_alter_ticket_ticket_members.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0013_alter_ticket_ticket_members.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0014_remove_ticket_department_ticket_department.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0014_remove_ticket_department_ticket_department.cpython-312.pyc
index 897d4337..4fa4a17f 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0014_remove_ticket_department_ticket_department.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0014_remove_ticket_department_ticket_department.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0015_rename_department_ticket_departments.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0015_rename_department_ticket_departments.cpython-312.pyc
index 0c992a16..0f8b0292 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0015_rename_department_ticket_departments.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0015_rename_department_ticket_departments.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0016_rename_ticketstatusupdate_ticketstatus.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0016_rename_ticketstatusupdate_ticketstatus.cpython-312.pyc
index 6f8d7c1e..187d68cf 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0016_rename_ticketstatusupdate_ticketstatus.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0016_rename_ticketstatusupdate_ticketstatus.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0017_tickettask.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0017_tickettask.cpython-312.pyc
index a1018e09..ac9dc740 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0017_tickettask.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0017_tickettask.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0018_alter_ticketattachment_file.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0018_alter_ticketattachment_file.cpython-312.pyc
index 60b3a253..5ff0b153 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0018_alter_ticketattachment_file.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0018_alter_ticketattachment_file.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0019_file.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0019_file.cpython-312.pyc
index 463ed3d8..45c1137c 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0019_file.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0019_file.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0020_alter_ticketattachment_file.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0020_alter_ticketattachment_file.cpython-312.pyc
index ba9cff64..4066c0a9 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0020_alter_ticketattachment_file.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0020_alter_ticketattachment_file.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0021_file_ticket.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0021_file_ticket.cpython-312.pyc
index 70d1ddb4..aca7e17f 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0021_file_ticket.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0021_file_ticket.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0022_remove_file_ticket.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0022_remove_file_ticket.cpython-312.pyc
index 4cc16249..3c830572 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0022_remove_file_ticket.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0022_remove_file_ticket.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0023_delete_file_remove_ticketattachment_file_and_more.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0023_delete_file_remove_ticketattachment_file_and_more.cpython-312.pyc
index f5070744..8376d3a8 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/0023_delete_file_remove_ticketattachment_file_and_more.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/0023_delete_file_remove_ticketattachment_file_and_more.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/0024_remove_ticketattachment_ticket_and_more.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/0024_remove_ticketattachment_ticket_and_more.cpython-312.pyc
new file mode 100644
index 00000000..8dbedb4b
Binary files /dev/null and b/osinaweb/customercore/migrations/__pycache__/0024_remove_ticketattachment_ticket_and_more.cpython-312.pyc differ
diff --git a/osinaweb/customercore/migrations/__pycache__/__init__.cpython-312.pyc b/osinaweb/customercore/migrations/__pycache__/__init__.cpython-312.pyc
index a387d8c8..8fa5a3a9 100644
Binary files a/osinaweb/customercore/migrations/__pycache__/__init__.cpython-312.pyc and b/osinaweb/customercore/migrations/__pycache__/__init__.cpython-312.pyc differ
diff --git a/osinaweb/customercore/payment/__pycache__/urls.cpython-312.pyc b/osinaweb/customercore/payment/__pycache__/urls.cpython-312.pyc
index fe675fe7..6daee13d 100644
Binary files a/osinaweb/customercore/payment/__pycache__/urls.cpython-312.pyc and b/osinaweb/customercore/payment/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/customercore/payment/__pycache__/views.cpython-312.pyc b/osinaweb/customercore/payment/__pycache__/views.cpython-312.pyc
index ff1eacfc..3482f91f 100644
Binary files a/osinaweb/customercore/payment/__pycache__/views.cpython-312.pyc and b/osinaweb/customercore/payment/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/db.sqlite3 b/osinaweb/db.sqlite3
index a9482e6c..c8e1bace 100644
Binary files a/osinaweb/db.sqlite3 and b/osinaweb/db.sqlite3 differ
diff --git a/osinaweb/input.css b/osinaweb/input.css
index 06ae8f3b..339ab8af 100644
--- a/osinaweb/input.css
+++ b/osinaweb/input.css
@@ -96,6 +96,26 @@
     transition: opacity 0.5s, transform 0.5s;
 }
 
+/* ANIMATION TO TYPING CONTAINER IN TICKETS ROOM */
+@keyframes fadeInAndUp {
+    from { opacity: 0; transform: translateY(12px); }
+    to { opacity: 1; transform: translateY(0px); }
+}
+
+.fade-in-up {
+    animation: fadeInAndUp 0.6s ease;
+}
+
+@keyframes fadeOutAndDown {
+    from { opacity: 1; transform: translateY(0px); }
+    to { opacity: 0; transform: translateY(12px); }
+}
+
+.fade-out {
+    animation: fadeOutAndDown 0.6s ease;
+}
+
+
 
 /* FOR THE IFRAME TO TAKE 95% OF WIDTH ON SMALL SCREEN SIZES */
 @media screen and (max-width: 798px) {
diff --git a/osinaweb/osinacore/__pycache__/__init__.cpython-312.pyc b/osinaweb/osinacore/__pycache__/__init__.cpython-312.pyc
index 5ccb6537..a217f248 100644
Binary files a/osinaweb/osinacore/__pycache__/__init__.cpython-312.pyc and b/osinaweb/osinacore/__pycache__/__init__.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/__pycache__/admin.cpython-312.pyc b/osinaweb/osinacore/__pycache__/admin.cpython-312.pyc
index f4f84b19..f1117ea4 100644
Binary files a/osinaweb/osinacore/__pycache__/admin.cpython-312.pyc and b/osinaweb/osinacore/__pycache__/admin.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/__pycache__/apps.cpython-312.pyc b/osinaweb/osinacore/__pycache__/apps.cpython-312.pyc
index f67835f7..31119de3 100644
Binary files a/osinaweb/osinacore/__pycache__/apps.cpython-312.pyc and b/osinaweb/osinacore/__pycache__/apps.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/__pycache__/custom_context.cpython-312.pyc b/osinaweb/osinacore/__pycache__/custom_context.cpython-312.pyc
index 8823484a..27f3bfae 100644
Binary files a/osinaweb/osinacore/__pycache__/custom_context.cpython-312.pyc and b/osinaweb/osinacore/__pycache__/custom_context.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/__pycache__/decorators.cpython-312.pyc b/osinaweb/osinacore/__pycache__/decorators.cpython-312.pyc
index c76f55e3..4cc8b371 100644
Binary files a/osinaweb/osinacore/__pycache__/decorators.cpython-312.pyc and b/osinaweb/osinacore/__pycache__/decorators.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/__pycache__/forms.cpython-312.pyc b/osinaweb/osinacore/__pycache__/forms.cpython-312.pyc
index 07816681..db4bea13 100644
Binary files a/osinaweb/osinacore/__pycache__/forms.cpython-312.pyc and b/osinaweb/osinacore/__pycache__/forms.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/__pycache__/models.cpython-312.pyc b/osinaweb/osinacore/__pycache__/models.cpython-312.pyc
index dd6a4419..d3e59841 100644
Binary files a/osinaweb/osinacore/__pycache__/models.cpython-312.pyc and b/osinaweb/osinacore/__pycache__/models.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/__pycache__/urls.cpython-312.pyc b/osinaweb/osinacore/__pycache__/urls.cpython-312.pyc
index e1fd0db1..3c3d997a 100644
Binary files a/osinaweb/osinacore/__pycache__/urls.cpython-312.pyc and b/osinaweb/osinacore/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/__pycache__/views.cpython-312.pyc b/osinaweb/osinacore/__pycache__/views.cpython-312.pyc
index ea2bb878..c58617cb 100644
Binary files a/osinaweb/osinacore/__pycache__/views.cpython-312.pyc and b/osinaweb/osinacore/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/add/__pycache__/urls.cpython-312.pyc b/osinaweb/osinacore/add/__pycache__/urls.cpython-312.pyc
index a72753d0..05da5a1d 100644
Binary files a/osinaweb/osinacore/add/__pycache__/urls.cpython-312.pyc and b/osinaweb/osinacore/add/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/add/__pycache__/views.cpython-312.pyc b/osinaweb/osinacore/add/__pycache__/views.cpython-312.pyc
index e16608b0..9c934b96 100644
Binary files a/osinaweb/osinacore/add/__pycache__/views.cpython-312.pyc and b/osinaweb/osinacore/add/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/api/__pycache__/serializers.cpython-312.pyc b/osinaweb/osinacore/api/__pycache__/serializers.cpython-312.pyc
index 73abf8d6..f2409bf7 100644
Binary files a/osinaweb/osinacore/api/__pycache__/serializers.cpython-312.pyc and b/osinaweb/osinacore/api/__pycache__/serializers.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/api/__pycache__/urls.cpython-312.pyc b/osinaweb/osinacore/api/__pycache__/urls.cpython-312.pyc
index e528ce69..37350ba7 100644
Binary files a/osinaweb/osinacore/api/__pycache__/urls.cpython-312.pyc and b/osinaweb/osinacore/api/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/api/__pycache__/views.cpython-312.pyc b/osinaweb/osinacore/api/__pycache__/views.cpython-312.pyc
index b91a5ae3..ef817eda 100644
Binary files a/osinaweb/osinacore/api/__pycache__/views.cpython-312.pyc and b/osinaweb/osinacore/api/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/delete/__pycache__/urls.cpython-312.pyc b/osinaweb/osinacore/delete/__pycache__/urls.cpython-312.pyc
index 5aad379e..526504db 100644
Binary files a/osinaweb/osinacore/delete/__pycache__/urls.cpython-312.pyc and b/osinaweb/osinacore/delete/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/delete/__pycache__/views.cpython-312.pyc b/osinaweb/osinacore/delete/__pycache__/views.cpython-312.pyc
index e34fd392..485d72aa 100644
Binary files a/osinaweb/osinacore/delete/__pycache__/views.cpython-312.pyc and b/osinaweb/osinacore/delete/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/edit/__pycache__/urls.cpython-312.pyc b/osinaweb/osinacore/edit/__pycache__/urls.cpython-312.pyc
index 8975e98c..032dd72a 100644
Binary files a/osinaweb/osinacore/edit/__pycache__/urls.cpython-312.pyc and b/osinaweb/osinacore/edit/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/edit/__pycache__/views.cpython-312.pyc b/osinaweb/osinacore/edit/__pycache__/views.cpython-312.pyc
index a85cab83..efa8729c 100644
Binary files a/osinaweb/osinacore/edit/__pycache__/views.cpython-312.pyc and b/osinaweb/osinacore/edit/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/knowledge_base/__pycache__/urls.cpython-312.pyc b/osinaweb/osinacore/knowledge_base/__pycache__/urls.cpython-312.pyc
index 77352f33..b1ba9fbc 100644
Binary files a/osinaweb/osinacore/knowledge_base/__pycache__/urls.cpython-312.pyc and b/osinaweb/osinacore/knowledge_base/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/knowledge_base/__pycache__/views.cpython-312.pyc b/osinaweb/osinacore/knowledge_base/__pycache__/views.cpython-312.pyc
index 8f6eb16b..efba5698 100644
Binary files a/osinaweb/osinacore/knowledge_base/__pycache__/views.cpython-312.pyc and b/osinaweb/osinacore/knowledge_base/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0001_initial.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0001_initial.cpython-312.pyc
index ce1689f6..a04f8627 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0001_initial.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0001_initial.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0002_projecttype_alter_business_options_staffprofile_and_more.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0002_projecttype_alter_business_options_staffprofile_and_more.cpython-312.pyc
index c6b57be8..c3415d95 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0002_projecttype_alter_business_options_staffprofile_and_more.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0002_projecttype_alter_business_options_staffprofile_and_more.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0003_milestone.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0003_milestone.cpython-312.pyc
index aacee987..e1b87ea6 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0003_milestone.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0003_milestone.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0004_epic.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0004_epic.cpython-312.pyc
index 1c63774c..bc007d98 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0004_epic.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0004_epic.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0005_staffprofile_image.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0005_staffprofile_image.cpython-312.pyc
index e8aaa47f..6a6c91a6 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0005_staffprofile_image.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0005_staffprofile_image.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0006_note.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0006_note.cpython-312.pyc
index 47b838d3..1bdfe57d 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0006_note.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0006_note.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0007_project_project_id_alter_project_status.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0007_project_project_id_alter_project_status.cpython-312.pyc
index 031de350..4feb06f2 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0007_project_project_id_alter_project_status.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0007_project_project_id_alter_project_status.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0008_alter_project_project_id.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0008_alter_project_project_id.cpython-312.pyc
index 3fea6007..e855b4cb 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0008_alter_project_project_id.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0008_alter_project_project_id.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0009_alter_project_project_id.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0009_alter_project_project_id.cpython-312.pyc
index f4075ec3..2700d653 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0009_alter_project_project_id.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0009_alter_project_project_id.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0010_remove_note_date.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0010_remove_note_date.cpython-312.pyc
index 70987ed0..fca00484 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0010_remove_note_date.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0010_remove_note_date.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0011_note_date_alter_note_color_alter_note_text_and_more.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0011_note_date_alter_note_color_alter_note_text_and_more.cpython-312.pyc
index 2fb7e105..2495c3d0 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0011_note_date_alter_note_color_alter_note_text_and_more.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0011_note_date_alter_note_color_alter_note_text_and_more.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0012_projectrequirement.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0012_projectrequirement.cpython-312.pyc
index 7c954094..4ee5c5b3 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0012_projectrequirement.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0012_projectrequirement.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0013_projectfile.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0013_projectfile.cpython-312.pyc
index 235cf2a6..752dda9c 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0013_projectfile.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0013_projectfile.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0014_alter_projectfile_file.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0014_alter_projectfile_file.cpython-312.pyc
index ccd2024d..d8863779 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0014_alter_projectfile_file.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0014_alter_projectfile_file.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0015_projectcredentials.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0015_projectcredentials.cpython-312.pyc
index 60bdd254..0708e24d 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0015_projectcredentials.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0015_projectcredentials.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0016_rename_projectcredentials_projectcredential.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0016_rename_projectcredentials_projectcredential.cpython-312.pyc
index 57b85503..2a1eefba 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0016_rename_projectcredentials_projectcredential.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0016_rename_projectcredentials_projectcredential.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0017_alter_project_end_date_alter_project_start_date.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0017_alter_project_end_date_alter_project_start_date.cpython-312.pyc
index 46434734..0562899e 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0017_alter_project_end_date_alter_project_start_date.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0017_alter_project_end_date_alter_project_start_date.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0018_epic_status.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0018_epic_status.cpython-312.pyc
index 1db33d60..b9014992 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0018_epic_status.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0018_epic_status.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0019_alter_epic_end_date_alter_epic_start_date.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0019_alter_epic_end_date_alter_epic_start_date.cpython-312.pyc
index 5c43ef30..dcc1ee2c 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0019_alter_epic_end_date_alter_epic_start_date.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0019_alter_epic_end_date_alter_epic_start_date.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0020_task.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0020_task.cpython-312.pyc
index c55ae915..d937d8cb 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0020_task.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0020_task.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0021_alter_customerprofile_business_and_more.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0021_alter_customerprofile_business_and_more.cpython-312.pyc
index 8e4fd0b3..d4e6f4d1 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0021_alter_customerprofile_business_and_more.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0021_alter_customerprofile_business_and_more.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0022_customerprofile_customer_id.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0022_customerprofile_customer_id.cpython-312.pyc
index a4134d56..7077d227 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0022_customerprofile_customer_id.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0022_customerprofile_customer_id.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0023_task_assigned_to.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0023_task_assigned_to.cpython-312.pyc
index c4f9e77b..58dd8444 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0023_task_assigned_to.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0023_task_assigned_to.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0024_task_task_id.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0024_task_task_id.cpython-312.pyc
index 1bc2fad3..ab0e7cda 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0024_task_task_id.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0024_task_task_id.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0025_status.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0025_status.cpython-312.pyc
index e76d5539..10e80971 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0025_status.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0025_status.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0026_remove_status_user_status_staff.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0026_remove_status_user_status_staff.cpython-312.pyc
index 31de3115..98ca81b6 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0026_remove_status_user_status_staff.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0026_remove_status_user_status_staff.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0027_alter_status_staff.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0027_alter_status_staff.cpython-312.pyc
index f5d4035f..a3b8749b 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0027_alter_status_staff.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0027_alter_status_staff.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0028_remove_projecttype_color.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0028_remove_projecttype_color.cpython-312.pyc
index 6bc403f3..aaeb2f78 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0028_remove_projecttype_color.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0028_remove_projecttype_color.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0029_alter_reference_date.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0029_alter_reference_date.cpython-312.pyc
index 915ea5a1..d1c884a9 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0029_alter_reference_date.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0029_alter_reference_date.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0030_tag.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0030_tag.cpython-312.pyc
index df194e6b..6718c3e2 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0030_tag.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0030_tag.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0031_alter_staffprofile_image.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0031_alter_staffprofile_image.cpython-312.pyc
index b0801b98..67253db3 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0031_alter_staffprofile_image.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0031_alter_staffprofile_image.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0032_point.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0032_point.cpython-312.pyc
index 6214d231..e000f6f4 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0032_point.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0032_point.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0033_point_date_completed_point_date_workingon_and_more.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0033_point_date_completed_point_date_workingon_and_more.cpython-312.pyc
index f766f239..f8256a9b 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0033_point_date_completed_point_date_workingon_and_more.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0033_point_date_completed_point_date_workingon_and_more.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0034_alter_point_date_completed_and_more.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0034_alter_point_date_completed_and_more.cpython-312.pyc
index 67d820ab..efcbc74f 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0034_alter_point_date_completed_and_more.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0034_alter_point_date_completed_and_more.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0035_business_business_id.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0035_business_business_id.cpython-312.pyc
index c7c52c79..83ead474 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0035_business_business_id.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0035_business_business_id.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0036_staffposition_alter_staffprofile_position.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0036_staffposition_alter_staffprofile_position.cpython-312.pyc
index 06a8a5df..6d2f4013 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0036_staffposition_alter_staffprofile_position.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0036_staffposition_alter_staffprofile_position.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0037_remove_staffprofile_position.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0037_remove_staffprofile_position.cpython-312.pyc
index ff750756..3440ca6c 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0037_remove_staffprofile_position.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0037_remove_staffprofile_position.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0038_staffprofile_staff_position.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0038_staffprofile_staff_position.cpython-312.pyc
index f0ddb0e0..891836a7 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0038_staffprofile_staff_position.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0038_staffprofile_staff_position.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0039_alter_staffprofile_staff_position.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0039_alter_staffprofile_staff_position.cpython-312.pyc
index 324bf63e..a8a3d6a5 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0039_alter_staffprofile_staff_position.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0039_alter_staffprofile_staff_position.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0040_staffprofile_staff_id.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0040_staffprofile_staff_id.cpython-312.pyc
index 868c596a..7f94b79e 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0040_staffprofile_staff_id.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0040_staffprofile_staff_id.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0041_dailyreport.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0041_dailyreport.cpython-312.pyc
index d880a208..c22abbc2 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0041_dailyreport.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0041_dailyreport.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0042_remove_customerprofile_email_and_more.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0042_remove_customerprofile_email_and_more.cpython-312.pyc
index 4c7d0e54..f5c22d21 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0042_remove_customerprofile_email_and_more.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0042_remove_customerprofile_email_and_more.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0043_businesstype.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0043_businesstype.cpython-312.pyc
index 2e2718bf..3cfc3bf5 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0043_businesstype.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0043_businesstype.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0044_remove_business_business_type.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0044_remove_business_business_type.cpython-312.pyc
index dd5b3c9a..0c33d1fa 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0044_remove_business_business_type.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0044_remove_business_business_type.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0045_business_type.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0045_business_type.cpython-312.pyc
index ed4b15ae..67e5f994 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0045_business_type.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0045_business_type.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0046_task_requirement.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0046_task_requirement.cpython-312.pyc
index 1158d7fa..26536d71 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0046_task_requirement.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0046_task_requirement.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0047_task_status_date.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0047_task_status_date.cpython-312.pyc
index 8beb1bc1..7fe7f480 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0047_task_status_date.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0047_task_status_date.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0048_alter_customerprofile_business.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0048_alter_customerprofile_business.cpython-312.pyc
index af7768ac..7ca4066e 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0048_alter_customerprofile_business.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0048_alter_customerprofile_business.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0049_alter_customerprofile_business.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0049_alter_customerprofile_business.cpython-312.pyc
index d8a255ae..8410fc3f 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0049_alter_customerprofile_business.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0049_alter_customerprofile_business.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0050_projectrequirement_added_by_projectrequirement_date.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0050_projectrequirement_added_by_projectrequirement_date.cpython-312.pyc
index 0e431ec8..b001feb6 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0050_projectrequirement_added_by_projectrequirement_date.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0050_projectrequirement_added_by_projectrequirement_date.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0051_alter_task_requirement.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0051_alter_task_requirement.cpython-312.pyc
index c3e0bfc7..5805bb9e 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0051_alter_task_requirement.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0051_alter_task_requirement.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0052_note_project.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0052_note_project.cpython-312.pyc
index 155fdffc..8ccfa07a 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0052_note_project.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0052_note_project.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0053_pointactivity.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0053_pointactivity.cpython-312.pyc
index 0560b593..4a8fa762 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0053_pointactivity.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0053_pointactivity.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0054_remove_point_date_completed_and_more.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0054_remove_point_date_completed_and_more.cpython-312.pyc
index 0a44f82a..ac257ecf 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0054_remove_point_date_completed_and_more.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0054_remove_point_date_completed_and_more.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0055_alter_point_status.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0055_alter_point_status.cpython-312.pyc
index 15e9c447..487a6d98 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0055_alter_point_status.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0055_alter_point_status.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0056_alter_pointactivity_end_time.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0056_alter_pointactivity_end_time.cpython-312.pyc
index 9e923c5c..edf19acd 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0056_alter_pointactivity_end_time.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0056_alter_pointactivity_end_time.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0057_point_total_time_hours_point_total_time_minutes_and_more.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0057_point_total_time_hours_point_total_time_minutes_and_more.cpython-312.pyc
index 089b6a6b..4bc70ed8 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0057_point_total_time_hours_point_total_time_minutes_and_more.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0057_point_total_time_hours_point_total_time_minutes_and_more.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0058_remove_point_total_time_hours_and_more.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0058_remove_point_total_time_hours_and_more.cpython-312.pyc
index bd9823fb..9a9d408c 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0058_remove_point_total_time_hours_and_more.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0058_remove_point_total_time_hours_and_more.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0059_alter_task_requirement.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0059_alter_task_requirement.cpython-312.pyc
index 10c84956..4ff42db5 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0059_alter_task_requirement.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0059_alter_task_requirement.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0060_pointactivity_total_time.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0060_pointactivity_total_time.cpython-312.pyc
index 7738460e..5970e75c 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0060_pointactivity_total_time.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0060_pointactivity_total_time.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0061_alter_task_end_date_alter_task_start_date.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0061_alter_task_end_date_alter_task_start_date.cpython-312.pyc
index 61874f67..afe80177 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0061_alter_task_end_date_alter_task_start_date.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0061_alter_task_end_date_alter_task_start_date.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0062_connection.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0062_connection.cpython-312.pyc
index 143e2dd2..b1c2cafe 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0062_connection.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0062_connection.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0063_alter_connection_date.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0063_alter_connection_date.cpython-312.pyc
index 3108bf76..34b40e30 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0063_alter_connection_date.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0063_alter_connection_date.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0064_reaction.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0064_reaction.cpython-312.pyc
index 7f7702ed..ef6133b9 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0064_reaction.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0064_reaction.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0065_alter_customerprofile_status.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0065_alter_customerprofile_status.cpython-312.pyc
index c53e74fd..361c74d7 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0065_alter_customerprofile_status.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0065_alter_customerprofile_status.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0066_remove_customerprofile_business_business_customer.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0066_remove_customerprofile_business_business_customer.cpython-312.pyc
index a9d75ceb..fc5829f3 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0066_remove_customerprofile_business_business_customer.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0066_remove_customerprofile_business_business_customer.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0067_customerprofile_confirmed.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0067_customerprofile_confirmed.cpython-312.pyc
index 81294b0f..91ccd520 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0067_customerprofile_confirmed.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0067_customerprofile_confirmed.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0068_remove_customerprofile_confirmed_and_more.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0068_remove_customerprofile_confirmed_and_more.cpython-312.pyc
index 3cbb7483..45e54a7e 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0068_remove_customerprofile_confirmed_and_more.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0068_remove_customerprofile_confirmed_and_more.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0069_alter_business_logo_alter_projectfile_file_and_more.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0069_alter_business_logo_alter_projectfile_file_and_more.cpython-312.pyc
index feab8d57..5bd91239 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0069_alter_business_logo_alter_projectfile_file_and_more.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0069_alter_business_logo_alter_projectfile_file_and_more.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0070_department_alter_staffprofile_staff_position_and_more.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0070_department_alter_staffprofile_staff_position_and_more.cpython-312.pyc
index a527a347..5a5df4db 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0070_department_alter_staffprofile_staff_position_and_more.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0070_department_alter_staffprofile_staff_position_and_more.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0071_projecttype_department_ticket.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0071_projecttype_department_ticket.cpython-312.pyc
index 25a402a6..e235b66e 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0071_projecttype_department_ticket.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0071_projecttype_department_ticket.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0072_ticketupdate_ticketreaction_ticketattachment.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0072_ticketupdate_ticketreaction_ticketattachment.cpython-312.pyc
index b6129ac4..a43f0a86 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0072_ticketupdate_ticketreaction_ticketattachment.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0072_ticketupdate_ticketreaction_ticketattachment.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0073_alter_ticket_regarding.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0073_alter_ticket_regarding.cpython-312.pyc
index 886991e7..0138b8ce 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0073_alter_ticket_regarding.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0073_alter_ticket_regarding.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0074_rename_dare_added_ticketupdate_date_added.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0074_rename_dare_added_ticketupdate_date_added.cpython-312.pyc
index fa8d1c94..0e1cbe2d 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0074_rename_dare_added_ticketupdate_date_added.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0074_rename_dare_added_ticketupdate_date_added.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0075_remove_ticketattachment_ticket_and_more.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0075_remove_ticketattachment_ticket_and_more.cpython-312.pyc
index 6629b906..b33be5d9 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0075_remove_ticketattachment_ticket_and_more.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0075_remove_ticketattachment_ticket_and_more.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0076_alter_reference_date.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0076_alter_reference_date.cpython-312.pyc
index a64710af..1d2f40df 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0076_alter_reference_date.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0076_alter_reference_date.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0077_remove_project_status_project_active_projectstatus.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0077_remove_project_status_project_active_projectstatus.cpython-312.pyc
index ad342ff3..052961ee 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0077_remove_project_status_project_active_projectstatus.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0077_remove_project_status_project_active_projectstatus.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0078_alter_projectstatus_status.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0078_alter_projectstatus_status.cpython-312.pyc
index 42b87655..ce932c01 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0078_alter_projectstatus_status.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0078_alter_projectstatus_status.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0079_alter_project_end_date_alter_project_start_date.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0079_alter_project_end_date_alter_project_start_date.cpython-312.pyc
index 35423692..fdbd14e4 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0079_alter_project_end_date_alter_project_start_date.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0079_alter_project_end_date_alter_project_start_date.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0080_project_logo.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0080_project_logo.cpython-312.pyc
index d8120f56..5dd3d36f 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0080_project_logo.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0080_project_logo.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0081_status_task.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0081_status_task.cpython-312.pyc
index d3809f17..eda8bd51 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0081_status_task.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0081_status_task.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0082_pinnedproject.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0082_pinnedproject.cpython-312.pyc
index ab83134d..dd037a32 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0082_pinnedproject.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0082_pinnedproject.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0083_rename_staffposition_jobposition_and_more.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0083_rename_staffposition_jobposition_and_more.cpython-312.pyc
index f058d261..5f8cab4f 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0083_rename_staffposition_jobposition_and_more.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0083_rename_staffposition_jobposition_and_more.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0084_staffposition.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0084_staffposition.cpython-312.pyc
index 3c41681e..35f86298 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/0084_staffposition.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/0084_staffposition.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/0085_rename_date_staffposition_start_date_and_more.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/0085_rename_date_staffposition_start_date_and_more.cpython-312.pyc
new file mode 100644
index 00000000..1e625f9e
Binary files /dev/null and b/osinaweb/osinacore/migrations/__pycache__/0085_rename_date_staffposition_start_date_and_more.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/migrations/__pycache__/__init__.cpython-312.pyc b/osinaweb/osinacore/migrations/__pycache__/__init__.cpython-312.pyc
index 84db21be..fdea5c10 100644
Binary files a/osinaweb/osinacore/migrations/__pycache__/__init__.cpython-312.pyc and b/osinaweb/osinacore/migrations/__pycache__/__init__.cpython-312.pyc differ
diff --git a/osinaweb/osinacore/templates/customer_index.html b/osinaweb/osinacore/templates/customer_index.html
index 5f2f23c1..778ad42b 100644
--- a/osinaweb/osinacore/templates/customer_index.html
+++ b/osinaweb/osinacore/templates/customer_index.html
@@ -3,7 +3,7 @@
 {% block content %}
 
 
-<div class="w-full px-5 s:px-9 flex flex-col gap-5">
+<div class="w-full flex flex-col gap-5">
     <!-- PROJECTS -->
     {% if customer_projects %}
     <div class="w-full h-fit bg-white rounded-md shadow-md p-5">
diff --git a/osinaweb/osinacore/templates/details_templates/staff-details.html b/osinaweb/osinacore/templates/details_templates/staff-details.html
index ca8918b8..231d5fb6 100644
--- a/osinaweb/osinacore/templates/details_templates/staff-details.html
+++ b/osinaweb/osinacore/templates/details_templates/staff-details.html
@@ -67,106 +67,88 @@
                 </div>
             </div>
 
-            <div class="w-full flex flex-col gap-3 mt-3" id="positionsContainer">
-
-                {% for position in positions %}
-                <div class="w-full p-3 bg-gray-50 border border-gray-100 rounded-md flex justify-between items-center gap-3">
-                    <div class="flex flex-col">
-                        <p class="text-gray-500">Position: <span
-                                class="text-secondosiblue">Junior Software Engineer</span></p>
-                        <p class="text-gray-500">Start Date: <span
-                                class="text-secondosiblue">20-1-2020</span></p>
-                        <p class="text-gray-500">End Date: <span
-                                class="text-secondosiblue">20-1-2020</span></p>
-                    </div>
-
+            <form>
+                <div class="w-full flex flex-col gap-3 mt-3" id="positionsContainer">
+                    {% for position in positions %}
                     <div
-                        class="w-[30px] h-[30px] rounded-full bg-secondosiblue border border-secondosiblue flex justify-center items-center gap-1 text-white cursor-pointer hover:bg-transparent hover:text-secondosiblue duration-300 delete" data-modal-url="{% url 'deletestaffpositionmodal' %}">
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
-                            stroke-width="1.5" stroke="currentColor" class="w-5">
-                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
-                        </svg>
-                    </div>
-                </div>  
-                {% endfor %}
-
-                <div class="w-full bg-gray-50 border border-gray-100 rounded-md flex items-center gap-3 p-3 initialPositionContainer" style="display: none;">
-                    <div class="w-full grid grid-cols-1 md:grid-cols-3 gap-3">
-                        <div>
-                            <label class="text-gray-500">Position:</label>
-                            <select
-                                class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-1">
-                                <option disabled selected>Select Position</option>
-                                {% for position in jobpositions %}
-                                <option value="{{position.id}}">{{position.name}}</option>
-                                {% endfor %}
-                            </select>
+                        class="w-full p-3 bg-gray-50 border border-gray-100 rounded-md flex justify-between items-center gap-3">
+                        <div class="flex flex-col">
+                            <p class="text-gray-500">Position: <span class="text-secondosiblue">Junior Software
+                                    Engineer</span></p>
+                            <p class="text-gray-500">Start Date: <span class="text-secondosiblue">20-1-2020</span></p>
+                            <p class="text-gray-500">End Date: <span class="text-secondosiblue">20-1-2020</span></p>
                         </div>
 
-                        <div>
-                            <label class="text-gray-500">Start Date:</label>
-                            <input type="date"
-                            class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-1">
-                        </div>
-                        
-                        <div>
-                            <label class="text-gray-500">End Date:</label>
-                            <input type="date"
-                            class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-1">
+                        <div class="w-[30px] h-[30px] rounded-full bg-secondosiblue border border-secondosiblue flex justify-center items-center gap-1 text-white cursor-pointer hover:bg-transparent hover:text-secondosiblue duration-300 delete"
+                            data-modal-url="{% url 'deletestaffpositionmodal' %}">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+                                stroke="currentColor" class="w-5">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
+                            </svg>
                         </div>
                     </div>
+                    {% endfor %}
+                    <div class="w-full bg-gray-50 border border-gray-100 rounded-md flex items-center gap-3 p-3 initialPositionContainer"
+                        style="display: none;">
+                        <div class="w-full grid grid-cols-1 md:grid-cols-3 gap-3">
+                            <div>
+                                <label class="text-gray-500">Position:</label>
+                                <select
+                                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-1">
+                                    <option disabled selected>Select Position</option>
+                                    {% for position in jobpositions %}
+                                    <option value="{{position.id}}">{{position.name}}</option>
+                                    {% endfor %}
+                                </select>
+                            </div>
+
+                            <div>
+                                <label class="text-gray-500">Start Date:</label>
+                                <input type="date"
+                                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-1">
+                            </div>
+
+                            <div>
+                                <label class="text-gray-500">End Date:</label>
+                                <input type="date"
+                                    class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-1">
+                            </div>
+                        </div>
 
-                    <div
-                        class="w-[30px] h-[30px] rounded-full bg-secondosiblue border border-secondosiblue flex justify-center items-center gap-1 text-white cursor-pointer hover:bg-transparent hover:text-secondosiblue duration-300 removePositionOption">
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
-                            stroke-width="1.5" stroke="currentColor" class="w-5">
-                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
-                        </svg>
+                        <div
+                            class="w-[30px] h-[30px] rounded-full bg-secondosiblue border border-secondosiblue flex justify-center items-center gap-1 text-white cursor-pointer hover:bg-transparent hover:text-secondosiblue duration-300 removePositionOption">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+                                stroke="currentColor" class="w-5">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
+                            </svg>
+                        </div>
                     </div>
                 </div>
-            </div>
 
-            <div class="w-full bg-gray-50 shadow-md rounded-md p-3 flex justify-start items-center gap-1 cursor-pointer mt-3" id="addNewPosition">
-                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                    stroke="currentColor" class="w-7 text-secondosiblue">
-                    <path stroke-linecap="round" stroke-linejoin="round"
-                        d="M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
-                </svg>
-                <p class="text-secondosiblue hover:underline duration-300">Add New Position</p>
-            </div>
+                <div class="w-full flex justify-center items-center mt-3 hidden" id="submitButton">
+                    <button type="submit"
+                        class="w-fit py-1 px-5 bg-osiblue rounded-md outline-none text-white border border-osiblue text-xl cursor-pointer hover:bg-white hover:text-osiblue duration-300">Save</button>
+                </div>
+            </form>
+
+            <div class="w-full bg-gray-50 shadow-md rounded-md p-3 flex justify-start items-center gap-1 cursor-pointer mt-3"
+            id="addNewPosition">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+                stroke="currentColor" class="w-7 text-secondosiblue">
+                <path stroke-linecap="round" stroke-linejoin="round"
+                    d="M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+            </svg>
+            <p class="text-secondosiblue hover:underline duration-300">Add New Position</p>
+        </div>
         </div>
     </div>
 </div>
 
-<script>
-    document.getElementById('addNewPosition').addEventListener('click', function () {
-    const container = document.getElementById('positionsContainer');
-    const initialPositionContainer = document.querySelector('.initialPositionContainer');
-    
-    const newPositionContainer = initialPositionContainer.cloneNode(true);
-    newPositionContainer.classList.remove('hidden');
-    newPositionContainer.style.display = 'flex';
-
-    const selectElement = newPositionContainer.querySelector('select');
-    selectElement.name = 'position[]';
-
-    const dateInputElement = newPositionContainer.querySelector('input[type="date"]');
-    dateInputElement.name = 'date[]';
-
-    const removeButton = newPositionContainer.querySelector('.removePositionOption');
-    removeButton.addEventListener('click', function() {
-        newPositionContainer.remove();
-    });
-
-    container.appendChild(newPositionContainer);
-});
-</script>
 
 
 <!---------------------- JS SCRIPTS -------------------->
 
 
-<!-- THE SCRIPT FOR THE EPICS BAR -->
-<script type="text/javascript" src='{% static "js/epics.js" %}'></script>
+<script type="text/javascript" src='{% static "js/add-staffs-position-in-staffs-details.js" %}'></script>
 
 {% endblock content %}
\ No newline at end of file
diff --git a/osinaweb/osinaweb/__pycache__/__init__.cpython-312.pyc b/osinaweb/osinaweb/__pycache__/__init__.cpython-312.pyc
index e8231a70..defecff3 100644
Binary files a/osinaweb/osinaweb/__pycache__/__init__.cpython-312.pyc and b/osinaweb/osinaweb/__pycache__/__init__.cpython-312.pyc differ
diff --git a/osinaweb/osinaweb/__pycache__/asgi.cpython-312.pyc b/osinaweb/osinaweb/__pycache__/asgi.cpython-312.pyc
new file mode 100644
index 00000000..5d78b6ab
Binary files /dev/null and b/osinaweb/osinaweb/__pycache__/asgi.cpython-312.pyc differ
diff --git a/osinaweb/osinaweb/__pycache__/settings.cpython-312.pyc b/osinaweb/osinaweb/__pycache__/settings.cpython-312.pyc
index 2cfbc66c..002c4586 100644
Binary files a/osinaweb/osinaweb/__pycache__/settings.cpython-312.pyc and b/osinaweb/osinaweb/__pycache__/settings.cpython-312.pyc differ
diff --git a/osinaweb/osinaweb/__pycache__/urls.cpython-312.pyc b/osinaweb/osinaweb/__pycache__/urls.cpython-312.pyc
index 12b8c4c4..aca15b3b 100644
Binary files a/osinaweb/osinaweb/__pycache__/urls.cpython-312.pyc and b/osinaweb/osinaweb/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/static/dist/output.css b/osinaweb/static/dist/output.css
index a9248819..902a64b3 100644
--- a/osinaweb/static/dist/output.css
+++ b/osinaweb/static/dist/output.css
@@ -1081,6 +1081,22 @@ video {
   margin-top: 80px;
 }
 
+.ml-5 {
+  margin-left: 1.25rem;
+}
+
+.ml-10 {
+  margin-left: 2.5rem;
+}
+
+.-ml-10 {
+  margin-left: -2.5rem;
+}
+
+.-ml-5 {
+  margin-left: -1.25rem;
+}
+
 .block {
   display: block;
 }
@@ -1089,6 +1105,10 @@ video {
   display: inline-block;
 }
 
+.inline {
+  display: inline;
+}
+
 .flex {
   display: flex;
 }
@@ -1197,6 +1217,14 @@ video {
   height: 150px;
 }
 
+.h-\[16px\] {
+  height: 16px;
+}
+
+.h-\[18px\] {
+  height: 18px;
+}
+
 .h-\[20px\] {
   height: 20px;
 }
@@ -1221,6 +1249,10 @@ video {
   height: 2px;
 }
 
+.h-\[300px\] {
+  height: 300px;
+}
+
 .h-\[305px\] {
   height: 305px;
 }
@@ -3139,6 +3171,11 @@ video {
   color: rgb(234 179 8 / var(--tw-text-opacity));
 }
 
+.text-gray-50 {
+  --tw-text-opacity: 1;
+  color: rgb(249 250 251 / var(--tw-text-opacity));
+}
+
 .underline {
   text-decoration-line: underline;
 }
@@ -3364,6 +3401,40 @@ video {
   transition: opacity 0.5s, transform 0.5s;
 }
 
+/* ANIMATION TO TYPING CONTAINER IN TICKETS ROOM */
+
+@keyframes fadeInAndUp {
+  from {
+    opacity: 0;
+    transform: translateY(12px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0px);
+  }
+}
+
+.fade-in-up {
+  animation: fadeInAndUp 0.6s ease;
+}
+
+@keyframes fadeOutAndDown {
+  from {
+    opacity: 1;
+    transform: translateY(0px);
+  }
+
+  to {
+    opacity: 0;
+    transform: translateY(12px);
+  }
+}
+
+.fade-out {
+  animation: fadeOutAndDown 0.6s ease;
+}
+
 /* FOR THE IFRAME TO TAKE 95% OF WIDTH ON SMALL SCREEN SIZES */
 
 @media screen and (max-width: 798px) {
@@ -3784,9 +3855,22 @@ video {
   .sm\:hidden {
     display: none;
   }
+
+  .sm\:text-\[17px\] {
+    font-size: 17px;
+  }
+
+  .sm\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
 }
 
 @media (min-width: 650px) {
+  .s\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
   .s\:mt-5 {
     margin-top: 1.25rem;
   }
@@ -3819,6 +3903,10 @@ video {
     height: 55px;
   }
 
+  .s\:h-\[60px\] {
+    height: 60px;
+  }
+
   .s\:h-\[90px\] {
     height: 90px;
   }
@@ -3855,10 +3943,18 @@ video {
     width: 500px;
   }
 
+  .s\:w-\[50px\] {
+    width: 50px;
+  }
+
   .s\:w-\[550px\] {
     width: 550px;
   }
 
+  .s\:w-\[60px\] {
+    width: 60px;
+  }
+
   .s\:w-\[85\%\] {
     width: 85%;
   }
@@ -3956,6 +4052,10 @@ video {
     grid-column: span 2 / span 2;
   }
 
+  .md\:mb-0 {
+    margin-bottom: 0px;
+  }
+
   .md\:block {
     display: block;
   }
@@ -3993,6 +4093,10 @@ video {
     flex-direction: row;
   }
 
+  .md\:items-center {
+    align-items: center;
+  }
+
   .md\:text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem;
diff --git a/osinaweb/static/js/add-staffs-position-in-staffs-details.js b/osinaweb/static/js/add-staffs-position-in-staffs-details.js
new file mode 100644
index 00000000..ad09a96e
--- /dev/null
+++ b/osinaweb/static/js/add-staffs-position-in-staffs-details.js
@@ -0,0 +1,47 @@
+document.addEventListener('DOMContentLoaded', function () {
+    function updateSubmitButtonVisibility() {
+        const containers = document.querySelectorAll('.initialPositionContainer:not([style*="display: none"])');
+        const submitButton = document.getElementById('submitButton');
+        if (containers.length > 0) {
+            submitButton.classList.remove('hidden');
+            submitButton.style.display = 'flex';
+        } else {
+            submitButton.classList.add('hidden');
+            submitButton.style.display = 'none';
+        }
+    }
+
+    function removePositionContainer(event) {
+        event.preventDefault();
+        const container = event.target.closest('.initialPositionContainer');
+        container.remove();
+        updateSubmitButtonVisibility();
+    }
+
+    document.getElementById('addNewPosition').addEventListener('click', function () {
+        const container = document.getElementById('positionsContainer');
+        const initialPositionContainer = document.querySelector('.initialPositionContainer');
+
+        const newPositionContainer = initialPositionContainer.cloneNode(true);
+        newPositionContainer.classList.remove('hidden');
+        newPositionContainer.style.display = 'flex';
+
+        const selectElement = newPositionContainer.querySelector('select');
+        selectElement.name = 'position[]';
+
+        const dateInputElements = newPositionContainer.querySelectorAll('input[type="date"]');
+        dateInputElements.forEach(input => input.name = input.name.replace('date[]', '') + '[]');
+
+        const removeButton = newPositionContainer.querySelector('.removePositionOption');
+        removeButton.addEventListener('click', removePositionContainer);
+
+        container.appendChild(newPositionContainer);
+        updateSubmitButtonVisibility();
+    });
+
+    document.querySelectorAll('.removePositionOption').forEach(button => {
+        button.addEventListener('click', removePositionContainer);
+    });
+
+    updateSubmitButtonVisibility();
+});
\ No newline at end of file
diff --git a/osinaweb/static/js/pop-modals.js b/osinaweb/static/js/pop-modals.js
index 140c4875..caeae880 100644
--- a/osinaweb/static/js/pop-modals.js
+++ b/osinaweb/static/js/pop-modals.js
@@ -107,6 +107,16 @@ function initializeModalButtons() {
     // KNOWLEDGE BASE
     addButtonClickListener("projectKnowledgeButton", "400px", "230px");
 
+    addButtonClickListener("deleteButton", "400px", "140px");
+
+    addButtonClickListener("xssmallPopupButton", "400px", "170px");
+    addButtonClickListener("xsmallPopupButton", "400px", "220px");
+    addButtonClickListener("smallPopupButton", "400px", "320px");
+    addButtonClickListener("mediumPopupButton", "400px", "420px");
+    addButtonClickListener("largePopupButton", "400px", "520px");
+
+
+
     const closeButton = document.getElementById("closeModalButton");
     closeButton.addEventListener("click", () => {
         closeModal();
diff --git a/osinaweb/static/js/tickets/fixed-ticket-header.js b/osinaweb/static/js/tickets/fixed-ticket-header.js
new file mode 100644
index 00000000..b71ae439
--- /dev/null
+++ b/osinaweb/static/js/tickets/fixed-ticket-header.js
@@ -0,0 +1,26 @@
+document.addEventListener("DOMContentLoaded", function() {
+    const ticketHeader = document.getElementById("ticketHeader");
+    const fixedTicketHeader = document.getElementById("fixedTicketHeader");
+
+    function checkScroll() {
+        const ticketHeaderRect = ticketHeader.getBoundingClientRect();
+        const parentWidth = ticketHeader.parentElement.offsetWidth;
+
+        if (ticketHeaderRect.bottom <= 0) {
+            fixedTicketHeader.style.width = `${parentWidth}px`; // Set the width of the fixed header to match the parent container
+            fixedTicketHeader.style.left = `${ticketHeader.parentElement.getBoundingClientRect().left}px`; // Align to the left edge of the parent
+            fixedTicketHeader.style.position = 'fixed'; // Make it fixed at the top
+            fixedTicketHeader.classList.remove("hidden");
+            fixedTicketHeader.classList.add("top-0", "z-10");
+        } else {
+            fixedTicketHeader.style.width = ''; // Reset the width to default
+            fixedTicketHeader.style.left = ''; // Reset the left position
+            fixedTicketHeader.style.position = ''; // Reset the position to default
+            fixedTicketHeader.classList.remove("top-0", "z-10");
+            fixedTicketHeader.classList.add("hidden");
+        }
+    }
+
+    window.addEventListener("scroll", checkScroll);
+    window.addEventListener("resize", checkScroll); // Re-check on resize as well
+});
\ No newline at end of file
diff --git a/osinaweb/static/js/tickets/scroll-bottom-in-ticket.js b/osinaweb/static/js/tickets/scroll-bottom-in-ticket.js
new file mode 100644
index 00000000..07d58160
--- /dev/null
+++ b/osinaweb/static/js/tickets/scroll-bottom-in-ticket.js
@@ -0,0 +1,5 @@
+function scrollToBottom() {
+    window.scrollTo(0, document.body.scrollHeight);
+}
+
+scrollToBottom();
\ No newline at end of file
diff --git a/osinaweb/static/js/tickets/tickets-room.js b/osinaweb/static/js/tickets/tickets-room.js
new file mode 100644
index 00000000..281b2c04
--- /dev/null
+++ b/osinaweb/static/js/tickets/tickets-room.js
@@ -0,0 +1,178 @@
+function app(socket) {
+    return {
+        wysiwyg: null,
+        socket: socket,
+        typingTimeout: null,
+        init: function (el) {
+            this.wysiwyg = el;
+            this.setupWysiwyg();
+        },
+        setupWysiwyg: function () {
+            this.updateTextarea();
+            this.wysiwyg.contentDocument.body.addEventListener('input', this.onInput.bind(this));
+            this.wysiwyg.contentDocument.querySelector('head').innerHTML += `<style>
+            *, ::after, ::before {box-sizing: border-box;}
+            :root {tab-size: 4;}
+            html {line-height: 1.15;text-size-adjust: 100%;}
+            body {margin: 0px; padding: 1rem 0.5rem;}
+            body {font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";}
+            </style>`;
+            this.wysiwyg.contentDocument.body.innerHTML = '';
+            this.wysiwyg.contentDocument.designMode = "on";
+        },
+        onInput: function () {
+            this.updateTextarea();
+            this.sendTypingEvent();
+        },
+        updateTextarea: function () {
+            var wrapperDiv = document.createElement('div');
+            wrapperDiv.className = this.wysiwyg.classList.contains('rtl') ? 'rtl' : 'ltr';
+            wrapperDiv.innerHTML = this.wysiwyg.contentDocument.body.innerHTML;
+            document.getElementById('textEditor').value = wrapperDiv.outerHTML;
+        },
+        sendTypingEvent: function () {
+            if (this.socket && this.socket.readyState === WebSocket.OPEN) {
+                clearTimeout(this.typingTimeout);
+                const data = { event_type: 'typing' };
+                this.socket.send(JSON.stringify(data));
+
+                this.typingTimeout = setTimeout(() => {
+                    const stopTypingData = { event_type: 'stop_typing' };
+                    this.socket.send(JSON.stringify(stopTypingData));
+                }, 1500);
+            }
+        },
+        format: function (cmd, param) {
+            this.wysiwyg.contentDocument.execCommand(cmd, false, param || null);
+            this.updateTextarea();
+        },
+        setDirection: function (direction) {
+            this.wysiwyg.classList.remove('rtl', 'ltr');
+            this.wysiwyg.contentDocument.body.classList.remove('rtl', 'ltr');
+            document.getElementById('textEditor').classList.remove('rtl', 'ltr');
+
+            this.wysiwyg.classList.add(direction);
+            this.wysiwyg.contentDocument.body.classList.add(direction);
+            document.getElementById('textEditor').classList.add(direction);
+
+            this.wysiwyg.contentDocument.body.style.direction = direction;
+            this.updateTextarea();
+        }
+    }
+}
+
+function initializeWebSocket() {
+    const ticketId = document.getElementById('ticketId').textContent.trim();
+    const wsUrl = `ws://${window.location.host}/ws/ticketroom/${ticketId}/`;
+    const socket = new WebSocket(wsUrl);
+
+    socket.onopen = () => {
+        console.log('WebSocket connection established');
+        const appInstance = app(socket);
+        const wysiwygElement = document.querySelector('iframe');
+        appInstance.init(wysiwygElement);
+    };
+
+    let typingTimeout;
+
+    socket.onmessage = (event) => {
+        const data = JSON.parse(event.data);
+        const typingDiv = document.getElementById('typing-notification');
+        const messagesDiv = document.getElementById('messages');
+
+        if (data.event_type === 'typing') {
+            clearTimeout(typingTimeout);
+
+
+            if (!typingDiv.classList.contains('fade-in-up')) {
+                typingDiv.innerHTML = data.html;
+                typingDiv.classList.remove('fade-out');
+                typingDiv.classList.add('fade-in-up');
+            }
+
+        } else if (data.event_type === 'stop_typing') {
+            if (!typingDiv.classList.contains('fade-out')) {
+                typingDiv.classList.remove('fade-in-up');
+                typingDiv.classList.add('fade-out');
+
+                typingTimeout = setTimeout(() => {
+                    typingDiv.innerHTML = '';
+                    typingDiv.classList.remove('fade-out');
+                }, 600);
+            }
+
+        } else if (data.event_type === 'reaction') {
+            const updateElement = document.getElementById(`update-${data.update_id}`);
+            updateElement.querySelectorAll('.reaction-button').forEach(button => {
+                button.classList.remove('border-2', 'border-secondosiblue');
+                if (button.dataset.reaction === data.reaction) {
+                    button.classList.add('border-2', 'border-secondosiblue');
+                }
+            });
+            const submittedReactions = updateElement.querySelector('#submitted-reactions');
+            submittedReactions.classList.remove('w-full', 'border-t', 'border-gray-200', 'pt-5', 'flex', 'justify-start', 'items-center', 'gap-3', 'p-5');
+            updateElement.querySelectorAll('.submittedreaction-button').forEach(button => {
+                button.classList.add('hidden');
+                if (button.dataset.reaction === data.reaction) {
+                    submittedReactions.classList.add('w-full', 'border-t', 'border-gray-200', 'pt-5', 'flex', 'justify-start', 'items-center', 'gap-3', 'p-5');
+                    button.classList.remove('hidden');
+                }
+            });
+        } else {
+            messagesDiv.insertAdjacentHTML('beforeend', data.html);
+            typingDiv.innerHTML = '';
+            typingDiv.classList.remove('fade-in-up', 'fade-out');
+        }
+    };
+
+
+    socket.onclose = () => {
+        console.log('WebSocket connection closed');
+    };
+
+    socket.onerror = (error) => {
+        console.log('WebSocket error:', error);
+    };
+
+    const form = document.getElementById('ticketForm');
+    const textEditor = document.getElementById('textEditor');
+    const wysiwygElement = document.querySelector('iframe');
+
+    form.addEventListener('submit', (event) => {
+        event.preventDefault();
+
+        const formData = new FormData(form);
+        const description = formData.get('description');
+        const filePath = formData.getAll('filePath');
+
+        const data = {
+            event_type: 'update',
+            description: description,
+            filePath: filePath
+        };
+
+        socket.send(JSON.stringify(data));
+        form.reset();
+        textEditor.value = '';
+        wysiwygElement.contentDocument.body.innerHTML = ''; // Clear the WYSIWYG content
+    });
+
+    document.addEventListener('click', (event) => {
+        if (event.target.classList.contains('reaction-button')) {
+            const updateId = event.target.dataset.updateId;
+            const reaction = event.target.dataset.reaction;
+
+            const data = {
+                event_type: 'update_reaction',
+                update_id: updateId,
+                reaction: reaction
+            };
+
+            socket.send(JSON.stringify(data));
+        }
+    });
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+    initializeWebSocket();
+});
\ No newline at end of file
diff --git a/osinaweb/support/__pycache__/__init__.cpython-312.pyc b/osinaweb/support/__pycache__/__init__.cpython-312.pyc
new file mode 100644
index 00000000..091d6a87
Binary files /dev/null and b/osinaweb/support/__pycache__/__init__.cpython-312.pyc differ
diff --git a/osinaweb/support/__pycache__/admin.cpython-312.pyc b/osinaweb/support/__pycache__/admin.cpython-312.pyc
new file mode 100644
index 00000000..0eda61a1
Binary files /dev/null and b/osinaweb/support/__pycache__/admin.cpython-312.pyc differ
diff --git a/osinaweb/support/__pycache__/apps.cpython-312.pyc b/osinaweb/support/__pycache__/apps.cpython-312.pyc
new file mode 100644
index 00000000..67491315
Binary files /dev/null and b/osinaweb/support/__pycache__/apps.cpython-312.pyc differ
diff --git a/osinaweb/support/__pycache__/consumers.cpython-312.pyc b/osinaweb/support/__pycache__/consumers.cpython-312.pyc
new file mode 100644
index 00000000..56227e33
Binary files /dev/null and b/osinaweb/support/__pycache__/consumers.cpython-312.pyc differ
diff --git a/osinaweb/support/__pycache__/decorators.cpython-312.pyc b/osinaweb/support/__pycache__/decorators.cpython-312.pyc
new file mode 100644
index 00000000..dd54b6bd
Binary files /dev/null and b/osinaweb/support/__pycache__/decorators.cpython-312.pyc differ
diff --git a/osinaweb/support/__pycache__/models.cpython-312.pyc b/osinaweb/support/__pycache__/models.cpython-312.pyc
new file mode 100644
index 00000000..9984e52a
Binary files /dev/null and b/osinaweb/support/__pycache__/models.cpython-312.pyc differ
diff --git a/osinaweb/support/__pycache__/routing.cpython-312.pyc b/osinaweb/support/__pycache__/routing.cpython-312.pyc
new file mode 100644
index 00000000..c96b8b55
Binary files /dev/null and b/osinaweb/support/__pycache__/routing.cpython-312.pyc differ
diff --git a/osinaweb/support/__pycache__/urls.cpython-312.pyc b/osinaweb/support/__pycache__/urls.cpython-312.pyc
new file mode 100644
index 00000000..cf851e0a
Binary files /dev/null and b/osinaweb/support/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/support/__pycache__/views.cpython-312.pyc b/osinaweb/support/__pycache__/views.cpython-312.pyc
new file mode 100644
index 00000000..84818900
Binary files /dev/null and b/osinaweb/support/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/support/migrations/__pycache__/0001_initial.cpython-312.pyc b/osinaweb/support/migrations/__pycache__/0001_initial.cpython-312.pyc
new file mode 100644
index 00000000..3c9bf19c
Binary files /dev/null and b/osinaweb/support/migrations/__pycache__/0001_initial.cpython-312.pyc differ
diff --git a/osinaweb/support/migrations/__pycache__/0002_remove_ticket_departments_and_more.cpython-312.pyc b/osinaweb/support/migrations/__pycache__/0002_remove_ticket_departments_and_more.cpython-312.pyc
new file mode 100644
index 00000000..0890c039
Binary files /dev/null and b/osinaweb/support/migrations/__pycache__/0002_remove_ticket_departments_and_more.cpython-312.pyc differ
diff --git a/osinaweb/support/migrations/__pycache__/0003_remove_ticket_status.cpython-312.pyc b/osinaweb/support/migrations/__pycache__/0003_remove_ticket_status.cpython-312.pyc
new file mode 100644
index 00000000..74136fd4
Binary files /dev/null and b/osinaweb/support/migrations/__pycache__/0003_remove_ticket_status.cpython-312.pyc differ
diff --git a/osinaweb/support/migrations/__pycache__/__init__.cpython-312.pyc b/osinaweb/support/migrations/__pycache__/__init__.cpython-312.pyc
new file mode 100644
index 00000000..ba31e0f5
Binary files /dev/null and b/osinaweb/support/migrations/__pycache__/__init__.cpython-312.pyc differ
diff --git a/osinaweb/support/templates/add_templates/add-ticket-department-modal.html b/osinaweb/support/templates/add_templates/add-ticket-department-modal.html
new file mode 100644
index 00000000..44f27db7
--- /dev/null
+++ b/osinaweb/support/templates/add_templates/add-ticket-department-modal.html
@@ -0,0 +1,37 @@
+{% load static %}
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Osina</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">
+</head>
+
+<body class="font-poppinsLight">
+    <form method="POST" action="">
+        {% csrf_token %}
+        <h1 class="text-secondosiblue text-2xl font-semibold text-center">Add New Department</h1>
+
+        <select name="department" id="" class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-4">
+            <option value="">Dep 1</option>
+        </select>
+
+        <div class="w-full">
+            <input required name="date" type="date" id="date" name="date"
+                class="w-full p-3 border border-gray-300 rounded-md bg-transparent outline-none mt-1">
+        </div>
+
+        <div class="w-full flex justify-center items-center mt-4">
+            <button type="submit"
+                class="w-fit bg-osiblue border border-osiblue rounded-md text-white text-xl px-5 py-1 hover:bg-white hover:text-osiblue">Save</button>
+        </div>
+    </form>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/osinaweb/support/templates/add_templates/add-ticket-member-modal.html b/osinaweb/support/templates/add_templates/add-ticket-member-modal.html
new file mode 100644
index 00000000..ffb5328b
--- /dev/null
+++ b/osinaweb/support/templates/add_templates/add-ticket-member-modal.html
@@ -0,0 +1,33 @@
+{% load static %}
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Osina</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">
+</head>
+
+<body class="font-poppinsLight">
+    <form method="POST" action="">
+        {% csrf_token %}
+        <h1 class="text-secondosiblue text-2xl font-semibold text-center">Add New Member</h1>
+
+        <select name="member" id="" class="w-full h-[100px] py-1 px-3 border border-gray-300 outline-none rounded-md mt-4" multiple>
+            <option value="">Member 1</option>
+        </select>
+
+
+        <div class="w-full flex justify-center items-center mt-4">
+            <button type="submit"
+                class="w-fit bg-osiblue border border-osiblue rounded-md text-white text-xl px-5 py-1 hover:bg-white hover:text-osiblue">Save</button>
+        </div>
+    </form>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/osinaweb/support/templates/details_templates/partials/typing-message.html b/osinaweb/support/templates/details_templates/partials/typing-message.html
index 489bbfa3..a54a52b4 100644
--- a/osinaweb/support/templates/details_templates/partials/typing-message.html
+++ b/osinaweb/support/templates/details_templates/partials/typing-message.html
@@ -1,6 +1,6 @@
-<div id="typing-notification" class="flex gap-3 mb-10">
+<div id="typing-notification" class="flex items-center gap-3 mb-10 fade-in-up">
     <div>
-        <div class="w-[45px] s:w-[60px] h-[45px] s:h-[60px] rounded-full shadow-md border border-gray-100">
+        <div class="w-[35px] s:w-[60px] h-[35px] s:h-[60px] rounded-full shadow-md border border-gray-100">
             {% if user.customerprofile %}
             {% if user.customerprofile.image %}
             <img src="{{user.customerprofile.image.url}}"
@@ -26,11 +26,8 @@
     </div>
 
 
-    <div class="w-full replyContainer shadow-md">
-        <div
-            class="w-full bg-gray-100 flex justify-between items-center gap-3 px-3 py-3 cursor-pointer rounded-t-md toggleReply">
-            <p class="text-secondosiblue font-light text-sm s:text-base"><span
-                    class="font-semibold">{{user.first_name}}</span> is typing... </p>
-        </div>
+    <div class="w-full">
+        <p class="text-secondosiblue font-light text-sm s:text-base">
+            <span class="font-semibold">{{user.first_name}}</span> is typing... </p>
     </div>
 </div>
\ No newline at end of file
diff --git a/osinaweb/support/templates/details_templates/ticket-room.html b/osinaweb/support/templates/details_templates/ticket-room.html
index 62aea604..4be0d9a1 100644
--- a/osinaweb/support/templates/details_templates/ticket-room.html
+++ b/osinaweb/support/templates/details_templates/ticket-room.html
@@ -1,7 +1,8 @@
-{% extends base_template %} 
+{% extends base_template %}
 {%load static%}
 {% block content %}
 
+
 <!-- TEXT EDITOR -->
 <style>
     @import url(https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/5.3.45/css/materialdesignicons.min.css);
@@ -12,24 +13,102 @@
 <script src="https://unpkg.com/hyperscript.org@0.9.12"></script>
 
 
-    <div class="{% if request.user.customerprofile %} w-full {% else %}w-full  xxlg1:w-[75%] {% endif %} bg-white h-fit rounded-md shadow-md p-5">
-        <div class="w-full h-fit flex flex-col gap-2 bg-gray-100 shadow-md rounded-md px-3 py-3">
-            <div class="w-full flex flex-col md:flex-row justify-between items-start md:items-center gap-3 mb-5 md:mb-0">
-                <p class="text-secondosiblue text-[20px]">Ticket <span class="font-semibold">#{{ticket.ticket_number}}</span></p>
-    
-    
-                <div class="w-full s:w-fit flex flex-col s:flex-row justify-end items-center gap-2">
-                    <button class="w-full s:w-fit px-3 py-2 bg-osiblue border border-osiblue text-white cursor-pointer duration-300 hover:bg-white hover:text-osiblue rounded-md updateTicketStatusButton" data-modal-url="{% url 'edit-ticket-status-modal' ticket.id %}">
-                        Update Status
-                    </button>
-        
-                    <button class="w-full s:w-fit px-3 py-2 bg-osiblue border border-osiblue text-white cursor-pointer duration-300 hover:bg-white hover:text-osiblue rounded-md">
-                        Add Task
+
+<p id="ticketId" class="hidden">{{ticket.id}}</p>
+
+
+<div class="{% if request.user.customerprofile %} w-full {% else %}w-full xxlg1:w-[75%] {% endif %} bg-white h-fit rounded-md shadow-md p-5 relative">
+    <div class="w-full h-fit flex flex-col gap-2 bg-gray-100 shadow-md rounded-md px-3 py-3" id="ticketHeader">
+        <div class="w-full flex flex-col md:flex-row justify-between items-start md:items-center gap-3 mb-5 md:mb-0">
+            <p class="text-secondosiblue text-[20px] flex items-center gap-1">Ticket <span
+                    class="font-semibold">#{{ticket.ticket_number}}</span> - <span
+                    class="font-semibold text-base">Department</span></p>
+
+
+            <div class="w-full s:w-fit flex flex-col s:flex-row justify-end items-center gap-2">
+                <a href="{% url 'ticketsettings' %}" class="w-full s:w-fit">
+                    <button
+                        class="w-full s:w-fit px-3 py-2 bg-transparent border border-osiblue text-osiblue cursor-pointer duration-300 hover:bg-osiblue hover:text-white rounded-md flex justify-center items-center gap-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-5" fill="none">
+                            <path
+                                d="M21.3175 7.14139L20.8239 6.28479C20.4506 5.63696 20.264 5.31305 19.9464 5.18388C19.6288 5.05472 19.2696 5.15664 18.5513 5.36048L17.3311 5.70418C16.8725 5.80994 16.3913 5.74994 15.9726 5.53479L15.6357 5.34042C15.2766 5.11043 15.0004 4.77133 14.8475 4.37274L14.5136 3.37536C14.294 2.71534 14.1842 2.38533 13.9228 2.19657C13.6615 2.00781 13.3143 2.00781 12.6199 2.00781H11.5051C10.8108 2.00781 10.4636 2.00781 10.2022 2.19657C9.94085 2.38533 9.83106 2.71534 9.61149 3.37536L9.27753 4.37274C9.12465 4.77133 8.84845 5.11043 8.48937 5.34042L8.15249 5.53479C7.73374 5.74994 7.25259 5.80994 6.79398 5.70418L5.57375 5.36048C4.85541 5.15664 4.49625 5.05472 4.17867 5.18388C3.86109 5.31305 3.67445 5.63696 3.30115 6.28479L2.80757 7.14139C2.45766 7.74864 2.2827 8.05227 2.31666 8.37549C2.35061 8.69871 2.58483 8.95918 3.05326 9.48012L4.0843 10.6328C4.3363 10.9518 4.51521 11.5078 4.51521 12.0077C4.51521 12.5078 4.33636 13.0636 4.08433 13.3827L3.05326 14.5354C2.58483 15.0564 2.35062 15.3168 2.31666 15.6401C2.2827 15.9633 2.45766 16.2669 2.80757 16.8741L3.30114 17.7307C3.67443 18.3785 3.86109 18.7025 4.17867 18.8316C4.49625 18.9608 4.85542 18.8589 5.57377 18.655L6.79394 18.3113C7.25263 18.2055 7.73387 18.2656 8.15267 18.4808L8.4895 18.6752C8.84851 18.9052 9.12464 19.2442 9.2775 19.6428L9.61149 20.6403C9.83106 21.3003 9.94085 21.6303 10.2022 21.8191C10.4636 22.0078 10.8108 22.0078 11.5051 22.0078H12.6199C13.3143 22.0078 13.6615 22.0078 13.9228 21.8191C14.1842 21.6303 14.294 21.3003 14.5136 20.6403L14.8476 19.6428C15.0004 19.2442 15.2765 18.9052 15.6356 18.6752L15.9724 18.4808C16.3912 18.2656 16.8724 18.2055 17.3311 18.3113L18.5513 18.655C19.2696 18.8589 19.6288 18.9608 19.9464 18.8316C20.264 18.7025 20.4506 18.3785 20.8239 17.7307L21.3175 16.8741C21.6674 16.2669 21.8423 15.9633 21.8084 15.6401C21.7744 15.3168 21.5402 15.0564 21.0718 14.5354L20.0407 13.3827C19.7887 13.0636 19.6098 12.5078 19.6098 12.0077C19.6098 11.5078 19.7888 10.9518 20.0407 10.6328L21.0718 9.48012C21.5402 8.95918 21.7744 8.69871 21.8084 8.37549C21.8423 8.05227 21.6674 7.74864 21.3175 7.14139Z"
+                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            <path
+                                d="M15.5195 12C15.5195 13.933 13.9525 15.5 12.0195 15.5C10.0865 15.5 8.51953 13.933 8.51953 12C8.51953 10.067 10.0865 8.5 12.0195 8.5C13.9525 8.5 15.5195 10.067 15.5195 12Z"
+                                stroke="currentColor" stroke-width="1.5" />
+                        </svg>
+                        Settings
                     </button>
-                </div>
+                </a>
+
+
+                <button
+                    class="w-full s:w-fit px-3 py-2 bg-osiblue border border-osiblue text-white cursor-pointer duration-300 hover:bg-white hover:text-osiblue rounded-md updateTicketStatusButton"
+                    data-modal-url="{% url 'edit-ticket-status-modal' ticket.id %}">
+                    Update Status
+                </button>
+
+                <button
+                    class="w-full s:w-fit px-3 py-2 bg-osiblue border border-osiblue text-white cursor-pointer duration-300 hover:bg-white hover:text-osiblue rounded-md">
+                    Add Task
+                </button>
             </div>
-    
-    
+        </div>
+
+
+
+        {% if last_ticket_status.status == 'Open' %}
+        <div class="flex justify-start items-center gap-1">
+            <div class="w-[16px] h-[16px] rounded-full bg-green-200 shadow-md"></div>
+            <p class="text-secondosiblue font-light">Opened by {{last_ticket_status.added_by.first_name}} on
+                {{ last_ticket_status.date_added|date:"d F Y, h:i A" }}</p>
+        </div>
+        {% elif last_ticket_status.status == 'Working On' %}
+        <div class="flex justify-start items-center gap-1">
+            <div class="w-[16px] h-[16px] rounded-full bg-yellow-200 shadow-md"></div>
+            <p class="text-secondosiblue font-light">Updated to 'Working On' by
+                {{last_ticket_status.added_by.first_name}} on {{ last_ticket_status.date_added|date:"d F Y, h:i A" }}
+            </p>
+        </div>
+        {% elif last_ticket_status.status == 'Closed' %}
+        <div class="flex justify-start items-center gap-1">
+            <div class="w-[16px] h-[16px] rounded-full bg-red-200 shadow-md"></div>
+            <p class="text-secondosiblue font-light">Closed by {{last_ticket_status.added_by.first_name}} on
+                {{ last_ticket_status.date_added|date:"d F Y, h:i A" }}</p>
+        </div>
+        {% endif %}
+
+
+        <div class="w-full mt-3">
+            <p class="text-gray-500 font-light text-sm leading-7">{{ticket.description}}
+            </p>
+        </div>
+
+        {% if ticket.ticketattachment_set.all %}
+        <div class="w-full flex flex-wrap justify-end items-center gap-3">
+            {% for file in ticket.ticketattachment_set.all %}
+            <div class="flex items-center gap-1 text-secondosiblue hover:text-gray-500 duration-300 cursor-pointer">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+                    stroke="currentColor" class="w-4 h-4 text-secondosiblue">
+                    <path stroke-linecap="round" stroke-linejoin="round"
+                        d="m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13" />
+                </svg>
+                <a href="https://osina.ositcom.com/{{file.file_path}}" target="_blank" class="text-sm">
+                    {{ file.file_path | cut:"static/images/uploaded_ticket_files/" }}{% if not forloop.last %}, {% endif %}
+                </a>
+            </div>
+            {% endfor %}
+        </div>
+        {% endif %}
+    </div>
+
+
+    <div id="fixedTicketHeader" class="w-full flex flex-col gap-3 bg-gray-100 shadow-md rounded-b-md px-3 py-3 hidden z-10">
+        <div class="w-full flex flex-col md:flex-row justify-between items-start md:items-center gap-3">
+            <p class="text-secondosiblue text-[17px] flex items-center gap-1">Ticket <span
+                    class="font-semibold">#{{ticket.ticket_number}}</span> - <span
+                    class="font-semibold text-base">Department</span>
+            </p>
     
             {% if last_ticket_status.status == 'Open' %}
             <div class="flex justify-start items-center gap-1">
@@ -41,7 +120,8 @@
             <div class="flex justify-start items-center gap-1">
                 <div class="w-[16px] h-[16px] rounded-full bg-yellow-200 shadow-md"></div>
                 <p class="text-secondosiblue font-light">Updated to 'Working On' by
-                    {{last_ticket_status.added_by.first_name}} on {{ last_ticket_status.date_added|date:"d F Y, h:i A" }}</p>
+                    {{last_ticket_status.added_by.first_name}} on {{ last_ticket_status.date_added|date:"d F Y, h:i A" }}
+                </p>
             </div>
             {% elif last_ticket_status.status == 'Closed' %}
             <div class="flex justify-start items-center gap-1">
@@ -50,385 +130,212 @@
                     {{ last_ticket_status.date_added|date:"d F Y, h:i A" }}</p>
             </div>
             {% endif %}
-    
-    
-            <div class="w-full mt-3">
-                <p class="text-gray-500 font-light text-sm leading-7">{{ticket.description}}
-                </p>
-            </div>
-    
-            {% if ticket.ticketattachment_set.all %}
-            <div class="w-full flex flex-wrap justify-end items-center gap-3">
-                {% for file in ticket.ticketattachment_set.all %}
-                <div class="flex items-center gap-1 text-secondosiblue hover:text-gray-500 duration-300 cursor-pointer">
-                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                        stroke="currentColor" class="w-4 h-4 text-secondosiblue">
-                        <path stroke-linecap="round" stroke-linejoin="round"
-                            d="m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13" />
-                    </svg>
-                    <a href="https://osina.ositcom.com/{{file.file_path}}" target="_blank" class="text-sm">{{ file.file_path | cut:"static/images/uploaded_ticket_files/" }}{% if not forloop.last %}, {% endif %}</a>
-                </div>
-                {% endfor %}
-            </div>
-            {% endif %}
         </div>
     
+        <div class="w-full flex items-center gap-1">
+            <p class="text-secondosiblue">Online:</p>
+            
     
-        <div class="w-full flex flex-col mt-5 s:mt-10">
-            <!-- REPLY 1 -->
-    
-            <div id="messages">
-                {% for update in ticket_updates %}
-                    {% include 'details_templates/partials/ticket-message.html' %}
-                {% endfor %}
+            <div class="flex items-center">
+                <div class="w-[35px] h-[35px] rounded-full">
+                    <img src="{% static 'images/default-user.png' %}" class="w-full h-full rounded-full object-cover">
+                </div>
+                <div class="w-[35px] h-[35px] rounded-full -ml-5">
+                    <img src="{% static 'images/whishlogo.png' %}" class="w-full h-full rounded-full object-cover">
+                </div>
+                <div class="w-[35px] h-[35px] rounded-full -ml-5">
+                    <img src="{% static 'images/ositcom_logos/logobluebg-o.jpg' %}" class="w-full h-full rounded-full object-cover">
+                </div>
             </div>
     
-            <div id="typing-notification"></div>
-    
-    
-            <!-- REPLYING SECTION -->
-            <form id="ticketForm" class="flex gap-3" 
-                enctype="multipart/form-data">
-                {% csrf_token %}
-                <div>
-                    <div class="w-[45px] s:w-[60px] h-[45px] s:h-[60px] rounded-full shadow-md border border-gray-100">
-                        {% if request.user.customerprofile %}
-                        {% if request.user.customerprofile.image %}
-                        <img src="{{request.user.customerprofile.image.url}}"
-                            class="w-full h-full rounded-full object-cover">
-                        {% else %}
-                        <div
-                            class="w-full h-full border border-secondosiblue bg-secondosiblue 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>
-                        {% endif %}
-                        {% elif request.user.staffprofile %}
-                        {% if request.user.staffprofile.image %}
-                        <img src="{{request.user.staffprofile.image.url}}" class="w-full h-full rounded-full object-cover">
-                        {% else %}
-                        <div
-                            class="w-full h-full 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>
-                        {% endif %}
-                        {% endif %}
+        </div>
+    </div>
+
+
+    <div class="w-full flex flex-col mt-5 s:mt-10">
+        <!-- REPLY 1 -->
+        <div id="messages">
+            {% for update in ticket_updates %}
+            {% include 'details_templates/partials/ticket-message.html' %}
+            {% endfor %}
+        </div>
+
+        <div id="typing-notification"></div>
+
+
+        <!-- REPLYING SECTION -->
+        <form id="ticketForm" class="flex gap-3 duration-500" enctype="multipart/form-data">
+            {% csrf_token %}
+            <div>
+                <div class="w-[45px] s:w-[60px] h-[45px] s:h-[60px] rounded-full shadow-md border border-gray-100">
+                    {% if request.user.customerprofile %}
+                    {% if request.user.customerprofile.image %}
+                    <img src="{{request.user.customerprofile.image.url}}"
+                        class="w-full h-full rounded-full object-cover">
+                    {% else %}
+                    <div
+                        class="w-full h-full border border-secondosiblue bg-secondosiblue 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 flex-col gap-3">
-                    <div class="w-full rounded-md text-black" x-data="app()" x-init="init($refs.wysiwyg)">
-                        <div class="border border-gray-200 overflow-hidden rounded-md">
-                            <div class="w-full border-b border-gray-200 flex flex-wrap text-xl text-gray-600">
-                                <button type="button"
-                                    class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
-                                    @click="format('bold')">
-                                    <i class="mdi mdi-format-bold"></i>
-                                </button>
-                                <button type="button"
-                                    class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
-                                    @click="format('italic')">
-                                    <i class="mdi mdi-format-italic"></i>
-                                </button>
-                                <button type="button"
-                                    class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
-                                    @click="format('underline')">
-                                    <i class="mdi mdi-format-underline"></i>
-                                </button>
-                                <button type="button"
-                                    class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
-                                    @click="format('formatBlock','P')">
-                                    <i class="mdi mdi-format-paragraph"></i>
-                                </button>
-                                <button type="button"
-                                    class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
-                                    @click="format('formatBlock','H1')">
-                                    <i class="mdi mdi-format-header-1"></i>
-                                </button>
-                                <button type="button"
-                                    class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
-                                    @click="format('formatBlock','H2')">
-                                    <i class="mdi mdi-format-header-2"></i>
-                                </button>
-                                <button type="button"
-                                    class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
-                                    @click="format('formatBlock','H3')">
-                                    <i class="mdi mdi-format-header-3"></i>
-                                </button>
-                                <button type="button"
-                                    class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
-                                    @click="format('insertUnorderedList')">
-                                    <i class="mdi mdi-format-list-bulleted"></i>
-                                </button>
-                                <button type="button"
-                                    class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
-                                    @click="format('insertOrderedList')">
-                                    <i class="mdi mdi-format-list-numbered"></i>
-                                </button>
-
-                                <button type="button"
-                                    class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
-                                    id="rightToLeft" @click="setDirection('rtl')">
-                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
-                                        class="w-[18px] h-[18px]" fill="none">
-                                        <path d="M15 3.5H21" stroke="currentColor" stroke-width="1.5"
-                                            stroke-linecap="round" stroke-linejoin="round" />
-                                        <path d="M15 9.5H21" stroke="currentColor" stroke-width="1.5"
-                                            stroke-linecap="round" stroke-linejoin="round" />
-                                        <path d="M3 15.5H21" stroke="currentColor" stroke-width="1.5"
-                                            stroke-linecap="round" stroke-linejoin="round" />
-                                        <path d="M3 21.5H21" stroke="currentColor" stroke-width="1.5"
-                                            stroke-linecap="round" stroke-linejoin="round" />
-                                        <path
-                                            d="M3.58579 9.91421C4.17157 10.5 5.11438 10.5 7 10.5C8.88562 10.5 9.82843 10.5 10.4142 9.91421C11 9.32843 11 8.38562 11 6.5C11 4.61438 11 3.67157 10.4142 3.08579C9.82843 2.5 8.88562 2.5 7 2.5C5.11438 2.5 4.17157 2.5 3.58579 3.08579C3 3.67157 3 4.61438 3 6.5C3 8.38562 3 9.32843 3.58579 9.91421Z"
-                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
-                                            stroke-linejoin="round" />
-                                    </svg>
-                                </button>
-
-                                <button type="button"
-                                    class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
-                                    id="leftToLeft" @click="setDirection('ltr')">
-                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
-                                        class="w-[18px] h-[18px]" fill="none">
-                                        <path d="M3 3.5H9" stroke="currentColor" stroke-width="1.5"
-                                            stroke-linecap="round" stroke-linejoin="round" />
-                                        <path d="M3 9.5H9" stroke="currentColor" stroke-width="1.5"
-                                            stroke-linecap="round" stroke-linejoin="round" />
-                                        <path d="M3 15.5H21" stroke="currentColor" stroke-width="1.5"
-                                            stroke-linecap="round" stroke-linejoin="round" />
-                                        <path d="M3 21.5H21" stroke="currentColor" stroke-width="1.5"
-                                            stroke-linecap="round" stroke-linejoin="round" />
-                                        <path
-                                            d="M13.5858 9.91421C14.1716 10.5 15.1144 10.5 17 10.5C18.8856 10.5 19.8284 10.5 20.4142 9.91421C21 9.32843 21 8.38562 21 6.5C21 4.61438 21 3.67157 20.4142 3.08579C19.8284 2.5 18.8856 2.5 17 2.5C15.1144 2.5 14.1716 2.5 13.5858 3.08579C13 3.67157 13 4.61438 13 6.5C13 8.38562 13 9.32843 13.5858 9.91421Z"
-                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
-                                            stroke-linejoin="round" />
-                                    </svg>
-                                </button>
-                            </div>
-                            <div class="w-full">
-                                <iframe x-ref="wysiwyg" class="w-full h-[300px] overflow-y-auto"></iframe>
-                            </div>
-                        </div>
+                    {% endif %}
+                    {% elif request.user.staffprofile %}
+                    {% if request.user.staffprofile.image %}
+                    <img src="{{request.user.staffprofile.image.url}}" class="w-full h-full rounded-full object-cover">
+                    {% else %}
+                    <div
+                        class="w-full h-full 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>
-    
-                    <textarea  name="description" rows="8" id="textEditor"
-                        class="w-full bg-white px-3 py-3 border border-gray-200 rounded-b-md outline-none text-gray-500 resize-none hidden"
-                        placeholder="Add Comment..." required></textarea>
-    
-                    <div class="w-full flex flex-col items-end gap-3">
-                        <div class="w-full s:w-fit flex flex-col s:flex-row justify-end items-center gap-3">
-                            <div
-                                class="w-full s:w-[50px] h-[50px] rounded-md bg-gray-50 shadow-md border border-gray-100 flex justify-center items-center p-2 cursor-pointer relative hover:scale-105 duration-300 transition-transform">
-                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
-                                    stroke-width="1.5" stroke="currentColor"
-                                    class="w-5 h-5 text-secondosiblue z-10 absolute pointer-events-none">
-                                    <path stroke-linecap="round" stroke-linejoin="round"
-                                        d="m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13" />
+                    {% endif %}
+                    {% endif %}
+                </div>
+            </div>
+
+
+            <div class="w-full flex flex-col gap-3">
+                <div class="w-full rounded-md text-black" x-data="app()" x-init="init($refs.wysiwyg)">
+                    <div class="border border-gray-200 overflow-hidden rounded-md">
+                        <div class="w-full border-b border-gray-200 flex flex-wrap text-xl text-gray-600">
+                            <button type="button"
+                                class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
+                                @click="format('bold')">
+                                <i class="mdi mdi-format-bold"></i>
+                            </button>
+                            <button type="button"
+                                class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
+                                @click="format('italic')">
+                                <i class="mdi mdi-format-italic"></i>
+                            </button>
+                            <button type="button"
+                                class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
+                                @click="format('underline')">
+                                <i class="mdi mdi-format-underline"></i>
+                            </button>
+                            <button type="button"
+                                class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
+                                @click="format('formatBlock','P')">
+                                <i class="mdi mdi-format-paragraph"></i>
+                            </button>
+                            <button type="button"
+                                class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
+                                @click="format('formatBlock','H1')">
+                                <i class="mdi mdi-format-header-1"></i>
+                            </button>
+                            <button type="button"
+                                class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
+                                @click="format('formatBlock','H2')">
+                                <i class="mdi mdi-format-header-2"></i>
+                            </button>
+                            <button type="button"
+                                class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
+                                @click="format('formatBlock','H3')">
+                                <i class="mdi mdi-format-header-3"></i>
+                            </button>
+                            <button type="button"
+                                class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
+                                @click="format('insertUnorderedList')">
+                                <i class="mdi mdi-format-list-bulleted"></i>
+                            </button>
+                            <button type="button"
+                                class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
+                                @click="format('insertOrderedList')">
+                                <i class="mdi mdi-format-list-numbered"></i>
+                            </button>
+
+                            <button type="button"
+                                class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
+                                id="rightToLeft" @click="setDirection('rtl')">
+                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-[18px] h-[18px]"
+                                    fill="none">
+                                    <path d="M15 3.5H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                        stroke-linejoin="round" />
+                                    <path d="M15 9.5H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                        stroke-linejoin="round" />
+                                    <path d="M3 15.5H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                        stroke-linejoin="round" />
+                                    <path d="M3 21.5H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                        stroke-linejoin="round" />
+                                    <path
+                                        d="M3.58579 9.91421C4.17157 10.5 5.11438 10.5 7 10.5C8.88562 10.5 9.82843 10.5 10.4142 9.91421C11 9.32843 11 8.38562 11 6.5C11 4.61438 11 3.67157 10.4142 3.08579C9.82843 2.5 8.88562 2.5 7 2.5C5.11438 2.5 4.17157 2.5 3.58579 3.08579C3 3.67157 3 4.61438 3 6.5C3 8.38562 3 9.32843 3.58579 9.91421Z"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                        stroke-linejoin="round" />
                                 </svg>
-                                <input type="file" id="fileupload" name="" placeholder="Select file" multiple
-                                    class="opacity-0 absolute top-1/2 left-1/2 w-[25px] -translate-x-1/2 -translate-y-1/2 z-10">
-                                <select id="filePathInput" name="filePath" multiple hidden></select>
-                            </div>
-    
-                            <button
-                                class="w-full s:w-fit bg-secondosiblue border border-secondosiblue text-white rounded-md cursor-pointer hover:bg-white hover:text-secondosiblue duration-300 px-9 py-3">
-                                Send
                             </button>
-    
-                            <button
-                                class="w-full s:w-fit bg-white border border-secondosiblue text-secondosiblue rounded-md cursor-pointer hover:bg-secondosiblue hover:text-white duration-300 px-9 py-3">
-                                Send as Note
+
+                            <button type="button"
+                                class="w-[40px] h-[40px] border-r border-gray-200 flex justify-center items-center text-gray-400 duration-300 cursor-pointer hover:text-customGold"
+                                id="leftToLeft" @click="setDirection('ltr')">
+                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-[18px] h-[18px]"
+                                    fill="none">
+                                    <path d="M3 3.5H9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                        stroke-linejoin="round" />
+                                    <path d="M3 9.5H9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                        stroke-linejoin="round" />
+                                    <path d="M3 15.5H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                        stroke-linejoin="round" />
+                                    <path d="M3 21.5H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                        stroke-linejoin="round" />
+                                    <path
+                                        d="M13.5858 9.91421C14.1716 10.5 15.1144 10.5 17 10.5C18.8856 10.5 19.8284 10.5 20.4142 9.91421C21 9.32843 21 8.38562 21 6.5C21 4.61438 21 3.67157 20.4142 3.08579C19.8284 2.5 18.8856 2.5 17 2.5C15.1144 2.5 14.1716 2.5 13.5858 3.08579C13 3.67157 13 4.61438 13 6.5C13 8.38562 13 9.32843 13.5858 9.91421Z"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                        stroke-linejoin="round" />
+                                </svg>
                             </button>
                         </div>
-    
-                        <div id="uploaded_files" class="w-full flex flex-col gap-3"></div>
+                        <div class="w-full">
+                            <iframe x-ref="wysiwyg" class="w-full h-[300px] overflow-y-auto"></iframe>
+                        </div>
                     </div>
                 </div>
-            </form>
-    
-        </div>
 
-    <script>
-        function app(socket) {
-            return {
-                wysiwyg: null,
-                socket: socket,
-                typingTimeout: null,
-                init: function (el) {
-                    this.wysiwyg = el;
-                    this.setupWysiwyg();
-                },
-                setupWysiwyg: function() {
-                    this.updateTextarea();
-                    this.wysiwyg.contentDocument.body.addEventListener('input', this.onInput.bind(this));
-                    this.wysiwyg.contentDocument.querySelector('head').innerHTML += `<style>
-                    *, ::after, ::before {box-sizing: border-box;}
-                    :root {tab-size: 4;}
-                    html {line-height: 1.15;text-size-adjust: 100%;}
-                    body {margin: 0px; padding: 1rem 0.5rem;}
-                    body {font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";}
-                    </style>`;
-                    this.wysiwyg.contentDocument.body.innerHTML = '';
-                    this.wysiwyg.contentDocument.designMode = "on";
-                },
-                onInput: function() {
-                    this.updateTextarea();
-                    this.sendTypingEvent();
-                },
-                updateTextarea: function() {
-                    var wrapperDiv = document.createElement('div');
-                    wrapperDiv.className = this.wysiwyg.classList.contains('rtl') ? 'rtl' : 'ltr';
-                    wrapperDiv.innerHTML = this.wysiwyg.contentDocument.body.innerHTML;
-                    document.getElementById('textEditor').value = wrapperDiv.outerHTML;
-                },
-                sendTypingEvent: function() {
-                    if (this.socket && this.socket.readyState === WebSocket.OPEN) {
-                        clearTimeout(this.typingTimeout);
-                        const data = { event_type: 'typing' };
-                        this.socket.send(JSON.stringify(data));
-    
-                        this.typingTimeout = setTimeout(() => {
-                            const stopTypingData = { event_type: 'stop_typing' };
-                            this.socket.send(JSON.stringify(stopTypingData));
-                        }, 1500);
-                    }
-                },
-                format: function (cmd, param) {
-                    this.wysiwyg.contentDocument.execCommand(cmd, false, param || null);
-                    this.updateTextarea();
-                },
-                setDirection: function(direction) {
-                    this.wysiwyg.classList.remove('rtl', 'ltr');
-                    this.wysiwyg.contentDocument.body.classList.remove('rtl', 'ltr');
-                    document.getElementById('textEditor').classList.remove('rtl', 'ltr');
-    
-                    this.wysiwyg.classList.add(direction);
-                    this.wysiwyg.contentDocument.body.classList.add(direction);
-                    document.getElementById('textEditor').classList.add(direction);
-    
-                    this.wysiwyg.contentDocument.body.style.direction = direction;
-                    this.updateTextarea();
-                }
-            }
-        }
-    
-        function initializeWebSocket() {
-            const ticketId = '{{ticket.id}}';
-            const wsUrl = `wss://${window.location.host}/ws/ticketroom/${ticketId}/`;
-            const socket = new WebSocket(wsUrl);
-    
-            socket.onopen = () => {
-                console.log('WebSocket connection established');
-                const appInstance = app(socket);
-                const wysiwygElement = document.querySelector('iframe'); // Replace with your specific iframe selector
-                appInstance.init(wysiwygElement);
-            };
-    
-            socket.onmessage = (event) => {
-                const data = JSON.parse(event.data);
-                if (data.event_type === 'typing') {
-                    const typingDiv = document.getElementById('typing-notification');
-                    typingDiv.innerHTML = data.html;
-                } else if (data.event_type === 'stop_typing') {
-                    const typingDiv = document.getElementById('typing-notification');
-                    typingDiv.innerHTML = '';
-                } else if (data.event_type === 'reaction') {
-                    const updateElement = document.getElementById(`update-${data.update_id}`);
-                    updateElement.querySelectorAll('.reaction-button').forEach(button => {
-                        button.classList.remove('border-2', 'border-secondosiblue');
-                        if (button.dataset.reaction === data.reaction) {
-                            button.classList.add('border-2', 'border-secondosiblue');
-                        }
-                    });
-                    const submittedReactions = updateElement.querySelector('#submitted-reactions');
-                    submittedReactions.classList.remove('w-full', 'border-t', 'border-gray-200', 'pt-5', 'flex', 'justify-start', 'items-center', 'gap-3', 'p-5');
-                    updateElement.querySelectorAll('.submittedreaction-button').forEach(button => {
-                        button.classList.add('hidden');
-                        if (button.dataset.reaction === data.reaction) {
-                            submittedReactions.classList.add('w-full', 'border-t', 'border-gray-200', 'pt-5', 'flex', 'justify-start', 'items-center', 'gap-3', 'p-5');
-                            button.classList.remove('hidden');
-                        }
-                    });
-                } else {
-                    const typingDiv = document.getElementById('typing-notification');
-                    const messagesDiv = document.getElementById('messages');
-                    messagesDiv.insertAdjacentHTML('beforeend', data.html);
-                    typingDiv.innerHTML = '';
-                }
-            };
-    
-            socket.onclose = () => {
-                console.log('WebSocket connection closed');
-            };
-    
-            socket.onerror = (error) => {
-                console.log('WebSocket error:', error);
-            };
-    
-            const form = document.getElementById('ticketForm');
-            const textEditor = document.getElementById('textEditor');
-            const wysiwygElement = document.querySelector('iframe'); // Replace with your specific iframe selector
-    
-            form.addEventListener('submit', (event) => {
-                event.preventDefault();
-    
-                const formData = new FormData(form);
-                const description = formData.get('description');
-                const filePath = formData.getAll('filePath');
-    
-                const data = {
-                    event_type: 'update',
-                    description: description,
-                    filePath: filePath
-                };
-    
-                socket.send(JSON.stringify(data));
-                form.reset();
-                textEditor.value = '';
-                wysiwygElement.contentDocument.body.innerHTML = ''; // Clear the WYSIWYG content
-            });
-    
-            document.addEventListener('click', (event) => {
-                if (event.target.classList.contains('reaction-button')) {
-                    const updateId = event.target.dataset.updateId;
-                    const reaction = event.target.dataset.reaction;
-    
-                    const data = {
-                        event_type: 'update_reaction',
-                        update_id: updateId,
-                        reaction: reaction
-                    };
-    
-                    socket.send(JSON.stringify(data));
-                }
-            });
-        }
-    
-        document.addEventListener('DOMContentLoaded', () => {
-            initializeWebSocket();
-        });
-    </script>
-    
-        
-        
-        
-        
-        
-    
-    
-        <div class="w-full mt-5">
-            <div
-                class=" bg-gray-200 rounded-t-md flex justify-between items-center text-white text-xl font-bold h-[50px]">
-                <div class="px-3">
-                    <p class="text-secondosiblue uppercase font-bold">Task</p>
+                <textarea name="description" rows="8" id="textEditor"
+                    class="w-full bg-white px-3 py-3 border border-gray-200 rounded-b-md outline-none text-gray-500 resize-none hidden"
+                    placeholder="Add Comment..." required></textarea>
+
+                <div class="w-full flex flex-col items-end gap-3">
+                    <div class="w-full flex flex-col s:flex-row justify-end items-center gap-3">
+                        <div
+                            class="w-full s:w-[50px] h-[50px] rounded-md bg-gray-50 shadow-md border border-gray-100 flex justify-center items-center p-2 cursor-pointer relative hover:scale-105 duration-300 transition-transform">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+                                stroke="currentColor"
+                                class="w-5 h-5 text-secondosiblue z-10 absolute pointer-events-none">
+                                <path stroke-linecap="round" stroke-linejoin="round"
+                                    d="m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13" />
+                            </svg>
+                            <input type="file" id="fileupload" name="" placeholder="Select file" multiple
+                                class="opacity-0 absolute top-1/2 left-1/2 w-[25px] -translate-x-1/2 -translate-y-1/2 z-10">
+                            <select id="filePathInput" name="filePath" multiple hidden></select>
+                        </div>
+
+                        <button
+                            class="w-full s:w-fit bg-secondosiblue border border-secondosiblue text-white rounded-md cursor-pointer hover:bg-white hover:text-secondosiblue duration-300 px-9 py-3">
+                            Send
+                        </button>
+
+                        <button
+                            class="w-full s:w-fit bg-white border border-secondosiblue text-secondosiblue rounded-md cursor-pointer hover:bg-secondosiblue hover:text-white duration-300 px-9 py-3">
+                            Send as Note
+                        </button>
+                    </div>
+
+                    <div id="uploaded_files" class="w-full flex flex-col gap-3"></div>
                 </div>
             </div>
-            <div class="w-full flex flex-col gap-3">
-                {% if points %}
-                {% for point in points %}
-                <p class="pointId" data-point-id="{{ point.id }}" style="display: none;">{{ point.id }}</p>
-                <div class="w-full flex flex-col gap-1 
+        </form>
+    </div>
+
+
+    <div class="w-full mt-5">
+        <div class=" bg-gray-200 rounded-t-md flex justify-between items-center text-white text-xl font-bold h-[50px]">
+            <div class="px-3">
+                <p class="text-secondosiblue uppercase font-bold">Task</p>
+            </div>
+        </div>
+        <div class="w-full flex flex-col gap-3">
+            {% if points %}
+            {% for point in points %}
+            <p class="pointId" data-point-id="{{ point.id }}" style="display: none;">{{ point.id }}</p>
+            <div class="w-full flex flex-col gap-1 
                         {% if point.status == 'Completed' %}
                             bg-green-700
                         {% elif point.status == 'Working On' %}
@@ -439,98 +346,98 @@
                                 bg-slate-700
                         {% endif %}
                          bg-opacity-50 rounded-md shadow-md p-3 mt-4">
-                    <div class="w-full flex justify-between items-end pb-2 border-b border-gray-200">
-                        <div class="w-[380px]">
-                            {% if point.status == 'Completed' %}
-                            <p class="text-white line-through">{{point.text}}</p>
-                            {% else %}
-                            <p class="text-white">{{point.text}}</p>
-                            {% endif %}
-                        </div>
-    
-                        <div class="flex justify-end items-center gap-2">
-                            {% if point.status == 'Not Completed' or point.status == 'Paused' and not point.status == 'Completed' %}
-                            <a href="{% url 'mark_point_working_on_task_page' point.id task.id %}">
-                                <button
-                                    class="w-[40px] h-[40px] rounded-full bg-transparent shadow-md text-white border border-white flex justify-center items-center hover:scale-105 transition-transform duration-300"
-                                    id="startPointButton">
-                                    <i class="fa fa-play"></i>
-                                </button>
-                            </a>
-                            {% endif %}
-    
-                            {% if point.status == 'Working On' and not point.status == 'Completed' %}
-                            <a href="{% url 'mark_point_paused_task_page' point.id task.id %}">
-                                <button
-                                    class="w-[40px] h-[40px] rounded-full bg-transparent shadow-md text-white border border-white justify-center items-center hover:scale-105 transition-transform duration-300"
-                                    id="pausePointButton">
-                                    <i class="fa fa-pause"></i>
-                                </button>
-                            </a>
-                            {% endif %}
-    
-                            {% if not point.status == 'Completed' and not point.status == 'Paused' %}
-                            <a href="{% url 'mark_point_completed_task_page' point.id task.id %}">
-                                <button
-                                    class="w-[40px] h-[40px] rounded-full bg-transparent shadow-md text-white border border-white flex justify-center items-center hover:scale-105 transition-transform duration-300">
-                                    <i class="fa fa-check"></i>
-                                </button>
-                            </a>
-                            {% endif %}
-    
-    
-                            {% if point.status == 'Completed' %}
+                <div class="w-full flex justify-between items-end pb-2 border-b border-gray-200">
+                    <div class="w-[380px]">
+                        {% if point.status == 'Completed' %}
+                        <p class="text-white line-through">{{point.text}}</p>
+                        {% else %}
+                        <p class="text-white">{{point.text}}</p>
+                        {% endif %}
+                    </div>
+
+                    <div class="flex justify-end items-center gap-2">
+                        {% if point.status == 'Not Completed' or point.status == 'Paused' and not point.status == 'Completed' %}
+                        <a href="{% url 'mark_point_working_on_task_page' point.id task.id %}">
+                            <button
+                                class="w-[40px] h-[40px] rounded-full bg-transparent shadow-md text-white border border-white flex justify-center items-center hover:scale-105 transition-transform duration-300"
+                                id="startPointButton">
+                                <i class="fa fa-play"></i>
+                            </button>
+                        </a>
+                        {% endif %}
+
+                        {% if point.status == 'Working On' and not point.status == 'Completed' %}
+                        <a href="{% url 'mark_point_paused_task_page' point.id task.id %}">
+                            <button
+                                class="w-[40px] h-[40px] rounded-full bg-transparent shadow-md text-white border border-white justify-center items-center hover:scale-105 transition-transform duration-300"
+                                id="pausePointButton">
+                                <i class="fa fa-pause"></i>
+                            </button>
+                        </a>
+                        {% endif %}
+
+                        {% if not point.status == 'Completed' and not point.status == 'Paused' %}
+                        <a href="{% url 'mark_point_completed_task_page' point.id task.id %}">
                             <button
-                                class="w-[40px] h-[40px] rounded-full bg-transparent shadow-md text-white border border-white flex justify-center items-center opacity-30 cursor-default">
+                                class="w-[40px] h-[40px] rounded-full bg-transparent shadow-md text-white border border-white flex justify-center items-center hover:scale-105 transition-transform duration-300">
                                 <i class="fa fa-check"></i>
                             </button>
-                            {% endif %}
-    
-                            {% if not point.status == 'Completed' %}
-                            <form method="post" action="{% url 'deletepointmodal' point.id task.id %}">
-                                {% csrf_token %}
-                                <button type="submit"
-                                    class="w-[40px] h-[40px] bg-transparent border border-white rounded-full text-white flex justify-center items-center shadow-md hover:scale-105 transition-transform duration-300">
-                                    <i class="fa fa-trash"></i>
-                                </button>
-                            </form>
-                            {% endif %}
-                        </div>
-                    </div>
-    
-                    <div class="flex justify-between items-center gap-3 pt-2">
-                        <div class="text-white text-sm">
-                            <p>Total Time:
-                                <span class="font-semibold pointTotalTime">
-                                    <span class="hours">{{ point.total_activity_time.0 }}</span> hours,
-                                    <span class="minutes">{{ point.total_activity_time.1 }}</span> minutes,
-                                    <span class="seconds">{{ point.total_activity_time.2 }}</span> seconds
-                                </span>
-                            </p>
-                        </div>
-    
-                        <div class="w-fit py-1 px-2 bg-white text-secondosiblue text-xs rounded-md shadow-md">
-                            {% if point.status == 'Completed' %}
-                            <p class="text-green-700 opacity-50">Completed</p>
-                            {% elif point.status == 'Working On' %}
-                            <p class="text-orange-500 opacity-50">Working On</p>
-                            {% elif point.status == 'Paused' %}
-                            <p class="text-red-500 opacity-50">Paused</p>
-                            {% else %}
-                            <p class="text-secondosiblue opacity-50">Created</p>
-                            {% endif %}
-                        </div>
+                        </a>
+                        {% endif %}
+
+
+                        {% if point.status == 'Completed' %}
+                        <button
+                            class="w-[40px] h-[40px] rounded-full bg-transparent shadow-md text-white border border-white flex justify-center items-center opacity-30 cursor-default">
+                            <i class="fa fa-check"></i>
+                        </button>
+                        {% endif %}
+
+                        {% if not point.status == 'Completed' %}
+                        <form method="post" action="{% url 'deletepointmodal' point.id task.id %}">
+                            {% csrf_token %}
+                            <button type="submit"
+                                class="w-[40px] h-[40px] bg-transparent border border-white rounded-full text-white flex justify-center items-center shadow-md hover:scale-105 transition-transform duration-300">
+                                <i class="fa fa-trash"></i>
+                            </button>
+                        </form>
+                        {% endif %}
                     </div>
                 </div>
-                {% endfor %}
-                {% else %}
-                <div class="w-full flex justify-center items-center p-5 text-secondosiblue text-center">
-                    <p>No Available Points</p>
+
+                <div class="flex justify-between items-center gap-3 pt-2">
+                    <div class="text-white text-sm">
+                        <p>Total Time:
+                            <span class="font-semibold pointTotalTime">
+                                <span class="hours">{{ point.total_activity_time.0 }}</span> hours,
+                                <span class="minutes">{{ point.total_activity_time.1 }}</span> minutes,
+                                <span class="seconds">{{ point.total_activity_time.2 }}</span> seconds
+                            </span>
+                        </p>
+                    </div>
+
+                    <div class="w-fit py-1 px-2 bg-white text-secondosiblue text-xs rounded-md shadow-md">
+                        {% if point.status == 'Completed' %}
+                        <p class="text-green-700 opacity-50">Completed</p>
+                        {% elif point.status == 'Working On' %}
+                        <p class="text-orange-500 opacity-50">Working On</p>
+                        {% elif point.status == 'Paused' %}
+                        <p class="text-red-500 opacity-50">Paused</p>
+                        {% else %}
+                        <p class="text-secondosiblue opacity-50">Created</p>
+                        {% endif %}
+                    </div>
                 </div>
-                {% endif %}
             </div>
+            {% endfor %}
+            {% else %}
+            <div class="w-full flex justify-center items-center p-5 text-secondosiblue text-center">
+                <p>No Available Points</p>
+            </div>
+            {% endif %}
         </div>
     </div>
+</div>
 
 
 
@@ -540,8 +447,16 @@
 
 <script type="text/javascript" src="{% static 'js/tickets/ticket-details.js' %}"></script>
 
+<script type="text/javascript" src="{% static 'js/tickets/scroll-bottom-in-ticket.js' %}"></script>
+
+<script type="text/javascript" src="{% static 'js/tickets/tickets-room.js' %}"></script>
+
+<script type="text/javascript" src="{% static 'js/tickets/fixed-ticket-header.js' %}"></script>
 
 <script type="text/javascript" src='{% static "js/inputs/file-uploader.js" %}'></script>
 
 
+
+
+
 {% endblock %}
\ No newline at end of file
diff --git a/osinaweb/support/templates/details_templates/ticket-settings.html b/osinaweb/support/templates/details_templates/ticket-settings.html
new file mode 100644
index 00000000..c5e8983c
--- /dev/null
+++ b/osinaweb/support/templates/details_templates/ticket-settings.html
@@ -0,0 +1,106 @@
+{% extends "main.html" %}
+{%load static%}
+{% block content %}
+
+
+<div class="w-full xxlg1:w-[75%] bg-white h-fit rounded-md shadow-md p-5 flex flex-col gap-10">
+    <h1 class="text-3xl text-secondosiblue text-center font-semibold">
+        Settings
+    </h1>
+
+
+    <!-- DEPARTMENTS -->
+    <div class="w-full">
+        <div class=" bg-gray-200 rounded-t-md flex justify-between items-center text-white text-xl font-bold h-[50px]">
+            <div class="px-3">
+                <p class="text-secondosiblue uppercase font-bold">Departments</p>
+            </div>
+
+            <button
+                class="h-full rounded-tr-md px-4 bg-secondosiblue text-gray-200 text-[18px] outline-none border-none cursor-pointer flex justify-center items-center xsmallPopupButton"
+                data-modal-url="{% url 'addticketdepartmentmodal' %}">
+                <i class="fa fa-plus"></i>
+            </button>
+        </div>
+
+
+        <div class="w-full flex flex-col gap-3 mt-3">
+            <div
+                class="w-full rounded-md py-5 px-3 bg-secondosiblue border border-secondosiblue flex justify-between items-center gap-3 text-gray-50">
+                <p class="text-sm sm:text-[17px]">Departnet Name</p>
+
+                <p class="text-sm sm:text-base">10-2-2024</p>
+            </div>
+
+            <div
+                class="w-full rounded-md py-5 px-3 bg-gray-50 border border-gray-100 flex justify-between items-center gap-3 text-secondosiblue">
+                <p class="text-sm sm:text-[17px]">Departnet Name</p>
+
+                <p class="text-sm sm:text-base">10-2-2024</p>
+            </div>
+
+            <div
+                class="w-full rounded-md py-5 px-3 bg-gray-50 border border-gray-100 flex justify-between items-center gap-3 text-secondosiblue">
+                <p class="text-sm sm:text-[17px]">Departnet Name</p>
+
+                <p class="text-sm sm:text-base">10-2-2024</p>
+            </div>
+        </div>
+    </div>
+
+
+    <!-- MEMBERS -->
+    <div class="w-ful">
+        <div class=" bg-gray-200 rounded-t-md flex justify-between items-center text-white text-xl font-bold h-[50px]">
+            <div class="px-3">
+                <p class="text-secondosiblue uppercase font-bold">Members</p>
+            </div>
+
+            <button
+                class="h-full rounded-tr-md px-4 bg-secondosiblue text-gray-200 text-[18px] outline-none border-none cursor-pointer flex justify-center items-center xsmallPopupButton"
+                data-modal-url="{% url 'addticketmembermodal' %}">
+                <i class="fa fa-plus"></i>
+            </button>
+        </div>
+
+
+        <div class="w-full grid grid-cols-1 l:grid-cols-2 xl:grid-cols-3 gap-3 mt-3">
+            <!-- PROJECT MANAGER -->
+            <a>
+                <div
+                    class="w-full h-full flex flex-col gap-1 px-3 py-3 bg-gray-100 rounded-md shadow-md cursor-pointer hover:scale-105 duration-500">
+                    <div class="w-full flex justify-between items-center gap-1">
+                        <div class="flex justify-start items-center gap-2">
+                            <div class="w-[45px] h-[45px] rounded-full bg-white">
+                                {% if project.manager.image %}
+                                <img src="{{member.image.url}}" class="w-full h-full rounded-full object-cover">
+                                {% else %}
+                                <img src="{% static 'images/default-user.png' %}"
+                                    class="w-full h-full rounded-full object-cover">
+                                {% endif %}
+                            </div>
+
+
+                            <div>
+                                <p class="text-secondosiblue font-light">Emile Elliye</p>
+                                <div class="text-xs bg-secondosiblue text-white shadow-md py-1 px-2 rounded-md">
+                                    <p>Project Manager</p>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div
+                            class="w-[30px] h-[30px] rounded-md shadow-md text-white bg-secondosiblue border border-osiblue flex justify-center items-center cursor-pointer hover:bg-transparent hover:text-secondosiblue duration-300">
+                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-4" fill="none">
+                                <path d="M19.0005 4.99988L5.00045 18.9999M5.00045 4.99988L19.0005 18.9999" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                    </div>
+                </div>
+            </a>
+        </div>
+    </div>
+</div>
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/osinaweb/support/urls.py b/osinaweb/support/urls.py
index 2f363d94..c54e2b47 100644
--- a/osinaweb/support/urls.py
+++ b/osinaweb/support/urls.py
@@ -21,7 +21,10 @@ from django.conf import settings
 
 urlpatterns = [
     path('tickets/<str:ticket_number>/', views.ticket_room, name='ticketroom'),
+    path('ticket-settings', views.ticket_settings, name='ticketsettings'),
 
+    path('add-ticket-department', views.add_ticket_department_modal, name='addticketdepartmentmodal'),
+    path('add-ticket-member', views.add_ticket_member_modal, name='addticketmembermodal'),
 ]
 
 urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
\ No newline at end of file
diff --git a/osinaweb/support/views.py b/osinaweb/support/views.py
index ea4d2786..571837b9 100644
--- a/osinaweb/support/views.py
+++ b/osinaweb/support/views.py
@@ -33,3 +33,35 @@ def ticket_room(request, ticket_number):
 
 
 
+
+@ticket_member_required
+def ticket_settings(request):
+
+    context = {     
+
+    }
+
+    return render(request, 'details_templates/ticket-settings.html', context)
+
+
+
+@ticket_member_required
+def add_ticket_department_modal(request):
+
+    context = {     
+
+    }
+
+    return render(request, 'add_templates/add-ticket-department-modal.html', context)
+
+
+
+@ticket_member_required
+def add_ticket_member_modal(request):
+
+    context = {     
+
+    }
+
+    return render(request, 'add_templates/add-ticket-member-modal.html', context)
+
diff --git a/osinaweb/tailwind.config.js b/osinaweb/tailwind.config.js
index 02325896..e6619999 100644
--- a/osinaweb/tailwind.config.js
+++ b/osinaweb/tailwind.config.js
@@ -6,6 +6,7 @@ module.exports = {
     "./osinacore/templates/**/*.html",
     "./customercore/templates/**/*.html",
     "./billing/templates/**/*.html",
+    "./support/templates/**/*.html",
   ],
   theme: {
     screens: {