refactor: CSS utility tridy + slouceni badge souboru

- pridano 20 utility trid (flex-1, mb-2, text-right, fw-500, admin-spinner-sm, atd.)
- nahrazeno ~100 opakovanych inline stylu ve 39 JSX souborech
- slouceno leave.css, orders.css, projects.css do admin.css (status badges)
- bundle size: 228.91 -> 228.43 kB (-0.48 kB)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/admin/pages/AttendanceHistory.jsx

@@ -235,8 +235,7 @@ export default function AttendanceHistory() {
 
       {/* Filters */}
       <motion.div
-        className="admin-card"
-        style={{ marginBottom: '1.5rem' }}
+        className="admin-card mb-6"
         initial={{ opacity: 0, y: 20 }}
         animate={{ opacity: 1, y: 0 }}
         transition={{ duration: 0.4, delay: 0.1 }}
@@ -256,8 +255,7 @@ export default function AttendanceHistory() {
 
       {/* Monthly Fund Card */}
       <motion.div
-        className="admin-card"
-        style={{ marginBottom: '1.5rem' }}
+        className="admin-card mb-6"
         initial={{ opacity: 0, y: 20 }}
         animate={{ opacity: 1, y: 0 }}
         transition={{ duration: 0.4, delay: 0.15 }}
@@ -267,7 +265,7 @@ export default function AttendanceHistory() {
             <div className="admin-skeleton" style={{ gap: '0.5rem' }}>
               <div className="admin-skeleton-row" style={{ gap: '1rem' }}>
                 <div className="admin-skeleton-line" style={{ width: '48px', height: '48px', borderRadius: '12px', flexShrink: 0 }} />
-                <div style={{ flex: 1 }}>
+                <div className="flex-1">
                   <div className="admin-skeleton-line w-1/2" style={{ marginBottom: '0.5rem' }} />
                   <div className="admin-skeleton-line w-full" style={{ height: '6px', borderRadius: '3px' }} />
                   <div className="admin-skeleton-line w-1/3" style={{ height: '10px', marginTop: '0.5rem' }} />