Add password visibility toggle to user and admin forms

styles.css

@@ -1209,6 +1209,7 @@
 
   .status-badge {
     display: inline-flex;
+    flex-direction: row;
     align-items: center;
     gap: 0.4rem;
     font-family: var(--font-mono);
@@ -1217,6 +1218,8 @@
     text-transform: uppercase;
     padding: 0.25rem 0.6rem;
     border-radius: 0.125rem;
+    white-space: nowrap;
+    line-height: 1.2;
   }
 
   .status-badge.active {
@@ -1268,7 +1271,12 @@
     display: inline-flex;
     gap: 0.5rem;
     align-items: center;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
+    white-space: nowrap;
+  }
+
+  .admin-table-actions .btn {
+    white-space: nowrap;
   }
 
   .btn-sm {
@@ -1536,6 +1544,44 @@
     margin-bottom: 2rem;
   }
 
+  /* password toggle input wrapper */
+  .password-input-wrap {
+    position: relative;
+    display: flex;
+    align-items: center;
+  }
+
+  .password-input-wrap .form-control,
+  .password-input-wrap .form-input {
+    padding-right: 2.75rem;
+  }
+
+  .password-toggle-btn {
+    position: absolute;
+    right: 0.5rem;
+    top: 50%;
+    transform: translateY(-50%);
+    background: transparent;
+    border: none;
+    color: var(--ink-muted);
+    cursor: pointer;
+    padding: 0.35rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 0.125rem;
+    transition: color .15s ease;
+  }
+
+  .password-toggle-btn:hover {
+    color: var(--gold-bright);
+  }
+
+  .password-toggle-btn svg {
+    width: 1.15rem;
+    height: 1.15rem;
+  }
+
   /* menu page specific headers & spacing */
   .menu-page-header {
     padding-block: 4.5rem 2.5rem;