.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .neo-brutalist-card {
            box-shadow: 8px 8px 0px 0px rgba(184, 195, 255, 1);
            transition: all 0.2s ease;
        }
        .neo-brutalist-card:hover {
            transform: translate(-4px, -4px);
            box-shadow: 12px 12px 0px 0px rgba(221, 183, 255, 1);
        }
        .elite-card {
            box-shadow: 8px 8px 0px 0px rgba(221, 183, 255, 1);
            background: linear-gradient(135deg, #131313 0%, #1a1a1a 100%);
        }
        .elite-card:hover {
            box-shadow: 12px 12px 0px 0px rgba(184, 195, 255, 1);
        }
        .custom-gradient-text {
            background: linear-gradient(90deg, #b8c3ff, #ddb7ff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .automotive-pattern {
            background-image: radial-gradient(circle at 2px 2px, #333 1px, transparent 0);
            background-size: 24px 24px;
        }
        #sidebar.open {
            transform: translateX(0);
        }
        /* Sidebar transition is handled by Tailwind utility classes + .open */