.avatar-xs { width: 24px; height: 24px; font-size: 10px; }
.avatar-sm { width: 32px; height: 32px; font-size: 12px; }
.avatar-md { width: 40px; height: 40px; font-size: 14px; }
.avatar-lg { width: 56px; height: 56px; font-size: 18px; }
.avatar-xl { width: 80px; height: 80px; font-size: 24px; }
.avatar-initials { background: hsla(250,85%,65%,0.2); color: var(--color-primary); }
.avatar-role-badge { background: var(--color-primary); }
.avatar-role-blue { background: #3B82F6; }
.avatar-role-purple { background: #8B5CF6; }
.avatar-role-green { background: #10B981; }
.avatar-role-orange { background: #F59E0B; }
.avatar-role-cyan { background: #06B6D4; }
.avatar-role-red { background: #EF4444; }
.avatar-role-gray { background: #6B7280; }
.avatar-status.online { background: var(--color-success); }
.avatar-status.away { background: var(--color-warning); }
.avatar-status.offline { background: var(--color-offline); }
.bg-muted { background: var(--color-muted); }