body {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }
        .sidebar {
            max-height: calc(100dvh - 151px);
        }
        .main-container {
            display: flex;
            flex: 1;
            position: relative;
        }
        .main-content {
            padding: 1rem;
            flex: 1;
            overflow-y: auto;
        }
        .footer {
            margin-top: auto;
            z-index: 2001;
            box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05);
        }
        .footer .ad-container {
            max-width: 728px;
            margin: 0 auto;
        }
        @media (max-width: 768px) {
            .sidebar.show {
                transform: translateX(0);
                max-height: calc(100dvh - 56px);
                z-index: 2005;
            }
            .sidebar {
                max-height: calc(100dvh - 146px);
            }
            .mobilehide {
                display:none;
            }
        }
        /* ===== Scrollbar Styling ===== */
        * {
            scrollbar-width: thin;
            scrollbar-color: #dc3545 #f5f5f5;
        }

        *::-webkit-scrollbar {
            width: 10px;
        }

        *::-webkit-scrollbar-track {
            background: #f5f5f5;
        }

        *::-webkit-scrollbar-thumb {
            background: #dc3545;
            border-radius: 5px;
        }

        *::-webkit-scrollbar-thumb:hover {
            background: #dc3545;
        }