refine Semi UI identity workflow

vehicle-data-platform/apps/web/src/v2/styles/workspace.css

@@ -4901,8 +4901,9 @@
   font-weight: 650;
 }
 
-.v2-password-modal.semi-modal {
+.v2-password-modal .semi-modal {
   width: min(500px, calc(100vw - 32px)) !important;
+  max-width: calc(100vw - 32px);
 }
 
 .v2-password-modal .semi-modal-content {
@@ -4942,10 +4943,11 @@
   gap: 2px;
 }
 
-.v2-password-title h4.semi-typography {
+.v2-password-title strong {
   margin: 0;
   color: #293b51;
   font-size: 17px;
+  font-weight: 720;
   letter-spacing: -.02em;
 }
 
@@ -4995,6 +4997,24 @@
   border-radius: 8px;
 }
 
+.v2-password-visibility.semi-button {
+  width: 30px;
+  min-width: 30px;
+  height: 30px;
+  border-radius: 8px;
+  color: #718197;
+  padding: 0;
+}
+
+.v2-password-visibility.semi-button:hover {
+  background: #eaf2fd;
+  color: var(--v2-blue);
+}
+
+.v2-password-visibility.semi-button:focus-visible {
+  box-shadow: 0 0 0 2px rgba(18, 104, 243, .18);
+}
+
 .v2-password-rules {
   display: grid;
   grid-template-columns: minmax(0, .72fr) minmax(0, 1.6fr);
@@ -5187,9 +5207,10 @@
     min-width: min(272px, calc(100vw - 20px));
   }
 
-  .v2-password-modal.semi-modal {
-    width: calc(100vw - 16px) !important;
+  .v2-password-modal .semi-modal {
+    width: calc(100vw - 24px) !important;
     max-width: 500px;
+    margin-inline: auto;
   }
 
   .v2-password-modal .semi-modal-content {