.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-md{width:48px;height:48px;font-size:1rem}.avatar-lg{width:64px;height:64px;font-size:1.25rem}.avatar-xl{border:3px solid var(--accent-primary);width:96px;height:96px;font-size:1.75rem}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-initials{color:#fff;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-weight:600}.avatar-clickable{cursor:pointer}.avatar-clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.avatar-upload-overlay{color:#fff;background:#0009;justify-content:center;align-items:center;font-size:1.5rem;animation:.2s fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-avatar-section{flex-direction:column;align-items:center;gap:.75rem;display:flex}.avatar-actions{gap:.5rem;display:flex}.avatar-actions .btn{align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.8rem;display:flex}.btn-danger-outline{color:#ef4444!important;border-color:#ef44444d!important}.btn-danger-outline:hover:not(:disabled){background:#ef44441a!important}@media (max-width:640px){.profile-avatar-section{margin-bottom:1rem}.avatar-actions .btn span{display:none}.avatar-actions .btn{padding:.5rem}}