diff --git a/Archiwum.zip b/Archiwum.zip
new file mode 100644
index 0000000..bd9b6ff
Binary files /dev/null and b/Archiwum.zip differ
diff --git a/shopping_app/static/css/style.css b/shopping_app/static/css/style.css
index 3bef0ee..3e5b75a 100644
--- a/shopping_app/static/css/style.css
+++ b/shopping_app/static/css/style.css
@@ -1571,15 +1571,15 @@ hr {
     min-height: 46px;
   }
 
-  .input-group {
+  .input-group:not(.ui-password-group) {
     flex-wrap: wrap;
     gap: 0.55rem;
   }
 
-  .input-group > .form-control,
-  .input-group > .form-select,
-  .input-group > .btn,
-  .input-group > .input-group-text {
+  .input-group:not(.ui-password-group) > .form-control,
+  .input-group:not(.ui-password-group) > .form-select,
+  .input-group:not(.ui-password-group) > .btn,
+  .input-group:not(.ui-password-group) > .input-group-text {
     width: 100% !important;
     flex: 1 1 100% !important;
     border-radius: 14px !important;
@@ -4767,6 +4767,18 @@ body:not(.sorting-active) .drag-handle {
   flex-wrap: nowrap !important;
   align-items: stretch !important;
   width: 100% !important;
+  gap: 0 !important;
+  overflow: hidden !important;
+  border: 1px solid var(--ui-border-strong) !important;
+  border-radius: var(--ui-control-radius) !important;
+  background: rgba(255,255,255,0.04) !important;
+  background-image: none !important;
+  box-shadow: none !important;
+}
+
+.ui-password-group:focus-within {
+  border-color: rgba(25, 135, 84, 0.6) !important;
+  box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.16) !important;
 }
 
 .ui-password-group > .form-control {
@@ -4774,11 +4786,19 @@ body:not(.sorting-active) .drag-handle {
   width: 1% !important;
   min-width: 0 !important;
   min-height: var(--ui-control-height) !important;
-  border-top-left-radius: var(--ui-control-radius) !important;
-  border-bottom-left-radius: var(--ui-control-radius) !important;
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-  border-right: 0 !important;
+  border: 0 !important;
+  border-radius: 0 !important;
+  box-shadow: none !important;
+  background: transparent !important;
+  background-color: transparent !important;
+  background-image: none !important;
+  background-clip: padding-box !important;
+}
+
+.ui-password-group > .form-control:focus {
+  box-shadow: none !important;
+  background: transparent !important;
+  background-color: transparent !important;
 }
 
 .ui-password-group > .ui-password-toggle {
@@ -4794,15 +4814,13 @@ body:not(.sorting-active) .drag-handle {
   padding: 0 !important;
   margin: 0 !important;
   cursor: pointer !important;
-  background-color: var(--dark-700) !important;
+  background: transparent !important;
+  background-color: transparent !important;
   background-image: none !important;
-  color: var(--text-strong) !important;
-  border: 1px solid var(--dark-300) !important;
-  border-left: 0 !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  border-top-right-radius: var(--ui-control-radius) !important;
-  border-bottom-right-radius: var(--ui-control-radius) !important;
+  color: rgba(255,255,255,0.72) !important;
+  border: 0 !important;
+  border-left: 1px solid rgba(255, 255, 255, 0.10) !important;
+  border-radius: 0 !important;
   box-shadow: none !important;
   line-height: 1 !important;
 }
@@ -4810,15 +4828,17 @@ body:not(.sorting-active) .drag-handle {
 .ui-password-group > .ui-password-toggle:hover,
 .ui-password-group > .ui-password-toggle:focus,
 .ui-password-group > .ui-password-toggle:focus-visible {
-  background-color: var(--dark-800) !important;
+  background: rgba(255,255,255,0.03) !important;
+  background-color: rgba(255,255,255,0.03) !important;
   color: #fff !important;
-  border-color: var(--primary) !important;
-  box-shadow: var(--ui-control-focus-ring) !important;
+  border-left-color: rgba(255,255,255,0.16) !important;
+  box-shadow: none !important;
   outline: none !important;
 }
 
 .ui-password-group > .ui-password-toggle.is-active {
-  background-color: var(--dark-800) !important;
+  background: rgba(255,255,255,0.05) !important;
+  background-color: rgba(255,255,255,0.05) !important;
   color: #fff !important;
 }
 
@@ -4848,38 +4868,20 @@ body:not(.sorting-active) .drag-handle {
   border-radius: var(--ui-control-radius) !important;
 }
 
+/*
+  Password fields use only the generic ui-password-group rules above.
+  Keep endpoint-specific overrides out of login/system_auth/admin screens,
+  otherwise future changes start fighting through selector specificity.
+*/
+.ui-password-group > .form-control.ui-consistent-input {
+  border-radius: 0 !important;
+}
+
 .endpoint-edit_my_list .access-editor .access-input,
-.endpoint-edit_list .input-group.input-group-sm .form-control,
-.endpoint-user_management .row .ui-password-group > .form-control,
-.endpoint-user_management .modal .ui-password-group > .form-control {
+.endpoint-edit_list .input-group.input-group-sm .form-control {
   min-height: var(--ui-control-height) !important;
 }
 
-.endpoint-login .ui-password-group > .ui-password-toggle,
-.endpoint-system_auth .ui-password-group > .ui-password-toggle,
-.endpoint-user_management .ui-password-group > .ui-password-toggle,
-.endpoint-user_management .modal .ui-password-group > .ui-password-toggle {
-  background-color: var(--dark-700) !important;
-  color: var(--text-strong) !important;
-  border-color: var(--dark-300) !important;
-}
-
-.endpoint-login .ui-password-group > .ui-password-toggle:hover,
-.endpoint-login .ui-password-group > .ui-password-toggle:focus,
-.endpoint-login .ui-password-group > .ui-password-toggle:focus-visible,
-.endpoint-system_auth .ui-password-group > .ui-password-toggle:hover,
-.endpoint-system_auth .ui-password-group > .ui-password-toggle:focus,
-.endpoint-system_auth .ui-password-group > .ui-password-toggle:focus-visible,
-.endpoint-user_management .ui-password-group > .ui-password-toggle:hover,
-.endpoint-user_management .ui-password-group > .ui-password-toggle:focus,
-.endpoint-user_management .ui-password-group > .ui-password-toggle:focus-visible,
-.endpoint-user_management .modal .ui-password-group > .ui-password-toggle:hover,
-.endpoint-user_management .modal .ui-password-group > .ui-password-toggle:focus,
-.endpoint-user_management .modal .ui-password-group > .ui-password-toggle:focus-visible {
-  background-color: var(--dark-800) !important;
-  border-color: var(--primary) !important;
-}
-
 @media (max-width: 575.98px) {
   .ui-password-group > .ui-password-toggle {
     flex-basis: 44px !important;