:root { --sidebar-width: 280px; }
        body { background-color: #f8f9fa; }

        /* Sidebar cho Desktop */
        @media (min-width: 992px) {
            .sidebar-wrapper {
                width: var(--sidebar-width);
                position: fixed;
                top: 0; left: 0; bottom: 0;
                background: #fff;
                border-right: 1px solid #dee2e6;
                z-index: 1000;
            }
            .main-content { margin-left: var(--sidebar-width); }
            .mobile-nav-bar { display: none; } /* Ẩn thanh tiêu đề mobile trên desktop */
        }

        /* Tùy chỉnh cho Mobile & Tablet */
        @media (max-width: 991.98px) {
            .sidebar-wrapper { display: none; } /* Ẩn sidebar tĩnh */
            .main-content { padding-top: 70px; }
            .mobile-nav-bar {
                position: fixed; top: 0; left: 0; right: 0;
                height: 60px; background: #fff;
                display: flex; align-items: center; padding: 0 15px;
                border-bottom: 1px solid #dee2e6; z-index: 1030;
            }
        }

        .nav-link { color: #333; transition: 0.2s; border-radius: 8px; }
        .nav-link:hover { background: #e9ecef; color: #0d6efd; }
        .nav-link.active { background: #0d6efd; color: #fff !important; }
		/* Tùy chỉnh thanh cuộn cho khung code */
		
		pre[class*="language-"]::-webkit-scrollbar {
			width: 8px;
			height: 8px;
		}
		pre[class*="language-"]::-webkit-scrollbar-thumb {
			background: #444;
			border-radius: 4px;
		}
		pre[class*="language-"] {
			margin: 0 !important;
			font-size: 13px !important;
			background: #1e1e1e !important; /* Màu nền tối chuyên nghiệp */
		}
		/* Hiệu ứng khi copy */
		.copy-success {
			background-color: #28a745 !important;
			color: white !important;
		}