body {
            background-color: #f8fafc;
        }

        .stat-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .arena-tab {
            color: #64748b;
        }

        .arena-tab:hover {
            color: #214395;
        }

        .arena-tab.active {
            background: #ffffff;
            color: #214395;
            box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
        }

        @media (hover: hover) {
            .stat-card:hover {
                transform: perspective(900px) translateY(-4px) rotateX(2deg);
                box-shadow: 0 16px 32px -10px rgba(33, 67, 149, 0.3);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            [data-aos] {
                opacity: 1 !important;
                transform: none !important;
            }
        }

        .cam-feed {
            background-color: #0f172a;
            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgZmlsbD0iIzMzMyIgY2xhc3M9ImJpIGJpLWNhbWVyYS12aWRlby1vZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+ICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC45NjEgMTIuMzY1YTEuOTkgMS45OSAwIDAgMCAuNTIyLS45M2wxLjQzMi00LjI5M2EuNS41IDAgMCAwLS42NTYtLjYxNUwxMC45NiAxMi4zNjV6bS05Ljk2LTEuNTM3QTIuOTk4IDIuOTk4IDAgMCAwIDIuOTY4IDE0LjVoNy45NThhMi45OTggMi45OTggMCAwIDAgMS4wMzMtLjIxM2wtOS05Ljk2OHpNMTEuOTMgMTQuNWMtLjY4OCAwLTEuMzQzLS4xNS0xLjkzNS0uNDIyTDMuNzQ4IDEuOTIzQTMgMyAwIDAgMSA1LjAxIDNoNC45NDF2M0gyLjVMMS4yNjYgNC4xNTVhNC4wMDMgNC4wMDMgMCAwIDAtLjI2Ny45NjhsLTEuNDMyIDQuMjkzYS41LjUgMCAwIDAgLjY1Ni42MTV6Ii8+ICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi45NTQgNC44NzVMMTUuOTMzIDMuODU1IDEuMDY2IDE4LjcyMmwxLjAyIDEuMDIgMTQuODY4LTE0Ljg2N3oiLz48L3N2Zz4=');
            background-repeat: no-repeat;
            background-position: center;
        }

        .mini-board .board-b72b1 {
            border: 2px solid #cbd5e1;
        }

        ::-webkit-scrollbar {
            width: 6px;
        }

        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        ::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 10px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }

.swal2-confirm{background-color:#214395 !important}
.swal2-confirm:focus{box-shadow:0 0 0 3px rgba(33,67,149,.4) !important}
.swal2-popup{border-radius:1rem !important;font-family:"Plus Jakarta Sans",sans-serif !important}

        button:not(:disabled):active {
            transform: scale(0.96);
        }

        @view-transition {
            navigation: auto;
        }

        ::view-transition-old(root),
        ::view-transition-new(root) {
            animation-duration: 0.34s;
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        }

        @keyframes mlxPageIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        @supports not (view-transition-name: none) {
            body {
                animation: mlxPageIn 0.3s ease both;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            body { animation: none; }
            ::view-transition-old(root),
            ::view-transition-new(root) { animation: none; }
        }