.header-profile{display:inline-flex;align-items:center;justify-content:center;flex:none}.header-avatar,.user-avatar,.profile-editor-image{object-fit:cover;background:#e5f3e8;border:2px solid #a8c9b1}.header-avatar{width:2.35rem;height:2.35rem;border-radius:50%}.user-avatar{width:46px;height:46px;border-radius:50%;vertical-align:middle}.user-avatar-cell{width:62px}.profile-editor-image{width:112px;height:112px;border-radius:50%;display:block}.profile-image-panel{display:flex;align-items:center;gap:1rem;margin:1rem 0}.profile-image-panel p{margin:.25rem 0}.profile-upload{display:grid;gap:.6rem}.user-role{color:#53677b;font-size:.9em}.mobile-user-head{display:flex;align-items:center;gap:.75rem}.mobile-user-head h2{margin:0}.mobile-user-card .user-avatar{width:52px;height:52px}.mobile-user-card p{margin:.45rem 0}@media(max-width:700px){.header-avatar{width:2rem;height:2rem}.profile-image-panel{align-items:flex-start}.profile-editor-image{width:88px;height:88px}.profile-upload{gap:.45rem}}
.user-edit-card{display:grid;gap:1.35rem}.user-edit-card .profile-image-panel{margin:0;padding-bottom:1.15rem;border-bottom:1px solid var(--line)}.user-edit-card .profile-upload{padding-bottom:1.15rem;border-bottom:1px solid var(--line)}.user-edit-section{margin:0}.user-edit-section h2{margin:0 0 .85rem;font-size:1.15rem}.user-account-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.2rem}.user-password-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.2rem}.user-edit-card .hint{margin:0}.user-edit-actions{display:flex;justify-content:flex-start;margin-top:.15rem}.profile-remove-form{margin-top:.85rem}.profile-remove-form button{width:auto}.user-password-fields .password-toggle{justify-self:start;margin-top:.6rem}.user-password-fields .password-field{width:100%}@media(max-width:700px){.user-edit-card{gap:1rem}.user-account-fields,.user-password-fields{grid-template-columns:1fr;gap:.8rem}.user-edit-card .profile-image-panel,.user-edit-card .profile-upload{padding-bottom:1rem}.user-edit-actions button,.profile-remove-form button{width:100%}.user-password-fields .password-toggle{width:100%;margin-top:.25rem}}
.user-add-card{display:grid;gap:1.2rem}.user-add-heading{padding-bottom:1rem;border-bottom:1px solid var(--line)}.user-add-heading h2{margin:0}.user-add-heading .hint{margin:.3rem 0 0}.user-add-sections{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(18rem,1fr);gap:1.4rem}.user-add-section{padding:1rem;border:1px solid var(--line);border-radius:8px;background:#f8fcf8}.user-add-section h3{margin:0 0 .65rem;font-size:1rem}.user-add-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.user-add-section label{margin:0}.user-add-password-section{display:grid;align-content:start}.user-add-password-section .password-field{margin:0}.user-add-password-actions{display:flex;gap:.55rem;margin-top:.7rem}.user-add-password-actions button{width:100%}.user-add-password-section .hint[aria-live]{min-height:1.35rem;margin:.55rem 0 0}.user-add-actions{display:flex;justify-content:flex-end;padding-top:.1rem}.user-add-actions button{min-width:11rem}@media(max-width:900px){.user-add-sections{grid-template-columns:1fr}.user-add-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.user-add-card{gap:.9rem}.user-add-heading{padding-bottom:.8rem}.user-add-sections{gap:.75rem}.user-add-section{padding:.8rem}.user-add-fields{grid-template-columns:1fr;gap:.65rem}.user-add-password-section .password-field{gap:.8rem}.user-add-password-actions,.user-add-actions{width:100%}.user-add-actions button{width:100%}}