body.performance-mode,
body.performance-mode *,
body.performance-mode *::before,
body.performance-mode *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.performance-mode .sidebar,
body.performance-mode .modal-overlay,
body.performance-mode .modal-content,
body.performance-mode .lxrd-header-glass,
body.performance-mode .toast,
body.performance-mode .notifications-dropdown,
body.performance-mode .lxrd-card,
body.performance-mode .glass-card,
body.performance-mode [class*="glass"],
body.performance-mode [class*="liquid"] {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: var(--bg-secondary) !important;
}

body.performance-mode .modal-overlay {
    background: rgba(0, 0, 0, 0.85) !important;
}

body.performance-mode .lxrd-card,
body.performance-mode .glass-card,
body.performance-mode .card-glass-effect,
body.performance-mode .user-card,
body.performance-mode .lxrd-stat,
body.performance-mode .notifications-dropdown,
body.performance-mode .toast {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

body.performance-mode .lxrd-card:hover,
body.performance-mode .glass-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

body.performance-mode .lxrd-orb,
body.performance-mode .wheel-orb,
body.performance-mode [class*="-orb"],
body.performance-mode .lxrd-bg-orbs,
body.performance-mode .profile-ambient,
body.performance-mode .lxrd-card-shine,
body.performance-mode .glass-card-shine,
body.performance-mode [class*="-shine"],
body.performance-mode [class*="-glow"],
body.performance-mode [class*="-pulse"],
body.performance-mode .global-particles,
body.performance-mode #globalParticles {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

body.performance-mode .lxrd-card-border,
body.performance-mode .glass-card-border {
    opacity: 0.3 !important;
    animation: none !important;
}

body.performance-mode *,
body.performance-mode *::before,
body.performance-mode *::after {
    animation-duration: 0.001ms !important;
    animation-delay: 0.001ms !important;
    transition-duration: 0.1s !important;
}

body.performance-mode .lxrd-btn,
body.performance-mode .btn,
body.performance-mode a,
body.performance-mode .menu-item,
body.performance-mode input,
body.performance-mode textarea,
body.performance-mode select {
    transition-duration: 0.15s !important;
}

body.performance-mode .ripple {
    display: none !important;
}

body.performance-mode .sidebar,
body.performance-mode .main-content,
body.performance-mode #pageContainer,
body.performance-mode .lxrd-page {
    contain: layout style;
}

body.performance-mode .lxrd-card,
body.performance-mode .user-card,
body.performance-mode .lxrd-stat,
body.performance-mode .toast,
body.performance-mode .menu-item,
body.performance-mode .admin-tab {
    contain: layout style paint;
}

body.performance-mode .lxrd-grid,
body.performance-mode .lxrd-list,
body.performance-mode [class*="-grid"],
body.performance-mode [class*="-list"] {
    contain: layout;
}

body.performance-mode .lxrd-stagger > *:nth-child(n+10),
body.performance-mode .lxrd-grid > *:nth-child(n+10),
body.performance-mode .lxrd-list > *:nth-child(n+10) {
    content-visibility: auto;
    contain-intrinsic-size: 0 80px;
}

html {
    scroll-behavior: auto;
}

body.performance-mode .lxrd-header-glass,
body.performance-mode .notifications-dropdown {
    background: rgba(10, 10, 10, 0.98) !important;
    border: 1px solid var(--border-color) !important;
}

body.performance-mode .toast {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
}

body.performance-mode .manual-reader-modal,
body.performance-mode .pdf-reader-overlay,
body.performance-mode .leak-checker-overlay {
    background: var(--bg-primary) !important;
}

body.performance-mode .wheel-container,
body.performance-mode .wheel-canvas-container {
    filter: none !important;
}

body.performance-mode .confetti,
body.performance-mode .wheel-confetti,
body.performance-mode [class*="confetti"] {
    display: none !important;
}

.lxrd-card,
.user-card,
.lxrd-stat,
.menu-item,
.admin-tab,
.toast,
.notification-item {
    contain: layout style paint;
}

.sidebar,
.main-content,
#pageContainer {
    contain: layout style;
}

.lxrd-grid,
.lxrd-list,
[class*="-grid"],
[class*="-list"] {
    contain: layout;
}

.lxrd-stagger > *:nth-child(n+15) {
    content-visibility: auto;
    contain-intrinsic-size: 0 100px;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.001ms !important;
        animation-delay: 0.001ms !important;
        transition-duration: 0.001ms !important;
    }
    
    .lxrd-orb,
    [class*="-orb"],
    .lxrd-bg-orbs,
    .global-particles {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .lxrd-orb,
    [class*="-orb"],
    .lxrd-bg-orbs,
    .lxrd-card-shine,
    [class*="-shine"] {
        display: none !important;
    }
    
    .lxrd-stagger > *:nth-child(n+8) {
        content-visibility: auto;
        contain-intrinsic-size: 0 80px;
    }
}

.lxrd-card:hover,
.glass-card:hover,
.user-card:hover,
.menu-item:hover,
.lxrd-btn:hover,
.btn:hover {
    transform: translateY(-2px);
}

.lxrd-card,
.glass-card,
.user-card,
.menu-item,
.lxrd-btn,
.btn {
    transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}