/*

 * 5v5.ro - Elite CS2 Gaming Platform

 * Completely redesigned for Romanian gaming community 2024

 * Inspired by: Faceit, Esportal, ESEA + Romanian gaming aesthetics

 */



/* ===== ROOT VARIABLES ===== */

:root {

    /* Primary Colors - Cyan Theme */

    --primary-color: #06b6d4;

    --primary-dark: #0891b2;

    --primary-light: #22d3ee;

    --primary-glow: rgba(6, 182, 212, 0.5);

    --primary-gradient: linear-gradient(135deg, #06b6d4 0%, #0891b2 50%, #06b6d4 100%);

    --primary-gradient-vertical: linear-gradient(180deg, #06b6d4 0%, #0891b2 100%);

    

    /* Secondary Colors - Cyan Accent */

    --secondary-color: #00d4ff;

    --secondary-dark: #00a8cc;

    --secondary-light: #34e0ff;

    --secondary-glow: rgba(0, 212, 255, 0.5);

    --secondary-gradient: linear-gradient(135deg, #00d4ff 0%, #00a8cc 100%);

    

    /* Accent Colors - Electric Red & Yellow */

    --accent-red: #ff3366;

    --accent-red-glow: rgba(255, 51, 102, 0.5);

    --accent-yellow: #ffcc00;

    --accent-purple: #cc00ff;

    --accent-purple-glow: rgba(204, 0, 255, 0.5);

    

    /* Status Colors */

    --success-color: #00ff88;

    --success-glow: rgba(0, 255, 136, 0.4);

    --danger-color: #ff3366;

    --danger-glow: rgba(255, 51, 102, 0.4);

    --warning-color: #ffcc00;

    --warning-glow: rgba(255, 204, 0, 0.4);

    --info-color: #06b6d4;

    --info-glow: rgba(6, 182, 212, 0.4);

    

    /* Skill Level Colors - High Vibrance for Romanian community */

    --skill-bronze: #cd7f32;

    --skill-bronze-glow: rgba(205, 127, 50, 0.5);

    --skill-silver: #c0c0c0;

    --skill-silver-glow: rgba(192, 192, 192, 0.5);

    --skill-gold: #ffd700;

    --skill-gold-glow: rgba(255, 215, 0, 0.5);

    --skill-platinum: #00d4ff;

    --skill-platinum-glow: rgba(0, 212, 255, 0.5);

    --skill-diamond: #ff3366;

    --skill-diamond-glow: rgba(255, 51, 102, 0.5);

    --skill-elite: #cc00ff;

    --skill-elite-glow: rgba(204, 0, 255, 0.6);

    

    /* Backgrounds - Playzeek Style (Lighter, warmer) */

    --bg-darkest: #0f1419;

    --bg-darker: #1a1f2e;

    --bg-dark: #252b3a;

    --bg-card: #2d3441;

    --bg-card-hover: #353b4a;

    --bg-elevated: #3d4451;

    --bg-glass: rgba(45, 52, 65, 0.8);

    --bg-glass-light: rgba(255, 255, 255, 0.08);

    --bg-overlay: rgba(15, 20, 25, 0.9);

    

    /* Text Colors - High Contrast */

    --text-primary: #ffffff;

    --text-secondary: #b8b9c4;

    --text-muted: #6b6c7e;

    --text-disabled: #3d3d4e;

    

    /* Borders */

    --border-color: rgba(255, 255, 255, 0.08);

    --border-hover: rgba(251, 191, 36, 0.3);

    --border-focus: rgba(251, 191, 36, 0.6);

    --border-light: rgba(255, 255, 255, 0.15);

    

    /* Shadows - Enhanced with Glows */

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);

    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);

    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);

    --shadow-xl: 0 12px 48px rgba(0, 0, 0, 0.7);

    --shadow-glow-yellow: 0 0 20px var(--primary-glow);

    --shadow-glow-orange: 0 0 20px var(--secondary-glow);

    --shadow-glow-red: 0 0 20px var(--accent-red-glow);

    

    /* Spacing */

    --spacing-xs: 0.25rem;

    --spacing-sm: 0.5rem;

    --spacing-md: 1rem;

    --spacing-lg: 1.5rem;

    --spacing-xl: 2rem;

    --spacing-2xl: 3rem;

    --spacing-3xl: 4rem;

    

    /* Border Radius - More modern, less rounded */

    --radius-sm: 4px;

    --radius-md: 6px;

    --radius-lg: 8px;

    --radius-xl: 12px;

    --radius-full: 9999px;

    

    /* Transitions - Snappier for gaming feel */

    --transition-instant: 100ms ease;

    --transition-fast: 200ms cubic-bezier(0.4, 0, 0.2, 1);

    --transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);

    --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);

    --transition-bounce: 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

    

    /* Z-Index Scale */

    --z-below: -1;

    --z-normal: 1;

    --z-dropdown: 100;

    --z-sticky: 200;

    --z-fixed: 300;

    --z-modal-backdrop: 400;

    --z-modal: 500;

    --z-popover: 600;

    --z-tooltip: 700;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== RESET & BASE ===== */

*,

*::before,

*::after {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}



/* Notification badge for quick actions */

.notification-badge {

    background: #ef4444;

    color: white;

    border-radius: 10px;

    padding: 0.125rem 0.375rem;

    font-size: 0.75rem;

    font-weight: 700;

    margin-left: 0.5rem;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 18px;

    height: 18px;

}



/* Screenshot report button styling - Ultra-enhanced theme matching */

.btn-report {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 0.5rem;

    padding: 0.75rem 1.25rem;

    background: linear-gradient(135deg, #ef4444, #f87171, #dc2626);

    background-size: 200% 200%;

    color: white;

    border: none;

    border-radius: var(--radius-xl);

    font-size: 0.85rem;

    font-weight: 800;

    cursor: pointer;

    transition: all var(--transition-smooth);

    text-transform: uppercase;

    letter-spacing: 1px;

    box-shadow:

        0 6px 20px rgba(239, 68, 68, 0.4),

        0 3px 10px rgba(0, 0, 0, 0.15),

        inset 0 1px 0 rgba(255, 255, 255, 0.1);

    position: relative;

    overflow: hidden;

    backdrop-filter: blur(15px);

    -webkit-backdrop-filter: blur(15px);

    animation: gentlePulse 3s ease-in-out infinite;

}



@keyframes gentlePulse {

    0%, 100% {

        box-shadow:

            0 6px 20px rgba(239, 68, 68, 0.4),

            0 3px 10px rgba(0, 0, 0, 0.15),

            inset 0 1px 0 rgba(255, 255, 255, 0.1);

    }

    50% {

        box-shadow:

            0 8px 25px rgba(239, 68, 68, 0.6),

            0 4px 15px rgba(0, 0, 0, 0.2),

            inset 0 1px 0 rgba(255, 255, 255, 0.15);

    }

}



.btn-report::before {

    content: '';

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg,

        transparent,

        rgba(255, 255, 255, 0.3),

        rgba(255, 255, 255, 0.1),

        transparent);

    transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);

    z-index: 1;

}



.btn-report::after {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    width: 0;

    height: 0;

    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);

    border-radius: 50%;

    transform: translate(-50%, -50%);

    transition: width 0.6s ease, height 0.6s ease;

    z-index: 1;

}



.btn-report:hover::before {

    left: 100%;

}



.btn-report:hover::after {

    width: 120%;

    height: 120%;

}



.btn-report:hover {

    background-position: right center;

    transform: translateY(-3px) scale(1.05);

    box-shadow:

        0 12px 35px rgba(239, 68, 68, 0.6),

        0 6px 20px rgba(0, 0, 0, 0.25),

        inset 0 1px 0 rgba(255, 255, 255, 0.2);

    color: white;

    animation-play-state: paused;

}



.btn-report:active {

    transform: translateY(-2px) scale(1.03);

    box-shadow:

        0 8px 25px rgba(239, 68, 68, 0.5),

        0 4px 15px rgba(0, 0, 0, 0.2),

        inset 0 1px 0 rgba(255, 255, 255, 0.1);

    transition-duration: 0.1s;

}



.btn-report span {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 0.5rem;

}



.btn-report svg {

    width: 18px;

    height: 18px;

    flex-shrink: 0;

    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.4));

    position: relative;

    z-index: 2;

    transition: transform var(--transition-fast);

}



.btn-report:hover svg {

    transform: scale(1.1) rotate(5deg);

}



/* Modal close button styling */

.modal-close:hover {

    background: rgba(239, 68, 68, 0.2) !important;

    color: #ef4444 !important;

    transform: scale(1.1);

}



/* Screenshot overlay styling */

.screenshot-overlay {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    background: linear-gradient(transparent, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.95));

    padding: 1.25rem;

    opacity: 0;

    transition: all var(--transition-smooth);

    transform: translateY(10px);

}



.screenshot-thumb:hover .screenshot-overlay {

    opacity: 1;

    transform: translateY(0);

}



.screenshot-actions {

    display: flex;

    justify-content: flex-end;

    gap: 0.75rem;

    align-items: center;

}



/* Screenshot info styling */

.screenshot-info {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 0.75rem;

    color: rgba(255, 255, 255, 0.9);

}



.screenshot-date {

    font-size: 0.75rem;

    font-weight: 500;

    opacity: 0.8;

}



.screenshot-badge {

    font-size: 0.7rem;

    font-weight: 700;

    background: linear-gradient(135deg, #06b6d4, #00d4ff);

    color: white;

    padding: 0.25rem 0.5rem;

    border-radius: var(--radius-sm);

    text-transform: uppercase;

    letter-spacing: 0.5px;

}



html {

    scroll-behavior: smooth;

    font-size: 16px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

body {

    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;

    background: var(--bg-darkest);

    color: var(--text-primary);

    line-height: 1.6;

    overflow-x: hidden;

    position: relative;

    min-height: 100vh;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Performance optimizations */

* {

    will-change: auto;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.animate-in {

    animation: fadeInUp 0.4s ease forwards;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Dynamic Animated Background - Playzeek Style (Yellow/Orange) - Optimized */

body::before {

    content: '';

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: 

        radial-gradient(circle at 15% 20%, rgba(251, 191, 36, 0.12) 0%, transparent 40%),

        radial-gradient(circle at 85% 80%, rgba(255, 107, 53, 0.1) 0%, transparent 45%),

        radial-gradient(circle at 50% 50%, rgba(245, 158, 11, 0.08) 0%, transparent 50%);

    z-index: var(--z-below);

    /* Animation removed for performance */

    pointer-events: none;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Grid Pattern Overlay - Playzeek Style */

/* Grid background removed for better performance */



@keyframes backgroundPulse {

    0%, 100% { 

        opacity: 1;

        transform: scale(1);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    25% {

        opacity: 0.8;

        transform: scale(1.05) rotate(1deg);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    50% {

        opacity: 1;

        transform: scale(1) rotate(0deg);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    75% {

        opacity: 0.9;

        transform: scale(1.03) rotate(-1deg);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== UTILITY CLASSES ===== */

.container {

    max-width: 1400px;

    margin: 0 auto;

    padding: 0 var(--spacing-lg);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Account for sidebar when logged in - using JavaScript class instead of :has for better compatibility */

body.sidebar-visible {

    overflow-x: hidden;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Desktop (>992px): Apply margin-right to main content elements to make room for sidebar */

@media (min-width: 993px) {

    /* Target main element - highest specificity */

    body.sidebar-visible main {

        margin-right: 280px !important;

        transition: margin-right 0.3s ease;

        box-sizing: border-box;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

    /* For sections that are direct children of body (like home-hero) */

    body.sidebar-visible > section {

        margin-right: 280px !important;

        transition: margin-right 0.3s ease;

        box-sizing: border-box;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

    /* For divs that are direct children of body (common page wrapper) - but exclude sidebar and overlays */

    body.sidebar-visible > div:not(.user-sidebar):not(.sidebar-overlay):not(.toast-container) {

        margin-right: 280px !important;

        transition: margin-right 0.3s ease;

        box-sizing: border-box;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

    /* Also target common page wrapper classes */

    body.sidebar-visible .gathers-page,

    body.sidebar-visible .gather-lobby-page,

    body.sidebar-visible .home-hero,

    body.sidebar-visible .page-wrapper,

    body.sidebar-visible .anticheat-download-page,

    body.sidebar-visible .anticheat-hero {

        margin-right: 280px !important;

        transition: margin-right 0.3s ease;

        box-sizing: border-box;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    body.sidebar-visible.sidebar-collapsed .gathers-page,

    body.sidebar-visible.sidebar-collapsed .gather-lobby-page,

    body.sidebar-visible.sidebar-collapsed .home-hero,

    body.sidebar-visible.sidebar-collapsed .page-wrapper,

    body.sidebar-visible.sidebar-collapsed .anticheat-download-page,

    body.sidebar-visible.sidebar-collapsed .anticheat-hero {

        margin-right: 0px !important;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

    /* Container elements should not have margin, but should respect max-width */

    body.sidebar-visible .container {

        margin-right: 0;

        max-width: 100%;

        transition: max-width 0.3s ease;

        box-sizing: border-box;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

    /* Ensure full-width elements also respect sidebar */

    body.sidebar-visible main > *,

    body.sidebar-visible section > * {

        max-width: 100%;

        box-sizing: border-box;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

    /* When sidebar is collapsed, use smaller margin */

    body.sidebar-collapsed main {

        margin-right: 60px !important;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

    body.sidebar-collapsed > section {

        margin-right: 60px !important;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

    body.sidebar-collapsed > div:not(.user-sidebar):not(.sidebar-overlay):not(.toast-container) {

        margin-right: 60px !important;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

    body.sidebar-collapsed .gathers-page,

    body.sidebar-collapsed .gather-lobby-page,

    body.sidebar-collapsed .home-hero,

    body.sidebar-collapsed .page-wrapper {

        margin-right: 60px !important;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Tablet and Mobile (<=992px): Sidebar becomes overlay, no margin on content */

@media (max-width: 992px) {

    body.sidebar-visible main {

        margin-right: 0 !important;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    body.sidebar-visible .container {

        max-width: 100% !important;

        padding-right: var(--spacing-lg);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    body.sidebar-visible > section {

        margin-right: 0 !important;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.flex {

    display: flex;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.flex-col {

    flex-direction: column;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.items-center {

    align-items: center;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.justify-between {

    justify-content: space-between;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.gap-sm { gap: var(--spacing-sm); }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.gap-md { gap: var(--spacing-md); }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.gap-lg { gap: var(--spacing-lg); }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== STEAM BUTTONS ===== */

.btn-steam {

    background: linear-gradient(135deg, #171a21, #1b2838) !important;

    border: 1px solid rgba(103, 193, 245, 0.3) !important;

    color: #67c1f5 !important;

    font-weight: 600 !important;

    display: inline-flex !important;

    align-items: center !important;

    gap: 0.5rem !important;

    text-decoration: none !important;

    transition: all 0.3s ease !important;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-steam:hover {

    background: linear-gradient(135deg, #1b2838, #2a475e) !important;

    border-color: rgba(103, 193, 245, 0.6) !important;

    color: #67c1f5 !important;

    box-shadow: 0 4px 16px rgba(103, 193, 245, 0.3) !important;

    transform: translateY(-2px) !important;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-steam img {

    height: 20px;

    width: auto;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* New Dark Gray Steam Login Button - Matches Header Style */

.btn-steam-login {

    display: inline-flex;

    align-items: center;

    gap: 0.6rem;

    padding: 0.75rem 1.4rem;

    background: #2a2d35;

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 6px;

    text-decoration: none;

    transition: all 0.3s ease;

    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    font-weight: 500;

    font-size: 0.95rem;

    color: #b8b6b4;

    cursor: pointer;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-steam-login:hover {

    background: #32353d;

    border-color: rgba(255, 255, 255, 0.2);

    color: #dcdedf;

    transform: translateY(-1px);

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-steam-login img {

    height: 22px;

    width: auto;

    display: block;

    filter: brightness(0.9);

    transition: filter 0.3s ease;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-steam-login:hover img {

    filter: brightness(1);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-steam-login-large {

    padding: 1rem 1.8rem;

    font-size: 1.1rem;

    gap: 0.75rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-steam-login-large img {

    height: 28px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== NAVIGATION ===== */

.navbar {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: var(--z-fixed);

    background: rgba(10, 10, 15, 0.95);

    backdrop-filter: blur(24px) saturate(200%);

    border-bottom: 1px solid var(--border-color);

    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4), 0 0 1px var(--primary-glow);

    /* Animation removed for performance */

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes navSlideDown {

    from {

        transform: translateY(-100%);

        opacity: 0;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    to {

        transform: translateY(0);

        opacity: 1;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.nav-container {

    display: flex;

    justify-content: space-between;

    align-items: center;

    max-width: 1400px;

    margin: 0 auto;

    padding: var(--spacing-md) var(--spacing-lg);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.nav-brand {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    text-decoration: none;

    position: relative;

    transition: all var(--transition-fast);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.nav-brand:hover {

    transform: translateY(-2px);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.nav-logo {

    font-size: 2rem;

    font-weight: 900;

    letter-spacing: -0.02em;

    background: var(--primary-gradient);

    background-size: 200% 200%;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    /* Animation removed for performance */

    text-shadow: 0 0 30px var(--primary-glow);

    position: relative;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.nav-logo::after {

    content: '.RO';

    font-size: 0.6em;

    position: absolute;

    right: -1.8em;

    top: 0.1em;

    background: var(--secondary-gradient);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    /* Animation removed for performance */

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes logoGlow {

    0%, 100% {

        background-position: 0% 50%;

        filter: brightness(1);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    50% {

        background-position: 100% 50%;

        filter: brightness(1.3);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.nav-menu {

    display: flex;

    gap: var(--spacing-lg);

    align-items: center;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Old nav-link styles removed - using .nav-btn instead (PlayZeek style) */



/* ===== BUTTONS ===== */

.btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: var(--spacing-sm);

    padding: var(--spacing-sm) var(--spacing-lg);

    border-radius: var(--radius-md);

    font-weight: 700;

    font-size: 0.9rem;

    text-decoration: none;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    border: none;

    cursor: pointer;

    transition: all var(--transition-fast);

    position: relative;

    overflow: hidden;

    white-space: nowrap;

    z-index: 1;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    width: 0;

    height: 0;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.3);

    transform: translate(-50%, -50%);

    transition: width var(--transition-normal), height var(--transition-normal);

    z-index: -1;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn:active::before {

    width: 400px;

    height: 400px;

    transition: width 0.1s, height 0.1s;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-primary {

    background: var(--primary-gradient);

    background-size: 200% 200%;

    color: var(--text-primary);

    border: 2px solid transparent;

    box-shadow: var(--shadow-glow-blue), var(--shadow-md);

    /* Animation removed for performance - use static gradient */

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Removed for performance */



.btn-primary:hover {

    transform: translateY(-3px);

    box-shadow: 0 0 30px var(--primary-glow), var(--shadow-lg);

    border-color: var(--primary-light);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-primary:active {

    transform: translateY(-1px);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-secondary {

    background: transparent;

    color: var(--text-primary);

    border: 2px solid var(--primary-color);

    box-shadow: inset 0 0 0 var(--primary-color), var(--shadow-sm);

    transition: all var(--transition-fast);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-secondary:hover {

    background: var(--primary-color);

    color: var(--bg-darkest);

    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.2), 

                0 0 20px var(--primary-glow),

                var(--shadow-md);

    transform: translateY(-3px);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-secondary:active {

    transform: translateY(-1px);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-success {

    background: var(--secondary-gradient);

    background-size: 200% 200%;

    color: var(--bg-darkest);

    border: 2px solid transparent;

    box-shadow: var(--shadow-glow-green), var(--shadow-md);

    /* Animation removed for performance - use static gradient */

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-success:hover {

    transform: translateY(-3px);

    box-shadow: 0 0 30px var(--secondary-glow), var(--shadow-lg);

    border-color: var(--secondary-light);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-danger {

    background: linear-gradient(135deg, var(--accent-red), #ff5588);

    color: var(--text-primary);

    border: 2px solid transparent;

    box-shadow: var(--shadow-glow-red), var(--shadow-md);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-danger:hover {

    transform: translateY(-3px);

    box-shadow: 0 0 30px var(--accent-red-glow), var(--shadow-lg);

    border-color: #ff5588;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-large {

    padding: var(--spacing-md) var(--spacing-2xl);

    font-size: 1.1rem;

    border-radius: var(--radius-lg);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-small {

    padding: var(--spacing-xs) var(--spacing-md);

    font-size: 0.8rem;

    font-weight: 600;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-icon {

    padding: var(--spacing-sm);

    border-radius: var(--radius-md);

    width: 40px;

    height: 40px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== HERO SECTION ===== */

.hero {

    min-height: 100vh;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    margin-top: 70px;

    padding: var(--spacing-3xl) 0;

    overflow: hidden;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.hero::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 120%;

    height: 120%;

    background: 

        radial-gradient(circle at center, rgba(0, 212, 255, 0.2) 0%, transparent 50%),

        radial-gradient(circle at 80% 20%, rgba(0, 255, 136, 0.15) 0%, transparent 40%),

        radial-gradient(circle at 20% 80%, rgba(255, 51, 102, 0.15) 0%, transparent 40%);

    animation: heroGlow 10s ease-in-out infinite;

    z-index: var(--z-below);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Removed for performance */



.hero::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 200px;

    background: linear-gradient(to top, var(--bg-darker), transparent);

    z-index: var(--z-below);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.hero-content {

    text-align: center;

    z-index: var(--z-normal);

    /* Animation removed for performance */

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes heroFadeIn {

    from {

        opacity: 0;

        transform: translateY(50px) scale(0.9);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    to {

        opacity: 1;

        transform: translateY(0) scale(1);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.hero-title {

    font-size: 5rem;

    font-weight: 900;

    margin-bottom: var(--spacing-lg);

    line-height: 1.1;

    letter-spacing: -0.03em;

    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 50%, var(--primary-color) 100%);

    background-size: 200% 200%;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    /* Animation removed for performance */

    text-shadow: 0 0 80px var(--primary-glow);

    position: relative;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.hero-title::after {

    content: '';

    position: absolute;

    bottom: -10px;

    left: 50%;

    transform: translateX(-50%);

    width: 100px;

    height: 4px;

    background: var(--primary-gradient);

    box-shadow: 0 0 20px var(--primary-glow);

    border-radius: var(--radius-full);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes heroTitleGlow {

    0%, 100% {

        background-position: 0% 50%;

        filter: brightness(1) drop-shadow(0 0 40px var(--primary-glow));

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    50% {

        background-position: 100% 50%;

        filter: brightness(1.3) drop-shadow(0 0 60px var(--primary-glow));

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.hero-subtitle {

    font-size: 1.4rem;

    color: var(--text-secondary);

    margin-bottom: var(--spacing-2xl);

    max-width: 700px;

    margin-left: auto;

    margin-right: auto;

    line-height: 1.7;

    font-weight: 400;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.hero-actions {

    display: flex;

    gap: var(--spacing-lg);

    justify-content: center;

    flex-wrap: wrap;

    margin-bottom: var(--spacing-2xl);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== SKILL LEVEL BADGE ===== */

.skill-level {

    display: inline-flex;

    align-items: center;

    gap: var(--spacing-sm);

    padding: var(--spacing-xs) var(--spacing-md);

    border-radius: var(--radius-full);

    background: var(--bg-card);

    border: 2px solid;

    font-weight: 700;

    font-size: 0.875rem;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    box-shadow: var(--shadow-md);

    transition: all var(--transition-fast);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-level:hover {

    transform: translateY(-2px) scale(1.05);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-level-icon {

    width: 24px;

    height: 24px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 900;

    font-size: 0.75rem;

    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-level-1, .skill-level-2 { 

    border-color: var(--skill-bronze);

    color: var(--skill-bronze);

    box-shadow: 0 0 15px var(--skill-bronze-glow), var(--shadow-md);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.skill-level-1 .skill-level-icon, .skill-level-2 .skill-level-icon {

    background: linear-gradient(135deg, var(--skill-bronze), #e8a25f);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-level-3, .skill-level-4 { 

    border-color: var(--skill-silver);

    color: var(--skill-silver);

    box-shadow: 0 0 15px var(--skill-silver-glow), var(--shadow-md);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.skill-level-3 .skill-level-icon, .skill-level-4 .skill-level-icon {

    background: linear-gradient(135deg, var(--skill-silver), #d9d9d9);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-level-5, .skill-level-6 { 

    border-color: var(--skill-gold);

    color: var(--skill-gold);

    box-shadow: 0 0 15px var(--skill-gold-glow), var(--shadow-md);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.skill-level-5 .skill-level-icon, .skill-level-6 .skill-level-icon {

    background: linear-gradient(135deg, var(--skill-gold), #ffeb3b);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-level-7, .skill-level-8 { 

    border-color: var(--skill-platinum);

    color: var(--skill-platinum);

    box-shadow: 0 0 15px var(--skill-platinum-glow), var(--shadow-md);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.skill-level-7 .skill-level-icon, .skill-level-8 .skill-level-icon {

    background: linear-gradient(135deg, var(--skill-platinum), var(--primary-light));

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-level-9 { 

    border-color: var(--skill-diamond);

    color: var(--skill-diamond);

    box-shadow: 0 0 15px var(--skill-diamond-glow), var(--shadow-md);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.skill-level-9 .skill-level-icon {

    background: linear-gradient(135deg, var(--skill-diamond), #ff6699);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-level-10 { 

    border-color: var(--skill-elite);

    color: var(--skill-elite);

    box-shadow: 0 0 20px var(--skill-elite-glow), var(--shadow-md);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.skill-level-10 .skill-level-icon {

    background: linear-gradient(135deg, var(--skill-elite), var(--accent-purple));

    animation: eliteGlow 2s ease-in-out infinite;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes eliteGlow {

    0%, 100% { box-shadow: 0 0 10px var(--skill-elite-glow); }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    50% { box-shadow: 0 0 20px var(--skill-elite-glow); }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== CARDS ===== */

.card {

    background: var(--bg-card);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-lg);

    padding: var(--spacing-xl);

    backdrop-filter: blur(12px);

    transition: all var(--transition-normal);

    position: relative;

    overflow: hidden;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.card::before {

    content: '';

    position: absolute;

    inset: 0;

    background: linear-gradient(135deg, var(--primary-color) 0%, transparent 50%);

    opacity: 0;

    transition: opacity var(--transition-normal);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.card:hover {

    border-color: var(--border-hover);

    transform: translateY(-6px) scale(1.02);

    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 

                0 0 0 1px var(--primary-color),

                0 0 30px var(--primary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.card:hover::before {

    opacity: 0.05;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.card-glass {

    background: var(--bg-glass);

    backdrop-filter: blur(24px) saturate(200%);

    border: 1px solid rgba(255, 255, 255, 0.1);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.card-gradient {

    position: relative;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.card-gradient::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 3px;

    background: var(--primary-gradient);

    box-shadow: 0 0 10px var(--primary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== STATS CARD ===== */

.stats-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-lg);

    margin: var(--spacing-2xl) 0;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-card {

    background: var(--bg-card);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-lg);

    padding: var(--spacing-xl);

    text-align: center;

    position: relative;

    overflow: hidden;

    transition: all var(--transition-normal);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-card::before {

    content: '';

    position: absolute;

    inset: 0;

    background: radial-gradient(circle at center, var(--primary-color) 0%, transparent 70%);

    opacity: 0;

    transition: opacity var(--transition-normal);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-card:hover::before {

    opacity: 0.1;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-card:hover {

    border-color: var(--primary-color);

    transform: translateY(-8px) scale(1.03);

    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6),

                0 0 0 1px var(--primary-color),

                0 0 30px var(--primary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-icon {

    width: 64px;

    height: 64px;

    border-radius: var(--radius-lg);

    background: var(--primary-gradient);

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 2rem;

    margin: 0 auto var(--spacing-md);

    box-shadow: 0 8px 24px var(--primary-glow), var(--shadow-md);

    transition: all var(--transition-normal);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-card:hover .stat-icon {

    transform: scale(1.1) rotate(5deg);

    box-shadow: 0 12px 32px var(--primary-glow), var(--shadow-lg);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-value {

    font-size: 2.5rem;

    font-weight: 900;

    margin-bottom: var(--spacing-xs);

    background: var(--primary-gradient-vertical);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-label {

    color: var(--text-secondary);

    font-size: 0.9rem;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== MATCH CARD ===== */

.match-card {

    background: var(--bg-card);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-lg);

    padding: var(--spacing-xl);

    transition: all var(--transition-normal);

    position: relative;

    overflow: hidden;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-card::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 4px;

    background: var(--border-color);

    transition: all var(--transition-normal);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-card:hover::before {

    background: var(--primary-gradient);

    width: 6px;

    box-shadow: 0 0 15px var(--primary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-card:hover {

    border-color: var(--border-hover);

    transform: translateX(4px);

    box-shadow: var(--shadow-lg);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-card.live::before {

    background: var(--accent-red);

    animation: livePulse 2s ease-in-out infinite;

    box-shadow: 0 0 20px var(--accent-red-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes livePulse {

    0%, 100% { 

        opacity: 1; 

        width: 4px;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    50% { 

        opacity: 0.6;

        width: 6px;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: var(--spacing-lg);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-status {

    display: inline-flex;

    align-items: center;

    gap: var(--spacing-xs);

    padding: var(--spacing-xs) var(--spacing-md);

    border-radius: var(--radius-full);

    font-size: 0.75rem;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    border: 2px solid;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-status.live {

    background: rgba(255, 51, 102, 0.15);

    color: var(--accent-red);

    border-color: var(--accent-red);

    box-shadow: 0 0 15px var(--accent-red-glow);

    animation: statusPulse 2s ease-in-out infinite;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes statusPulse {

    0%, 100% { box-shadow: 0 0 15px var(--accent-red-glow); }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    50% { box-shadow: 0 0 25px var(--accent-red-glow); }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-status.finished {

    background: rgba(0, 255, 136, 0.15);

    color: var(--secondary-color);

    border-color: var(--secondary-color);

    box-shadow: 0 0 10px var(--secondary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-status.upcoming {

    background: rgba(0, 212, 255, 0.15);

    color: var(--primary-color);

    border-color: var(--primary-color);

    box-shadow: 0 0 10px var(--primary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-teams {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: var(--spacing-lg);

    margin: var(--spacing-lg) 0;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-team {

    flex: 1;

    text-align: center;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-team-name {

    font-weight: 700;

    font-size: 1.1rem;

    margin-bottom: var(--spacing-xs);

    color: var(--text-primary);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-score {

    font-size: 2.5rem;

    font-weight: 900;

    background: var(--primary-gradient);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    text-shadow: 0 0 20px var(--primary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-vs {

    font-size: 1rem;

    font-weight: 700;

    color: var(--text-muted);

    text-transform: uppercase;

    letter-spacing: 2px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== LOADING SPINNER ===== */

.loading {

    display: inline-block;

    width: 48px;

    height: 48px;

    border: 4px solid var(--border-color);

    border-top-color: var(--primary-color);

    border-right-color: var(--secondary-color);

    border-radius: 50%;

    animation: spinGlow 1s linear infinite;

    box-shadow: 0 0 20px var(--primary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes spinGlow {

    0% { 

        transform: rotate(0deg);

        box-shadow: 0 0 20px var(--primary-glow);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    50% {

        box-shadow: 0 0 30px var(--secondary-glow);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    100% { 

        transform: rotate(360deg);

        box-shadow: 0 0 20px var(--primary-glow);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== TOAST NOTIFICATIONS ===== */

.toast-container,

div.toast-container,

[class*="toast-container"] {

    position: fixed !important;

    top: 60px !important;

    bottom: auto !important;

    left: 1.5rem !important;

    right: auto !important;

    z-index: 1001 !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 0.5rem !important;

    max-width: 280px !important;

    align-items: flex-start !important;

    transform: none !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Adjust toast position when sidebar is visible on desktop */

@media (min-width: 993px) {

    body.sidebar-visible .toast-container,

    body.sidebar-visible div.toast-container {

        top: 60px !important;

        bottom: auto !important;

        left: calc(280px + 1.5rem) !important;

        right: auto !important;

        transition: left 0.3s ease;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Override any inline styles that might position toasts on the right */

.toast-container[style*="right"],

.toast-container[style*="bottom"] {

    top: 60px !important;

    bottom: auto !important;

    right: auto !important;

    left: 1.5rem !important;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast {

    background: rgba(15, 20, 30, 0.98);

    backdrop-filter: blur(20px) saturate(180%);

    -webkit-backdrop-filter: blur(20px) saturate(180%);

    border: 1px solid rgba(6, 182, 212, 0.2);

    border-radius: 12px;

    padding: 0.75rem 1rem;

    min-width: 220px;

    max-width: 280px;

    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 1px rgba(6, 182, 212, 0.3);

    animation: slideInLeft 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;

    align-items: center;

    gap: 0.75rem;

    position: relative;

    overflow: hidden;

    transition: all 0.3s ease;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 4px;

    background: linear-gradient(180deg, #06b6d4, #00d4ff);

    border-radius: 12px 0 0 12px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast:hover {

    transform: translateX(4px);

    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 2px rgba(6, 182, 212, 0.5);

    border-color: rgba(6, 182, 212, 0.4);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes slideInLeft {

    from {

        transform: translateX(-100%);

        opacity: 0;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    to {

        transform: translateX(0);

        opacity: 1;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast > div {

    display: flex;

    align-items: center;

    gap: 0.75rem;

    width: 100%;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast > div > span:first-child {

    font-size: 1.5rem;

    line-height: 1;

    flex-shrink: 0;

    filter: drop-shadow(0 0 8px currentColor);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast > div > span:last-child {

    flex: 1;

    color: rgba(255, 255, 255, 0.95);

    font-size: 0.9rem;

    font-weight: 500;

    line-height: 1.4;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast-success {

    border-left-color: rgba(16, 185, 129, 0.4);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast-success::before {

    background: linear-gradient(180deg, #10b981, #34d399);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast-success > div > span:first-child {

    color: #10b981;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast-error {

    border-left-color: rgba(239, 68, 68, 0.4);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast-error::before {

    background: linear-gradient(180deg, #ef4444, #f87171);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast-error > div > span:first-child {

    color: #ef4444;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast-info {

    border-left-color: rgba(6, 182, 212, 0.4);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast-info::before {

    background: linear-gradient(180deg, #06b6d4, #00d4ff);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast-info > div > span:first-child {

    color: #06b6d4;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast-warning {

    border-left-color: rgba(251, 191, 36, 0.4);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast-warning::before {

    background: linear-gradient(180deg, #fbbf24, #fcd34d);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.toast-warning > div > span:first-child {

    color: #fbbf24;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== FOOTER ===== */

.footer {

    background: var(--bg-darker);

    border-top: 1px solid var(--border-color);

    padding: var(--spacing-2xl) 0;

    margin-top: var(--spacing-2xl);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.footer-content {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-xl);

    margin-bottom: var(--spacing-xl);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.footer-section h3 {

    margin-bottom: var(--spacing-md);

    color: var(--text-primary);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.footer-section a {

    display: block;

    color: var(--text-secondary);

    text-decoration: none;

    margin-bottom: var(--spacing-sm);

    transition: color var(--transition-fast);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.footer-section a:hover {

    color: #ff6b35;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.footer-bottom {

    text-align: center;

    padding-top: var(--spacing-xl);

    border-top: 1px solid var(--border-color);

    color: var(--text-muted);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {

    .hero-title {

        font-size: 2.5rem;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .hero-subtitle {

        font-size: 1.1rem;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .nav-menu {

        gap: var(--spacing-md);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .stats-grid {

        grid-template-columns: 1fr;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .hero-actions {

        flex-direction: column;

        align-items: stretch;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .btn {

        width: 100%;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== ANIMATIONS ===== */

@keyframes fadeIn {

    from { opacity: 0; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    to { opacity: 1; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes scaleIn {

    from {

        opacity: 0;

        transform: scale(0.9);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    to {

        opacity: 1;

        transform: scale(1);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.animate-fade-in {

    animation: fadeIn 0.5s ease;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.animate-scale-in {

    animation: scaleIn 0.3s ease;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== PREMIUM BADGE ===== */

.premium-badge {

    display: inline-flex;

    align-items: center;

    gap: var(--spacing-xs);

    padding: var(--spacing-xs) var(--spacing-sm);

    background: linear-gradient(135deg, #ffd700, #ffed4e);

    color: #000;

    border-radius: var(--radius-full);

    font-weight: 700;

    font-size: 0.75rem;

    text-transform: uppercase;

    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.premium-badge::before {

    content: '⭐';

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== BATTERY-STYLE SKILL INDICATOR ===== */

/* 

 * Color progression: orange → yellow → green → blue → red → black

 * Each rank has 3 segments (300 points per rank, 100 points per segment)

 * Ranks: 1-Orange, 2-Yellow, 3-Green, 4-Blue, 5-Red, 6-Black

 */

.skill-battery {

    display: inline-flex;

    align-items: center;

    gap: 0.5rem;

    margin-right: 0px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-battery-container {

    display: flex;

    align-items: center;

    gap: 3px;

    padding: 4px 3px;

    background: rgba(200, 200, 200, 0.98);

    border-radius: 6px;

    border: 3px solid #0a0a0a;

    position: relative;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.1);

    transform: scale(0.56);

    transform-origin: center center;

    margin-right: 0px;

    margin-left: 0px;

    width: 71px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Removed battery bump on right side for smooth appearance */



.skill-battery-segment {

    width: 24px;

    height: 36px;

    background: rgba(160, 160, 160, 0.9);

    border-radius: 3px;

    transition: all var(--transition-normal);

    position: relative;

    overflow: hidden;

    flex: 1;

    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-battery-segment.filled {

    /* Filled segments are colored based on rank - colors set via inline styles */

    position: relative;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-battery-segment.filled::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 50%;

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));

    pointer-events: none;

    z-index: 1;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-battery-segment.unfilled {

    background: rgba(140, 140, 140, 0.95);

    position: relative;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-battery-segment.unfilled::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 50%;

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));

    pointer-events: none;

    z-index: 1;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Rank colors - colors are now set via inline styles to prevent any glow effects */



.skill-battery-info {

    display: flex;

    flex-direction: column;

    gap: 0;

    flex: 1;

    min-width: 0;

    align-items: flex-start;

    text-align: left;

    padding-left: 8px;

    padding-right: 5px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-battery-rank {

    font-size: 0.7rem;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    white-space: nowrap;

    flex-shrink: 0;

    padding-bottom: 0.35rem;

    border-bottom: 1px solid rgba(255, 255, 255, 0.15);

    margin-bottom: 0.25rem;

    text-align: left;

    width: 100%;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-battery.rank-1 .skill-battery-rank,

.skill-battery.rank-2 .skill-battery-rank,

.skill-battery.rank-3 .skill-battery-rank { color: #ffb3ba; } /* Mini Bat roz */



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.skill-battery.rank-4 .skill-battery-rank,

.skill-battery.rank-5 .skill-battery-rank,

.skill-battery.rank-6 .skill-battery-rank { color: #ff8c42; } /* Mini Bat portocaliu */



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.skill-battery.rank-7 .skill-battery-rank,

.skill-battery.rank-8 .skill-battery-rank,

.skill-battery.rank-9 .skill-battery-rank { color: #ffff99; } /* Mini Bat galben */



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.skill-battery.rank-10 .skill-battery-rank,

.skill-battery.rank-11 .skill-battery-rank,

.skill-battery.rank-12 .skill-battery-rank { color: #90ee90; } /* Mini Bat Verde */



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.skill-battery.rank-13 .skill-battery-rank,

.skill-battery.rank-14 .skill-battery-rank,

.skill-battery.rank-15 .skill-battery-rank { color: #87ceeb; } /* Mini Bat albastru */



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.skill-battery.rank-16 .skill-battery-rank,

.skill-battery.rank-17 .skill-battery-rank,

.skill-battery.rank-18 .skill-battery-rank { color: #ff6b6b; } /* Mini Bat rosu */



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Black ranks (19, 20, 21) - with glow for visibility on dark backgrounds */

.skill-battery.rank-19 .skill-battery-rank,

.skill-battery.rank-20 .skill-battery-rank,

.skill-battery.rank-21 .skill-battery-rank {

    color: #2c2c2c !important; /* Mini Bat negru */

    text-shadow:

        0 0 8px rgba(44, 44, 44, 0.6),

        0 0 16px rgba(44, 44, 44, 0.4),

        0 0 24px rgba(44, 44, 44, 0.2),

        0 2px 4px rgba(0, 0, 0, 0.5) !important;

    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.5));

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-battery-points {

    font-size: 0.475rem;

    color: var(--text-muted);

    white-space: nowrap;

    flex-shrink: 0;

    text-align: left;

    width: 100%;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Scale classes for rank battery widget - disabled in favor of fixed width */

.skill-battery.scale-75,

.skill-battery.scale-110 {

    transform: none;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Mini battery for tables */

.skill-battery-mini {

    display: inline-flex;

    align-items: center;

    gap: 4px;

    font-size: 0.875rem;

    font-weight: 600;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.skill-battery-mini::before {

    content: '';

    display: inline-flex;

    width: 36px;

    height: 12px;

    background: var(--bg-darker);

    border-radius: 2px;

    border: 1px solid var(--border-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== INLINE RANK BATTERY (for username suffixes) ===== */

.inline-rank-battery-wrapper {

    display: inline-flex;

    vertical-align: middle;

    margin-left: 0.03125rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.inline-rank-battery-wrapper .skill-battery {

    transform: scale(0.506);

    transform-origin: left center;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.inline-rank-battery-wrapper .skill-battery-container {

    transform-origin: left center;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== ADMIN LAYOUT ===== */

.admin-body {

    background: var(--bg-darkest);

    min-height: 100vh;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-layout {

    display: flex;

    min-height: 100vh;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Admin Sidebar */

.admin-sidebar {

    width: 280px;

    background: var(--bg-dark);

    border-right: 1px solid var(--border-color);

    display: flex;

    flex-direction: column;

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    z-index: var(--z-fixed);

    overflow-y: auto;

    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.4);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-sidebar-header {

    padding: var(--spacing-xl);

    border-bottom: 1px solid var(--border-color);

    display: flex;

    flex-direction: column;

    gap: var(--spacing-md);

    background: var(--bg-darker);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-logo {

    text-decoration: none;

    transition: all var(--transition-fast);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-logo:hover {

    transform: scale(1.05);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-badge {

    display: inline-block;

    padding: var(--spacing-xs) var(--spacing-md);

    border-radius: var(--radius-full);

    font-size: 0.7rem;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: var(--bg-darkest);

    text-align: center;

    background: var(--primary-gradient);

    box-shadow: 0 4px 12px var(--primary-glow), var(--shadow-sm);

    animation: badgePulse 3s ease-in-out infinite;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes badgePulse {

    0%, 100% { box-shadow: 0 4px 12px var(--primary-glow), var(--shadow-sm); }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    50% { box-shadow: 0 6px 18px var(--primary-glow), var(--shadow-md); }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-nav {

    flex: 1;

    padding: var(--spacing-lg) var(--spacing-md);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-nav-section {

    margin-bottom: var(--spacing-xl);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-nav-title {

    font-size: 0.7rem;

    font-weight: 700;

    color: var(--text-muted);

    text-transform: uppercase;

    letter-spacing: 1.5px;

    padding: var(--spacing-sm) var(--spacing-md);

    margin-bottom: var(--spacing-sm);

    position: relative;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-nav-title::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: var(--spacing-md);

    right: var(--spacing-md);

    height: 1px;

    background: var(--border-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-nav-link {

    display: flex;

    align-items: center;

    gap: var(--spacing-md);

    padding: var(--spacing-md) var(--spacing-md);

    color: var(--text-secondary);

    text-decoration: none;

    border-radius: var(--radius-md);

    transition: all var(--transition-fast);

    font-weight: 600;

    font-size: 0.95rem;

    position: relative;

    margin-bottom: var(--spacing-xs);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-nav-link::before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 3px;

    height: 0;

    background: var(--primary-gradient);

    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;

    transition: height var(--transition-fast);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-nav-link:hover {

    background: var(--bg-glass-light);

    color: var(--primary-color);

    transform: translateX(4px);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-nav-link:hover::before {

    height: 70%;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-nav-link.active {

    background: linear-gradient(90deg, rgba(0, 212, 255, 0.15), transparent);

    color: var(--primary-color);

    box-shadow: inset 3px 0 0 var(--primary-color);

    font-weight: 700;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-nav-link.active::before {

    height: 70%;

    box-shadow: 0 0 10px var(--primary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-nav-link svg {

    flex-shrink: 0;

    transition: all var(--transition-fast);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-nav-link:hover svg {

    transform: scale(1.1);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-sidebar-footer {

    padding: var(--spacing-lg);

    border-top: 1px solid var(--border-color);

    background: var(--bg-darker);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Admin Main Content */

.admin-main {

    flex: 1;

    margin-left: 280px;

    display: flex;

    flex-direction: column;

    background: var(--bg-darker);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-xl) var(--spacing-2xl);

    background: var(--bg-dark);

    border-bottom: 1px solid var(--border-color);

    position: sticky;

    top: 0;

    z-index: var(--z-sticky);

    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);

    backdrop-filter: blur(12px);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-header-title h1 {

    font-size: 1.5rem;

    font-weight: 700;

    margin-bottom: var(--spacing-xs);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-header-title p {

    color: var(--text-secondary);

    font-size: 0.875rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-header-actions {

    display: flex;

    align-items: center;

    gap: var(--spacing-md);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-user-info {

    display: flex;

    align-items: center;

    gap: var(--spacing-md);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-user-avatar {

    width: 40px;

    height: 40px;

    border-radius: var(--radius-full);

    border: 2px solid var(--border-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-user-name {

    font-weight: 600;

    font-size: 0.875rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-user-role {

    font-size: 0.75rem;

    font-weight: 600;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-content {

    padding: var(--spacing-xl);

    flex: 1;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Admin Stats Grid */

.admin-stats-grid {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));

    gap: var(--spacing-lg);

    margin-bottom: var(--spacing-xl);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-stat-card {

    background: var(--bg-card);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-lg);

    padding: var(--spacing-xl);

    display: flex;

    align-items: center;

    gap: var(--spacing-lg);

    transition: all var(--transition-normal);

    position: relative;

    overflow: hidden;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-stat-card::before {

    content: '';

    position: absolute;

    inset: 0;

    background: radial-gradient(circle at top right, var(--primary-color) 0%, transparent 70%);

    opacity: 0;

    transition: opacity var(--transition-normal);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-stat-card:hover {

    border-color: var(--primary-color);

    transform: translateY(-4px);

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--primary-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-stat-card:hover::before {

    opacity: 0.08;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-stat-icon {

    width: 56px;

    height: 56px;

    border-radius: var(--radius-lg);

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1.75rem;

    background: var(--primary-gradient);

    box-shadow: 0 6px 16px var(--primary-glow), var(--shadow-md);

    transition: all var(--transition-normal);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-stat-card:hover .admin-stat-icon {

    transform: scale(1.1) rotate(5deg);

    box-shadow: 0 8px 24px var(--primary-glow), var(--shadow-lg);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-stat-content {

    flex: 1;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-stat-value {

    font-size: 2rem;

    font-weight: 900;

    background: var(--primary-gradient-vertical);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    margin-bottom: var(--spacing-xs);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-stat-label {

    font-size: 0.875rem;

    color: var(--text-secondary);

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Admin Grid Layouts */

.admin-grid-2 {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: var(--spacing-lg);

    margin-bottom: var(--spacing-xl);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@media (max-width: 1200px) {

    .admin-grid-2 {

        grid-template-columns: 1fr;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Admin Cards */

.admin-card {

    background: var(--bg-card);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-lg);

    overflow: hidden;

    transition: all var(--transition-normal);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-card:hover {

    border-color: var(--border-hover);

    box-shadow: var(--shadow-lg);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-card-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-xl);

    border-bottom: 1px solid var(--border-color);

    background: var(--bg-elevated);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-card-header h3 {

    font-size: 1.1rem;

    font-weight: 700;

    color: var(--text-primary);

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-card-body {

    padding: var(--spacing-xl);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Admin Tables */

.admin-table-container {

    overflow-x: auto;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-table {

    width: 100%;

    border-collapse: collapse;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-table th,

.admin-table td {

    padding: var(--spacing-md);

    text-align: left;

    border-bottom: 1px solid var(--border-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-table th {

    font-size: 0.75rem;

    font-weight: 700;

    color: var(--text-secondary);

    text-transform: uppercase;

    letter-spacing: 1px;

    background: var(--bg-elevated);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-table tbody tr {

    transition: all var(--transition-fast);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-table tbody tr:hover {

    background: var(--bg-glass-light);

    box-shadow: inset 3px 0 0 var(--primary-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-table tbody tr:last-child td {

    border-bottom: none;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Admin User Cell */

.admin-user-cell {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-user-cell-avatar {

    width: 32px;

    height: 32px;

    border-radius: var(--radius-full);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-user-cell-name {

    font-weight: 500;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Admin Activity Container */

.admin-activity-container {

    display: flex;

    flex-direction: column;

    gap: var(--spacing-md);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-activity-item {

    display: flex;

    gap: var(--spacing-md);

    padding: var(--spacing-md);

    border-radius: var(--radius-lg);

    background: var(--bg-elevated);

    border: 1px solid var(--border-color);

    transition: all var(--transition-fast);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-activity-item:hover {

    background: var(--bg-card-hover);

    border-color: var(--border-light);

    transform: translateX(4px);

    box-shadow: var(--shadow-md);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-activity-icon {

    flex-shrink: 0;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-activity-icon-bg {

    width: 48px;

    height: 48px;

    border-radius: var(--radius-lg);

    display: flex;

    align-items: center;

    justify-content: center;

    border: 2px solid;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-activity-content {

    flex: 1;

    display: flex;

    flex-direction: column;

    gap: var(--spacing-xs);

    min-width: 0;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-activity-header {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    gap: var(--spacing-md);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-activity-admin {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    flex-wrap: wrap;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-activity-admin strong {

    color: var(--text-primary);

    font-weight: 600;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-activity-action {

    font-family: 'Courier New', monospace;

    font-size: 0.875rem;

    padding: var(--spacing-xs) var(--spacing-sm);

    border-radius: var(--radius-sm);

    background: var(--bg-dark);

    font-weight: 500;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-activity-time {

    font-size: 0.875rem;

    color: var(--text-muted);

    white-space: nowrap;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-activity-details {

    display: flex;

    flex-wrap: wrap;

    gap: var(--spacing-md);

    align-items: center;

    font-size: 0.875rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-activity-target {

    color: var(--text-secondary);

    padding: var(--spacing-xs) var(--spacing-sm);

    border-radius: var(--radius-sm);

    background: var(--bg-dark);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-activity-meta {

    color: var(--text-muted);

}



.admin-activity-admin-role {

    font-size: 0.7rem;

    padding: 0.2rem 0.5rem;

    border-radius: 10px;

    color: white;

    font-weight: 600;

    text-transform: uppercase;

    margin-left: 0.5rem;

}



.admin-activity-ip {

    color: var(--text-muted);

    font-size: 0.8rem;

    font-family: 'Courier New', monospace;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Status Badges */

.status-badge {

    display: inline-flex;

    align-items: center;

    gap: var(--spacing-xs);

    padding: var(--spacing-xs) var(--spacing-md);

    border-radius: var(--radius-full);

    font-size: 0.7rem;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    border: 2px solid;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.status-badge.status-live, .status-badge.status-pending {

    background: rgba(255, 51, 102, 0.15);

    color: var(--accent-red);

    border-color: var(--accent-red);

    box-shadow: 0 0 10px var(--accent-red-glow);

    animation: statusPulse 2s ease-in-out infinite;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.status-badge.status-finished, .status-badge.status-online {

    background: rgba(0, 255, 136, 0.15);

    color: var(--secondary-color);

    border-color: var(--secondary-color);

    box-shadow: 0 0 10px var(--secondary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.status-badge.status-cancelled, .status-badge.status-offline, .status-badge.status-banned {

    background: rgba(107, 114, 128, 0.15);

    color: var(--text-muted);

    border-color: var(--text-muted);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.status-badge.status-user {

    background: rgba(0, 212, 255, 0.15);

    color: var(--primary-color);

    border-color: var(--primary-color);

    box-shadow: 0 0 10px var(--primary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Admin Tier Badge */

.admin-tier-badge {

    display: inline-block;

    padding: var(--spacing-xs) var(--spacing-sm);

    border-radius: var(--radius-full);

    font-size: 0.75rem;

    font-weight: 700;

    color: white;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Skill Badge */

.skill-badge {

    display: inline-block;

    padding: var(--spacing-xs) var(--spacing-sm);

    background: var(--bg-glass);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-sm);

    font-weight: 600;

    font-size: 0.875rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Premium Badge Small */

.premium-badge-small {

    display: inline-block;

    padding: 2px 6px;

    background: linear-gradient(135deg, #ffd700, #ffed4e);

    color: #000;

    border-radius: var(--radius-sm);

    font-size: 0.625rem;

    font-weight: 700;

    text-transform: uppercase;

    margin-left: var(--spacing-xs);

}



/* Premium Icon Small */

.premium-icon-small {

    width: 19px;

    height: 19px;

    margin-right: 4px;

    vertical-align: middle;

}



/* New Rank Styles for Mini Bat System */

.skill-level-1, .skill-level-2, .skill-level-3 {

    border-color: #ffb3ba; /* Bat roz */

    color: #ffb3ba;

    box-shadow: 0 0 15px rgba(255, 179, 186, 0.5), var(--shadow-md);

}



.skill-level-1 .skill-level-icon, .skill-level-2 .skill-level-icon, .skill-level-3 .skill-level-icon {

    background: linear-gradient(135deg, #ffb3ba, #ffcccc); /* Bat roz */

}



.skill-level-4, .skill-level-5, .skill-level-6 {

    border-color: #ff8c42; /* Bat portocaliu */

    color: #ff8c42;

    box-shadow: 0 0 15px rgba(255, 140, 66, 0.5), var(--shadow-md);

}



.skill-level-4 .skill-level-icon, .skill-level-5 .skill-level-icon, .skill-level-6 .skill-level-icon {

    background: linear-gradient(135deg, #ff8c42, #ffa366); /* Bat portocaliu */

}



.skill-level-7, .skill-level-8, .skill-level-9 {

    border-color: #ffff99; /* Bat galben */

    color: #ffff99;

    box-shadow: 0 0 15px rgba(255, 255, 153, 0.5), var(--shadow-md);

}



.skill-level-7 .skill-level-icon, .skill-level-8 .skill-level-icon, .skill-level-9 .skill-level-icon {

    background: linear-gradient(135deg, #ffff99, #ffffcc); /* Bat galben */

}



.skill-level-10, .skill-level-11, .skill-level-12 {

    border-color: #90ee90; /* Bat Verde */

    color: #90ee90;

    box-shadow: 0 0 15px rgba(144, 238, 144, 0.5), var(--shadow-md);

}



.skill-level-10 .skill-level-icon, .skill-level-11 .skill-level-icon, .skill-level-12 .skill-level-icon {

    background: linear-gradient(135deg, #90ee90, #a8eea8); /* Bat Verde */

}



.skill-level-13, .skill-level-14, .skill-level-15 {

    border-color: #87ceeb; /* Bat albastru */

    color: #87ceeb;

    box-shadow: 0 0 15px rgba(135, 206, 235, 0.5), var(--shadow-md);

}



.skill-level-13 .skill-level-icon, .skill-level-14 .skill-level-icon, .skill-level-15 .skill-level-icon {

    background: linear-gradient(135deg, #87ceeb, #a8d8f0); /* Bat albastru */

}



.skill-level-16, .skill-level-17, .skill-level-18 {

    border-color: #ff6b6b; /* Bat rosu */

    color: #ff6b6b;

    box-shadow: 0 0 15px rgba(255, 107, 107, 0.5), var(--shadow-md);

}



.skill-level-16 .skill-level-icon, .skill-level-17 .skill-level-icon, .skill-level-18 .skill-level-icon {

    background: linear-gradient(135deg, #ff6b6b, #ff8c8c); /* Bat rosu */

}



.skill-level-19, .skill-level-20, .skill-level-21 {

    border-color: #2c2c2c; /* Bat negru */

    color: #2c2c2c;

    box-shadow: 0 0 20px rgba(44, 44, 44, 0.6), var(--shadow-md);

}



.skill-level-19 .skill-level-icon, .skill-level-20 .skill-level-icon, .skill-level-21 .skill-level-icon {

    background: linear-gradient(135deg, #2c2c2c, #4a4a4a); /* Bat negru */

}



/* Admin User Actions Dropdown */

.admin-user-actions {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

}



.admin-user-menu-btn {

    background: none;

    border: none;

    color: var(--text-secondary);

    font-size: 1.2rem;

    line-height: 1;

    padding: 0.25rem 0.5rem;

    cursor: pointer;

    border-radius: 4px;

    transition: all 0.2s ease;

    opacity: 0.7;

}



.admin-user-menu-btn:hover {

    background: rgba(255, 255, 255, 0.1);

    color: var(--text-primary);

    opacity: 1;

}



.admin-user-context-menu {

    position: absolute;

    right: 0;

    top: 100%;

    margin-top: 0.25rem;

    background: rgba(15, 20, 30, 0.98);

    backdrop-filter: blur(20px) saturate(180%);

    -webkit-backdrop-filter: blur(20px) saturate(180%);

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: var(--radius-md);

    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);

    min-width: 160px;

    z-index: 1000;

    padding: 0.25rem 0;

}



.admin-menu-item {

    display: flex;

    align-items: center;

    gap: 0.5rem;

    width: 100%;

    padding: 0.5rem 1rem;

    background: none;

    border: none;

    text-align: left;

    cursor: pointer;

    font-size: 0.875rem;

    font-weight: 500;

    transition: all 0.2s ease;

    text-decoration: none;

}



.admin-menu-item:hover {

    background: rgba(255, 255, 255, 0.1);

}



.admin-menu-item:active {

    background: rgba(255, 255, 255, 0.05);

}



/* Admin Modals */

.admin-modal {

    position: fixed;

    inset: 0;

    background: rgba(0, 0, 0, 0.8);

    backdrop-filter: blur(10px);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 3000;

    padding: 2rem;

}



.admin-modal-content {

    background: var(--bg-card);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-lg);

    width: 100%;

    max-width: 500px;

    max-height: 90vh;

    overflow-y: auto;

}



.admin-modal-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 1.5rem;

    border-bottom: 1px solid var(--border-color);

}



.admin-modal-header h2 {

    margin: 0;

    font-size: 1.5rem;

}



.admin-modal-close {

    background: none;

    border: none;

    font-size: 1.5rem;

    color: var(--text-secondary);

    cursor: pointer;

    padding: 0;

    width: 32px;

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 4px;

    transition: background 0.2s ease;

}



.admin-modal-close:hover {

    background: rgba(255, 255, 255, 0.1);

}



.form-group {

    margin-bottom: 1.5rem;

}



.form-group label {

    display: block;

    margin-bottom: 0.5rem;

    font-weight: 600;

    color: var(--text-primary);

}



.form-group input,

.form-group select,

.form-group textarea {

    width: 100%;

    padding: 0.75rem;

    background: rgba(255, 255, 255, 0.05);

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: var(--radius-md);

    color: var(--text-primary);

    font-family: inherit;

}



.form-group textarea {

    resize: vertical;

    min-height: 100px;

}



.form-actions {

    display: flex;

    justify-content: flex-end;

    gap: 1rem;

    padding-top: 1rem;

    border-top: 1px solid var(--border-color);

    margin-top: 1.5rem;

}



#durationGroup.hidden {

    display: none;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Admin Action Buttons */

.admin-action-buttons {

    display: flex;

    gap: var(--spacing-xs);

    flex-wrap: wrap;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-sm {

    padding: var(--spacing-xs) var(--spacing-sm);

    font-size: 0.75rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-danger {

    background: #ef4444;

    color: white;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-danger:hover {

    background: #dc2626;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-success {

    background: #10b981;

    color: white;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-success:hover {

    background: #059669;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-warning {

    background: #f59e0b;

    color: white;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.btn-warning:hover {

    background: #d97706;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Admin Pagination */

.admin-pagination {

    display: flex;

    gap: var(--spacing-xs);

    margin-top: var(--spacing-lg);

    justify-content: center;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-pagination-link {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 32px;

    height: 32px;

    background: var(--bg-glass);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-sm);

    color: var(--text-secondary);

    text-decoration: none;

    font-size: 0.875rem;

    transition: all var(--transition-fast);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-pagination-link:hover,

.admin-pagination-link.active {

    background: var(--primary-gradient);

    color: white;

    border-color: transparent;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-pagination-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: var(--spacing-sm) var(--spacing-md);

    background: var(--bg-glass);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-sm);

    color: #06b6d4;

    text-decoration: none;

    font-size: 0.875rem;

    font-weight: 600;

    transition: all var(--transition-fast);

    cursor: pointer;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-pagination-btn:hover {

    background: linear-gradient(135deg, #06b6d4, #00d4ff);

    color: white;

    border-color: transparent;

    box-shadow: 0 0 15px rgba(6, 182, 212, 0.4);

    transform: translateY(-1px);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-pagination-info {

    color: var(--text-secondary);

    font-size: 0.875rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Admin Search */

.admin-search-form {

    display: flex;

    gap: var(--spacing-sm);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-search-input {

    padding: var(--spacing-sm) var(--spacing-md);

    background: var(--bg-glass);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

    color: var(--text-primary);

    font-size: 0.875rem;

    min-width: 200px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-search-input:focus {

    outline: none;

    border-color: #ff6b35;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Admin Modals */

.admin-modal {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.8);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 1000;

    padding: var(--spacing-lg);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-modal-content {

    background: var(--bg-card);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-lg);

    width: 100%;

    max-width: 500px;

    max-height: 90vh;

    overflow-y: auto;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-modal-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-lg);

    border-bottom: 1px solid var(--border-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-modal-header h3 {

    font-size: 1.125rem;

    font-weight: 600;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-modal-close {

    background: none;

    border: none;

    color: var(--text-secondary);

    font-size: 1.5rem;

    cursor: pointer;

    padding: 0;

    line-height: 1;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-modal-close:hover {

    color: var(--text-primary);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Admin Forms */

.admin-form-group {

    padding: var(--spacing-md) var(--spacing-lg);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-form-group label {

    display: block;

    font-size: 0.875rem;

    font-weight: 500;

    color: var(--text-secondary);

    margin-bottom: var(--spacing-xs);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-form-input {

    width: 100%;

    padding: var(--spacing-sm) var(--spacing-md);

    background: var(--bg-glass);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

    color: var(--text-primary);

    font-size: 0.875rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-form-input:focus {

    outline: none;

    border-color: #ff6b35;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

textarea.admin-form-input {

    min-height: 100px;

    resize: vertical;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-form-static {

    padding: var(--spacing-sm) var(--spacing-md);

    background: var(--bg-darker);

    border-radius: var(--radius-md);

    color: var(--text-primary);

    font-weight: 500;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.admin-form-actions {

    display: flex;

    gap: var(--spacing-sm);

    justify-content: flex-end;

    padding: var(--spacing-lg);

    border-top: 1px solid var(--border-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Responsive Admin */

@media (max-width: 1024px) {

    .admin-sidebar {

        transform: translateX(-100%);

        transition: transform var(--transition-normal);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .admin-sidebar.open {

        transform: translateX(0);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .admin-main {

        margin-left: 0;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .admin-stats-grid {

        grid-template-columns: repeat(2, 1fr);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@media (max-width: 640px) {

    .admin-stats-grid {

        grid-template-columns: 1fr;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .admin-header {

        flex-direction: column;

        gap: var(--spacing-md);

        align-items: flex-start;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}



/* Server Heartbeat Status */

.heartbeat-recent {

    color: #10b981;

    font-weight: 500;

}



.heartbeat-old {

    color: #f59e0b;

    font-weight: 500;

}



.heartbeat-never {

    color: #ef4444;

    font-weight: 500;

    font-style: italic;

}



/* Admin Analytics */

.admin-analytics {

    display: flex;

    flex-direction: column;

    gap: var(--spacing-md);

}



.analytics-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.analytics-label {

    font-weight: 500;

    color: var(--text-primary);

}



.analytics-value {

    font-size: 1.125rem;

    font-weight: 700;

    color: var(--primary-color);

}



/* After Game Stats Modal - CS1.6 Style */

.match-end-modal {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.95);

    backdrop-filter: blur(10px);

    z-index: 99999;

    align-items: center;

    justify-content: center;

    animation: fadeIn 0.3s ease;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-end-modal.active {

    display: flex;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-end-content {

    background: linear-gradient(135deg, rgba(20, 25, 35, 0.98) 0%, rgba(15, 20, 30, 0.98) 100%);

    border: 2px solid rgba(6, 182, 212, 0.3);

    border-radius: 12px;

    padding: 0;

    max-width: 900px;

    width: 90%;

    max-height: 90vh;

    overflow-y: auto;

    animation: slideUp 0.4s ease;

    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Header Bar */

.match-end-header-bar {

    background: rgba(10, 15, 25, 0.95);

    border-bottom: 2px solid rgba(6, 182, 212, 0.3);

    padding: 1rem 1.5rem;

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.header-left {

    display: flex;

    align-items: center;

    gap: 2rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.header-stat {

    display: flex;

    flex-direction: column;

    gap: 0.25rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.header-stat-label {

    font-size: 0.75rem;

    color: rgba(255, 255, 255, 0.6);

    text-transform: uppercase;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.header-stat-value {

    font-size: 1.25rem;

    font-weight: 700;

    color: #10b981;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.header-info {

    display: flex;

    flex-direction: column;

    gap: 0.25rem;

    font-size: 0.85rem;

    color: rgba(255, 255, 255, 0.7);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.header-info-item {

    display: flex;

    gap: 0.5rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-end-close {

    background: transparent;

    border: none;

    color: rgba(255, 255, 255, 0.7);

    font-size: 2rem;

    cursor: pointer;

    padding: 0;

    width: 32px;

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 0.2s ease;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-end-close:hover {

    color: #ef4444;

    transform: scale(1.1);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Main Stats Display */

.match-end-main-stats {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 2rem;

    padding: 2rem 1.5rem;

    background: rgba(10, 15, 25, 0.5);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-display {

    text-align: center;

    padding: 1.5rem;

    background: rgba(6, 182, 212, 0.1);

    border: 2px solid rgba(6, 182, 212, 0.3);

    border-radius: 8px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-display.stat-sp {

    border-color: rgba(16, 185, 129, 0.4);

    background: rgba(16, 185, 129, 0.1);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-display.stat-xp {

    border-color: rgba(139, 92, 246, 0.4);

    background: rgba(139, 92, 246, 0.1);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-display-label {

    font-size: 0.85rem;

    color: rgba(255, 255, 255, 0.7);

    margin-bottom: 0.75rem;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-display-value {

    font-size: 3rem;

    font-weight: 900;

    font-family: 'Courier New', monospace;

    color: #10b981;

    text-shadow: 0 0 20px rgba(16, 185, 129, 0.5);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-display.stat-xp .stat-display-value {

    color: #8b5cf6;

    text-shadow: 0 0 20px rgba(139, 92, 246, 0.5);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Summary Section */

.match-end-summary {

    padding: 1.5rem;

    background: rgba(15, 20, 30, 0.6);

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.summary-message {

    text-align: center;

    color: rgba(255, 255, 255, 0.9);

    font-size: 0.95rem;

    margin-bottom: 1.5rem;

    padding: 1rem;

    background: rgba(6, 182, 212, 0.1);

    border-radius: 6px;

    border: 1px solid rgba(6, 182, 212, 0.2);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.summary-progress {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 2rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.progress-left {

    display: flex;

    gap: 1rem;

    align-items: flex-start;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.progress-battery {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 0.5rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.battery-segments {

    display: flex;

    gap: 0.25rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.battery-segment {

    width: 12px;

    height: 40px;

    background: rgba(255, 255, 255, 0.2);

    border-radius: 2px;

    transition: all 0.3s ease;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.battery-segment.filled {

    background: #10b981;

    box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.battery-points {

    font-size: 0.85rem;

    color: rgba(255, 255, 255, 0.8);

    font-weight: 600;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.progress-info {

    display: flex;

    flex-direction: column;

    gap: 0.5rem;

    font-size: 0.85rem;

    color: rgba(255, 255, 255, 0.7);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.progress-value {

    color: #06b6d4;

    font-weight: 600;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.progress-right {

    display: flex;

    flex-direction: column;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.level-display {

    display: flex;

    flex-direction: column;

    gap: 0.5rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.level-label {

    font-size: 0.9rem;

    color: rgba(255, 255, 255, 0.8);

    font-weight: 600;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.level-bar {

    height: 8px;

    background: rgba(255, 255, 255, 0.1);

    border-radius: 4px;

    overflow: hidden;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.level-bar-fill {

    height: 100%;

    background: linear-gradient(90deg, #06b6d4, #8b5cf6);

    transition: width 0.3s ease;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.level-xp {

    font-size: 0.85rem;

    color: rgba(255, 255, 255, 0.7);

    display: flex;

    align-items: center;

    gap: 0.5rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.level-star {

    color: #eab308;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.level-total {

    font-size: 0.8rem;

    color: rgba(255, 255, 255, 0.6);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* General Statistics */

.match-end-general-stats {

    padding: 1.5rem;

    background: rgba(10, 15, 25, 0.8);

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stats-title {

    font-size: 1.1rem;

    font-weight: 700;

    color: rgba(255, 255, 255, 0.9);

    margin-bottom: 1rem;

    text-transform: uppercase;

    letter-spacing: 1px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stats-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 1rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stats-column {

    display: flex;

    flex-direction: column;

    gap: 0.75rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-row {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0.75rem;

    background: rgba(15, 20, 30, 0.6);

    border-radius: 4px;

    border: 1px solid rgba(255, 255, 255, 0.05);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-label {

    font-size: 0.85rem;

    color: rgba(255, 255, 255, 0.7);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-value {

    font-size: 1rem;

    font-weight: 600;

    color: rgba(255, 255, 255, 0.9);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-value.positive {

    color: #10b981;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-value.negative {

    color: #ef4444;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-points {

    font-size: 0.75rem;

    color: rgba(255, 255, 255, 0.5);

    margin-left: 0.5rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Weapon Statistics */

.match-end-weapon-stats {

    padding: 1.5rem;

    background: rgba(15, 20, 30, 0.6);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-stats-title {

    font-size: 1.1rem;

    font-weight: 700;

    color: rgba(255, 255, 255, 0.9);

    margin-bottom: 1rem;

    text-transform: uppercase;

    letter-spacing: 1px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-item {

    padding: 1rem;

    background: rgba(10, 15, 25, 0.6);

    border: 1px solid rgba(255, 255, 255, 0.05);

    border-radius: 6px;

    margin-bottom: 0.75rem;

    position: relative;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-item.favorite {

    border-color: rgba(234, 179, 8, 0.4);

    background: rgba(234, 179, 8, 0.05);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-favorite-label {

    font-size: 0.75rem;

    color: #eab308;

    font-weight: 600;

    margin-bottom: 0.5rem;

    text-transform: uppercase;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-name {

    font-size: 0.9rem;

    color: rgba(255, 255, 255, 0.9);

    font-weight: 600;

    margin-bottom: 0.5rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-bar {

    height: 6px;

    background: rgba(255, 255, 255, 0.1);

    border-radius: 3px;

    position: relative;

    overflow: hidden;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-bar-fill {

    height: 100%;

    background: linear-gradient(90deg, #06b6d4, #8b5cf6);

    transition: width 0.3s ease;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-star {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    color: #eab308;

    font-size: 0.9rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Actions */

.match-end-actions {

    padding: 1.5rem;

    display: flex;

    gap: 1rem;

    justify-content: flex-end;

    background: rgba(10, 15, 25, 0.8);

    border-top: 1px solid rgba(255, 255, 255, 0.1);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes fadeIn {

    from { opacity: 0; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    to { opacity: 1; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes slideUp {

    from {

        opacity: 0;

        transform: translateY(30px);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    to {

        opacity: 1;

        transform: translateY(0);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-end-header {

    text-align: center;

    margin-bottom: 2rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-end-title {

    font-size: 2.5rem;

    font-weight: 900;

    background: linear-gradient(135deg, #ff6b35, #f7931e);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-bottom: 0.5rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-end-subtitle {

    color: var(--text-secondary);

    font-size: 1.125rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-end-rewards {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 1.5rem;

    margin-bottom: 2rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.reward-card {

    background: var(--bg-glass);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-lg);

    padding: 1.5rem;

    text-align: center;

    transition: all var(--transition-normal);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.reward-card:hover {

    transform: translateY(-4px);

    border-color: var(--border-hover);

    box-shadow: var(--shadow-md);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.reward-icon {

    font-size: 2.5rem;

    margin-bottom: 0.75rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.reward-value {

    font-size: 2rem;

    font-weight: 900;

    color: var(--text-primary);

    margin-bottom: 0.25rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.reward-value.positive {

    color: var(--success-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.reward-value.negative {

    color: var(--danger-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.reward-label {

    font-size: 0.875rem;

    color: var(--text-muted);

    text-transform: uppercase;

    letter-spacing: 0.5px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-end-rank {

    background: var(--bg-glass);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-lg);

    padding: 2rem;

    text-align: center;

    margin-bottom: 2rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.rank-change-label {

    font-size: 0.875rem;

    color: var(--text-muted);

    margin-bottom: 1rem;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.rank-comparison {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 2rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.rank-arrow {

    font-size: 2rem;

    color: var(--text-secondary);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-end-stats {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 1.5rem;

    margin-bottom: 2rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-item {

    background: var(--bg-glass);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

    padding: 1rem;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-item-label {

    color: var(--text-secondary);

    font-size: 0.875rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.stat-item-value {

    font-size: 1.5rem;

    font-weight: 700;

    color: var(--text-primary);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-end-weapons {

    margin-bottom: 2rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapons-title {

    font-size: 1.25rem;

    font-weight: 700;

    margin-bottom: 1rem;

    color: var(--text-primary);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-list {

    display: flex;

    flex-direction: column;

    gap: 0.75rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-item {

    background: var(--bg-glass);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

    padding: 1rem;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-info {

    display: flex;

    align-items: center;

    gap: 1rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-icon {

    font-size: 1.5rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-name {

    font-weight: 600;

    color: var(--text-primary);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-stats {

    display: flex;

    gap: 1.5rem;

    align-items: center;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-stat {

    text-align: center;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-stat-value {

    font-size: 1.125rem;

    font-weight: 700;

    color: var(--text-primary);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.weapon-stat-label {

    font-size: 0.75rem;

    color: var(--text-muted);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.match-end-actions {

    display: flex;

    gap: 1rem;

    justify-content: center;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@media (max-width: 768px) {

    .match-end-rewards {

        grid-template-columns: 1fr;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .match-end-stats {

        grid-template-columns: 1fr;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .weapon-stats {

        flex-direction: column;

        gap: 0.5rem;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== FORM ELEMENTS ===== */

.form-group {

    margin-bottom: var(--spacing-lg);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.form-label {

    display: block;

    margin-bottom: var(--spacing-sm);

    font-weight: 600;

    color: var(--text-primary);

    font-size: 0.9rem;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.form-input,

.form-select,

.form-textarea {

    width: 100%;

    padding: var(--spacing-md) var(--spacing-lg);

    background: var(--bg-card);

    border: 2px solid var(--border-color);

    border-radius: var(--radius-md);

    color: var(--text-primary);

    font-size: 1rem;

    font-family: inherit;

    transition: all var(--transition-fast);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.form-input:focus,

.form-select:focus,

.form-textarea:focus {

    outline: none;

    border-color: var(--primary-color);

    box-shadow: 0 0 0 3px var(--primary-glow), 0 0 20px var(--primary-glow);

    background: var(--bg-elevated);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.form-input::placeholder {

    color: var(--text-muted);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.form-textarea {

    min-height: 120px;

    resize: vertical;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.form-select {

    cursor: pointer;

    appearance: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300d4ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");

    background-repeat: no-repeat;

    background-position: right var(--spacing-md) center;

    padding-right: var(--spacing-2xl);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.form-checkbox {

    width: 20px;

    height: 20px;

    accent-color: var(--primary-color);

    cursor: pointer;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.form-error {

    color: var(--danger-color);

    font-size: 0.85rem;

    margin-top: var(--spacing-xs);

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.form-help {

    color: var(--text-muted);

    font-size: 0.85rem;

    margin-top: var(--spacing-xs);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== MODALS ===== */

.modal-overlay {

    position: fixed;

    inset: 0;

    background: var(--bg-overlay);

    backdrop-filter: blur(8px);

    z-index: var(--z-modal-backdrop);

    display: flex;

    align-items: center;

    justify-content: center;

    padding: var(--spacing-lg);

    animation: fadeIn var(--transition-normal);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.modal {

    display: none;

    position: fixed;

    inset: 0;

    background: rgba(0, 0, 0, 0.7);

    backdrop-filter: blur(8px);

    z-index: var(--z-modal-backdrop);

    align-items: center;

    justify-content: center;

    padding: var(--spacing-lg);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.modal.active {

    display: flex;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.modal-content {

    background: var(--bg-card);

    border: 1px solid var(--border-light);

    border-radius: var(--radius-xl);

    max-width: 600px;

    width: 100%;

    max-height: 90vh;

    overflow-y: auto;

    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.8), 0 0 0 1px var(--primary-color);

    animation: modalSlideUp 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    z-index: var(--z-modal);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes modalSlideUp {

    from {

        opacity: 0;

        transform: translateY(50px) scale(0.9);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    to {

        opacity: 1;

        transform: translateY(0) scale(1);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.modal-header {

    padding: var(--spacing-xl);

    border-bottom: 1px solid var(--border-color);

    display: flex;

    justify-content: space-between;

    align-items: center;

    background: var(--bg-elevated);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.modal-title {

    font-size: 1.5rem;

    font-weight: 800;

    background: var(--primary-gradient);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.modal-close {

    width: 36px;

    height: 36px;

    border: none;

    background: transparent;

    color: var(--text-secondary);

    cursor: pointer;

    border-radius: var(--radius-md);

    transition: all var(--transition-fast);

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1.5rem;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.modal-close:hover {

    background: var(--bg-glass-light);

    color: var(--accent-red);

    transform: rotate(90deg);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.modal-body {

    padding: var(--spacing-xl);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.modal-footer {

    padding: var(--spacing-xl);

    border-top: 1px solid var(--border-color);

    display: flex;

    gap: var(--spacing-md);

    justify-content: flex-end;

    background: var(--bg-elevated);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== TABS ===== */

.tabs {

    display: flex;

    gap: var(--spacing-md);

    border-bottom: 2px solid var(--border-color);

    margin-bottom: var(--spacing-xl);

    overflow-x: auto;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.tab {

    padding: var(--spacing-md) var(--spacing-lg);

    background: transparent;

    border: none;

    color: var(--text-secondary);

    font-weight: 600;

    font-size: 0.95rem;

    cursor: pointer;

    position: relative;

    transition: all var(--transition-fast);

    white-space: nowrap;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.tab::after {

    content: '';

    position: absolute;

    bottom: -2px;

    left: 0;

    right: 0;

    height: 2px;

    background: var(--primary-gradient);

    transform: scaleX(0);

    transition: transform var(--transition-fast);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.tab:hover {

    color: var(--primary-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.tab.active {

    color: var(--primary-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.tab.active::after {

    transform: scaleX(1);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.tab-content {

    display: none;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.tab-content.active {

    display: block;

    animation: fadeIn var(--transition-normal);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== DROPDOWN ===== */

.dropdown {

    position: relative;

    display: inline-block;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.dropdown-toggle {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    padding: var(--spacing-sm) var(--spacing-md);

    background: var(--bg-card);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

    color: var(--text-primary);

    font-weight: 600;

    cursor: pointer;

    transition: all var(--transition-fast);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.dropdown-toggle:hover {

    border-color: var(--primary-color);

    box-shadow: 0 0 15px var(--primary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.dropdown-menu {

    position: absolute;

    top: calc(100% + var(--spacing-xs));

    right: 0;

    min-width: 200px;

    background: var(--bg-card);

    border: 1px solid var(--border-light);

    border-radius: var(--radius-lg);

    box-shadow: var(--shadow-xl), 0 0 0 1px var(--primary-color);

    padding: var(--spacing-sm);

    z-index: var(--z-dropdown);

    opacity: 0;

    visibility: hidden;

    transform: translateY(-10px);

    transition: all var(--transition-fast);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.dropdown.active .dropdown-menu {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.dropdown-item {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    padding: var(--spacing-sm) var(--spacing-md);

    color: var(--text-secondary);

    text-decoration: none;

    border-radius: var(--radius-md);

    transition: all var(--transition-fast);

    cursor: pointer;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.dropdown-item:hover {

    background: var(--bg-glass-light);

    color: var(--primary-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.dropdown-divider {

    height: 1px;

    background: var(--border-color);

    margin: var(--spacing-sm) 0;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== PROGRESS BARS ===== */

.progress {

    width: 100%;

    height: 8px;

    background: var(--bg-darker);

    border-radius: var(--radius-full);

    overflow: hidden;

    position: relative;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.progress-bar {

    height: 100%;

    background: var(--primary-gradient);

    background-size: 200% 200%;

    animation: progressGlow 3s ease-in-out infinite;

    transition: width var(--transition-normal);

    position: relative;

    overflow: hidden;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.progress-bar::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);

    animation: progressShine 2s ease-in-out infinite;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes progressGlow {

    0%, 100% {

        background-position: 0% 50%;

        box-shadow: 0 0 10px var(--primary-glow);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    50% {

        background-position: 100% 50%;

        box-shadow: 0 0 20px var(--primary-glow);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes progressShine {

    0% { transform: translateX(-100%); }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    100% { transform: translateX(200%); }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.progress-label {

    display: flex;

    justify-content: space-between;

    margin-bottom: var(--spacing-xs);

    font-size: 0.85rem;

    font-weight: 600;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== BADGES & TAGS ===== */

.badge {

    display: inline-flex;

    align-items: center;

    gap: var(--spacing-xs);

    padding: var(--spacing-xs) var(--spacing-md);

    border-radius: var(--radius-full);

    font-size: 0.75rem;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.badge-primary {

    background: var(--primary-gradient);

    color: var(--bg-darkest);

    box-shadow: 0 0 15px var(--primary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.badge-secondary {

    background: var(--secondary-gradient);

    color: var(--bg-darkest);

    box-shadow: 0 0 15px var(--secondary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.badge-success {

    background: var(--success-color);

    color: var(--bg-darkest);

    box-shadow: 0 0 15px var(--success-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.badge-danger {

    background: var(--danger-color);

    color: var(--text-primary);

    box-shadow: 0 0 15px var(--danger-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.badge-warning {

    background: var(--warning-color);

    color: var(--bg-darkest);

    box-shadow: 0 0 15px var(--warning-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.badge-outline {

    background: transparent;

    border: 2px solid var(--primary-color);

    color: var(--primary-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== ALERTS ===== */

.alert {

    padding: var(--spacing-lg);

    border-radius: var(--radius-lg);

    border-left: 4px solid;

    margin-bottom: var(--spacing-lg);

    display: flex;

    align-items: start;

    gap: var(--spacing-md);

    animation: alertSlideIn 0.3s ease;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@keyframes alertSlideIn {

    from {

        opacity: 0;

        transform: translateX(-20px);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    to {

        opacity: 1;

        transform: translateX(0);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.alert-success {

    background: rgba(0, 255, 136, 0.1);

    border-color: var(--success-color);

    color: var(--success-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.alert-danger {

    background: rgba(255, 51, 102, 0.1);

    border-color: var(--danger-color);

    color: var(--accent-red);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.alert-warning {

    background: rgba(255, 204, 0, 0.1);

    border-color: var(--warning-color);

    color: var(--warning-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.alert-info {

    background: rgba(0, 212, 255, 0.1);

    border-color: var(--info-color);

    color: var(--primary-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.alert-icon {

    font-size: 1.5rem;

    flex-shrink: 0;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.alert-content {

    flex: 1;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.alert-title {

    font-weight: 700;

    margin-bottom: var(--spacing-xs);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== TOOLTIPS ===== */

.tooltip {

    position: relative;

    display: inline-block;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.tooltip-text {

    visibility: hidden;

    position: absolute;

    bottom: 125%;

    left: 50%;

    transform: translateX(-50%);

    background: var(--bg-darkest);

    color: var(--text-primary);

    padding: var(--spacing-sm) var(--spacing-md);

    border-radius: var(--radius-md);

    font-size: 0.85rem;

    white-space: nowrap;

    z-index: var(--z-tooltip);

    border: 1px solid var(--border-light);

    box-shadow: var(--shadow-lg);

    opacity: 0;

    transition: all var(--transition-fast);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.tooltip-text::after {

    content: '';

    position: absolute;

    top: 100%;

    left: 50%;

    transform: translateX(-50%);

    border: 5px solid transparent;

    border-top-color: var(--bg-darkest);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.tooltip:hover .tooltip-text {

    visibility: visible;

    opacity: 1;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== PAGINATION ===== */

.pagination {

    display: flex;

    gap: var(--spacing-sm);

    align-items: center;

    justify-content: center;

    margin: var(--spacing-xl) 0;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.page-item {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 40px;

    height: 40px;

    padding: var(--spacing-sm) var(--spacing-md);

    background: var(--bg-card);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

    color: var(--text-secondary);

    font-weight: 600;

    cursor: pointer;

    transition: all var(--transition-fast);

    text-decoration: none;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.page-item:hover {

    border-color: var(--primary-color);

    color: var(--primary-color);

    box-shadow: 0 0 15px var(--primary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.page-item.active {

    background: var(--primary-gradient);

    color: var(--bg-darkest);

    border-color: transparent;

    box-shadow: 0 0 20px var(--primary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.page-item.disabled {

    opacity: 0.5;

    cursor: not-allowed;

    pointer-events: none;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== CUSTOM SCROLLBAR ===== */

::-webkit-scrollbar {

    width: 12px;

    height: 12px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

::-webkit-scrollbar-track {

    background: var(--bg-darker);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

::-webkit-scrollbar-thumb {

    background: var(--bg-card);

    border-radius: var(--radius-full);

    border: 2px solid var(--bg-darker);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

::-webkit-scrollbar-thumb:hover {

    background: var(--primary-color);

    box-shadow: 0 0 10px var(--primary-glow);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Firefox scrollbar */

* {

    scrollbar-width: thin;

    scrollbar-color: var(--bg-card) var(--bg-darker);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== UTILITIES ===== */

.text-primary { color: var(--text-primary) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.text-secondary { color: var(--text-secondary) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.text-muted { color: var(--text-muted) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.text-success { color: var(--success-color) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.text-danger { color: var(--danger-color) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.text-warning { color: var(--warning-color) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.text-info { color: var(--primary-color) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.text-center { text-align: center !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.text-left { text-align: left !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.text-right { text-align: right !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.font-bold { font-weight: 700 !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.font-semibold { font-weight: 600 !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.font-medium { font-weight: 500 !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.text-sm { font-size: 0.875rem !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.text-base { font-size: 1rem !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.text-lg { font-size: 1.125rem !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.text-xl { font-size: 1.25rem !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.text-2xl { font-size: 1.5rem !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.mt-0 { margin-top: 0 !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== COMPREHENSIVE RESPONSIVE DESIGN ===== */



/* Mobile Bottom Navigation */

.mobile-bottom-nav {

    display: none;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 999;

    background: rgba(15, 20, 30, 0.98);

    backdrop-filter: blur(20px) saturate(180%);

    -webkit-backdrop-filter: blur(20px) saturate(180%);

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.4);

    padding: 0.5rem 0;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.mobile-bottom-nav-item {

    flex: 1;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 0.25rem;

    padding: 0.5rem;

    text-decoration: none;

    color: var(--text-secondary);

    transition: all 0.3s ease;

    min-height: 60px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.mobile-bottom-nav-item.active {

    color: var(--primary-color);

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.mobile-bottom-nav-item svg {

    width: 24px;

    height: 24px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.mobile-bottom-nav-item span {

    font-size: 0.7rem;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* Responsive Breakpoints */

@media (max-width: 1440px) {

    .container {

        max-width: 1200px;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@media (max-width: 1024px) {

    .container {

        padding: 0 var(--spacing-md);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    /* Stack grid layouts */

    .premium-content {

        grid-template-columns: 1fr;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .premium-features {

        grid-template-columns: repeat(2, 1fr);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .features-grid-new {

        grid-template-columns: repeat(2, 1fr);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@media (max-width: 768px) {

    /* Hide desktop navigation menu items */

    .nav-menu .nav-link:not(.nav-link-steam):not(.nav-link-logout):not(.nav-link-premium) {

        display: none;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    /* Show mobile bottom navigation */

    .mobile-bottom-nav {

        display: flex;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    /* Add bottom padding to main content for mobile nav */

    body {

        padding-bottom: 70px;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    /* Compact layouts */

    .premium-features {

        grid-template-columns: 1fr;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .features-grid-new {

        grid-template-columns: 1fr;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .categories-list .category-card {

        flex-direction: column;

        align-items: flex-start;

        gap: 1rem;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .category-stats {

        width: 100%;

        justify-content: space-around;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    /* Compact headers */

    .page-header h1 {

        font-size: 2rem;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .premium-hero h1 {

        font-size: 2rem;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    /* Stack info panels */

    .gathers-info-panels,

    .public-info-panels {

        grid-template-columns: 1fr;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    /* Compact buttons */

    .btn {

        padding: 0.75rem 1.5rem;

        font-size: 0.875rem;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    /* Adjust sidebar */

    .user-sidebar {

        width: 100%;

        max-width: 320px;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@media (max-width: 480px) {

    .container {

        padding: 0 var(--spacing-sm);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .page-header h1 {

        font-size: 1.75rem;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .premium-hero h1 {

        font-size: 1.75rem;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .pricing-amount {

        font-size: 2.5rem;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    /* Touch-friendly targets */

    .btn,

    .nav-link,

    .mobile-bottom-nav-item {

        min-height: 44px;

        min-width: 44px;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

@media (max-width: 320px) {

    .container {

        padding: 0 var(--spacing-xs);

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}    

    .page-header h1 {

        font-size: 1.5rem;

    }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}}



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.mt-0 { margin-top: 0 !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.mt-1 { margin-top: var(--spacing-xs) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.mt-2 { margin-top: var(--spacing-sm) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.mt-3 { margin-top: var(--spacing-md) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.mt-4 { margin-top: var(--spacing-lg) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.mt-5 { margin-top: var(--spacing-xl) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.mb-0 { margin-bottom: 0 !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.mb-1 { margin-bottom: var(--spacing-xs) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.mb-2 { margin-bottom: var(--spacing-sm) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.mb-3 { margin-bottom: var(--spacing-md) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.mb-4 { margin-bottom: var(--spacing-lg) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.mb-5 { margin-bottom: var(--spacing-xl) !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

.hidden { display: none !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.block { display: block !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}.inline-block { display: inline-block !important; }



/* Admin Stat Trends */

.admin-stat-trend {

    font-size: 0.75rem;

    margin-top: 2px;

}



/* Admin Quick Actions */

.admin-quick-actions {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: var(--spacing-md);

}



.admin-quick-actions .btn {

    display: flex;

    align-items: center;

    gap: var(--spacing-sm);

    justify-content: center;

    padding: var(--spacing-md);

    font-size: 0.875rem;

    font-weight: 600;

    text-decoration: none;

    transition: all var(--transition-fast);

}



.admin-quick-actions .btn:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-lg);

}



.admin-quick-actions .btn svg {

    width: 18px;

    height: 18px;

}



/* Admin System Health */

.admin-system-health {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: var(--spacing-md);

}



.admin-health-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: var(--spacing-md);

    background: var(--bg-dark);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-md);

}



.admin-health-label {

    font-weight: 500;

    color: var(--text-primary);

}



.admin-health-status {

    display: flex;

    align-items: center;

    gap: var(--spacing-xs);

    font-size: 0.875rem;

    font-weight: 500;

}



.admin-health-status.status-good {

    color: #10b981;

}



.admin-health-status.status-warning {

    color: #f59e0b;

}



.admin-health-status.status-error {

    color: #ef4444;

}



.status-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: currentColor;

    animation: statusPulse 2s ease-in-out infinite;

}



@keyframes statusPulse {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.5;

    }

}

/* ===== ADMIN TEAM MANAGEMENT ===== */

.tier-info-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));

    gap: 1.5rem;

    margin-bottom: 2rem;

}



.tier-info-card {

    background: white;

    border-radius: 12px;

    border: 1px solid #e5e7eb;

    padding: 1.5rem;

    transition: all 0.3s ease;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

}



.tier-info-card:hover {

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

    transform: translateY(-2px);

}



.tier-info-header {

    display: flex;

    align-items: center;

    gap: 1rem;

    margin-bottom: 1rem;

}



.tier-info-badge {

    width: 48px;

    height: 48px;

    border-radius: 50%;

    color: white;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: bold;

    font-size: 1.2rem;

    flex-shrink: 0;

}



.tier-info-title h4 {

    margin: 0;

    font-size: 1.1rem;

    font-weight: 600;

    color: #1f2937;

}



.tier-info-subtitle {

    display: block;

    font-size: 0.8rem;

    color: #6b7280;

    margin-top: 0.25rem;

}



.tier-info-content p {

    margin: 0 0 1rem 0;

    color: #4b5563;

    font-size: 0.9rem;

    line-height: 1.5;

}



.tier-info-stats {

    display: flex;

    gap: 1rem;

}



.tier-stat {

    font-size: 0.85rem;

    color: #6b7280;

}



.tier-stat strong {

    color: #1f2937;

    font-weight: 600;

}