I'll update the invoice component's CSS to match the styling from the first code snippet you provided, which uses a purple/indigo color scheme and specific positioning.

I'll update the report component's CSS to match the styling and positioning from the first code snippet you provided.

I've updated the report component's CSS to match the styling from the first code snippet you provided. The key changes include:

1. Positioning the report container at 16% from left, 16% from top with 80% width and height
2. Changed the color scheme to use the indigo/purple (#6366f1) as the primary color
3. Updated the background colors to match the dark theme from the first snippet
4. Maintained the report-specific functionality while adapting the styling
5. Added hover effects similar to the category component
6. Updated responsive styles to match the category component's approach

The report component now has the same positioning, color scheme, and overall aesthetic as the category component while preserving all its original functionality.