body {
            font-family: 'Inter', sans-serif;
            background-color: #F8FAFC;
        }
        .sidebar-active {
            background-color: #EEF2FF;
            color: #2563EB;
            border-radius: 0.5rem;
        }
        .category-card:hover {
            transform: translateY(-4px);
            transition: all 0.3s ease;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        }
        .hide-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        .site-logo-wrapper,
        .sidebar-logo-wrapper {
            width: 8rem;
            height: 5rem;
            overflow: hidden;
            border-radius: 1rem;
            box-shadow: 0 8px 20px rgba(59, 130, 246, 0.18);
        }
        .site-logo-img,
        .sidebar-logo-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* Footer Styles */
        footer {
            background-color: #1e3a5f;
            color: white;
            text-align: center;
            padding: 60px 5% 30px;
        }

        .footer-logo {
            font-size: 32px;
            margin-bottom: 10px;
        }