# CSS Analysis Report - PlanTempus

# 📊 CSS Analysis Report

PlanTempus - Production CSS Analysis

Total CSS Size
134.17 KB
CSS Files
22
Total Lines
6.124
Unused CSS Rules
87

## 📈 CSS Statistics by File

File | Size | Lines | Rules | Selectors | Properties | CSS Vars
--- | --- | --- | --- | --- | --- | ---
auth.css | 20.41 KB | 994 | 145 | 149 | 488 | 43
cash.css | 16.75 KB | 782 | 114 | 117 | 359 | 39
employees.css | 15.02 KB | 694 | 100 | 103 | 327 | 37
components.css | 9.23 KB | 426 | 63 | 63 | 185 | 39
design-tokens.css | 9.02 KB | 318 | 35 | 36 | 192 | 25
account.css | 7.31 KB | 335 | 47 | 50 | 146 | 30
drawers.css | 6.36 KB | 297 | 38 | 38 | 159 | 32
stats.css | 5.87 KB | 262 | 34 | 36 | 93 | 30
sidebar.css | 5.72 KB | 247 | 30 | 30 | 119 | 24
page.css | 5.07 KB | 231 | 31 | 33 | 92 | 33
waitlist.css | 4.63 KB | 211 | 25 | 25 | 101 | 28
bookings.css | 4.34 KB | 177 | 28 | 28 | 75 | 27
topbar.css | 3.79 KB | 181 | 19 | 19 | 103 | 20
controls.css | 3.32 KB | 149 | 19 | 19 | 79 | 20
demo-banner.css | 2.94 KB | 146 | 19 | 21 | 66 | 9
attentions.css | 2.92 KB | 115 | 15 | 15 | 45 | 15
design-system.css | 2.30 KB | 105 | 20 | 20 | 37 | 20
tabs.css | 2.13 KB | 95 | 11 | 11 | 42 | 19
base.css | 2.06 KB | 119 | 15 | 15 | 47 | 8
utilities.css | 2.03 KB | 119 | 24 | 24 | 44 | 9
notifications.css | 1.67 KB | 70 | 8 | 8 | 27 | 8
app-layout.css | 1.28 KB | 51 | 5 | 5 | 18 | 6

## 🗑️ Unused CSS by File

### design-tokens.css

24 unused rules Original: 7917 | After purge: 7639

Show unused selectors
.is-red
.is-pink
.is-magenta
.is-purple
.is-violet
.is-deep-purple
.is-indigo
.is-blue
.is-light-blue
.is-cyan
.is-teal
.is-green
.is-light-green
.is-lime
.is-yellow
.is-amber
.is-orange
.is-deep-orange
.status-confirmed
.status-pending
.status-inprogress
.status-error
.status-active
.status-inactive

### utilities.css

23 unused rules Original: 1001 | After purge: 784

Show unused selectors
.flex-center
.flex-between
.flex-start
.flex-end
.flex-column
.flex-1
.flex-shrink-0
.text-truncate
.text-center
.text-right
.text-secondary
.text-muted
.text-mono
.gap-2
.gap-3
.gap-4
.gap-6
.gap-8
.mt-auto
.mb-0
.sr-only
.w-full
.min-w-0

### design-system.css

11 unused rules Original: 2095 | After purge: 2056

Show unused selectors
h2
h3
h4
h5
h6
h2
h3
h4
h5
h6
:focus-visible

### components.css

7 unused rules Original: 8905 | After purge: 8780

Show unused selectors
swp-btn.social
swp-btn.social:hover
swp-btn.social img
swp-plan-badge.free
swp-avatar.size-xs
swp-avatar.size-sm
swp-avatar.size-lg

### bookings.css

6 unused rules Original: 3998 | After purge: 3830

Show unused selectors
swp-booking-item.inprogress
swp-booking-indicator.green
swp-booking-status.confirmed
swp-booking-status.pending
swp-booking-status.inprogress
swp-booking-status.in-progress

### attentions.css

5 unused rules Original: 2524 | After purge: 2359

Show unused selectors
swp-attention-item.urgent
swp-attention-item.urgent:hover
swp-attention-item.info
swp-attention-item.urgent swp-attention-icon
swp-attention-item.info swp-attention-icon

### base.css

4 unused rules Original: 1952 | After purge: 1930

Show unused selectors
ul
ol
img
:focus-visible

### stats.css

3 unused rules Original: 6010 | After purge: 5941

Show unused selectors
swp-stat-trend.up
swp-stat-trend.down
swp-stat-card.red swp-stat-value

### account.css

2 unused rules Original: 7277 | After purge: 7225

Show unused selectors
swp-invoice-status.pending
swp-invoice-status.overdue

### drawers.css

1 unused rules Original: 6485 | After purge: 6467

Show unused selectors
[data-drawer="xl"]

### cash.css

1 unused rules Original: 17121 | After purge: 17083

Show unused selectors
swp-cash-stat.user swp-cash-stat-value

### waitlist.css

0 unused rules Original: 4737 | After purge: 4737

✅ No unused CSS found!

### topbar.css

0 unused rules Original: 3885 | After purge: 3885

✅ No unused CSS found!

### tabs.css

0 unused rules Original: 2183 | After purge: 2183

✅ No unused CSS found!

### sidebar.css

0 unused rules Original: 5859 | After purge: 5859

✅ No unused CSS found!

### page.css

0 unused rules Original: 5193 | After purge: 5193

✅ No unused CSS found!

### notifications.css

0 unused rules Original: 1712 | After purge: 1712

✅ No unused CSS found!

### employees.css

0 unused rules Original: 15383 | After purge: 15383

✅ No unused CSS found!

### demo-banner.css

0 unused rules Original: 3014 | After purge: 3014

✅ No unused CSS found!

### controls.css

0 unused rules Original: 3397 | After purge: 3397

✅ No unused CSS found!

### auth.css

0 unused rules Original: 20895 | After purge: 20895

✅ No unused CSS found!

### app-layout.css

0 unused rules Original: 1306 | After purge: 1306

✅ No unused CSS found!

## 💡 Recommendations

- ✅ CSS usage is relatively clean.
- 📦 Consider consolidating similar styles to reduce duplication.
- 🎨 Review color usage - ensure all colors use CSS variables from design-tokens.css.
- 📋 Reference COMPONENT-CATALOG.md when adding new components to avoid duplication.

Report generated: 12.1.2026, 23.25.14