.admin-course-section-page {
    background:
        radial-gradient(circle at 16% 12%, rgba(123, 189, 232, 0.48), transparent 26rem),
        radial-gradient(circle at 88% 8%, rgba(78, 142, 162, 0.54), transparent 28rem),
        radial-gradient(circle at 52% 74%, rgba(10, 65, 116, 0.72), transparent 34rem),
        linear-gradient(145deg, #BDD8E9 0%, #7BBDE8 18%, #49769F 42%, #0A4174 68%, #001D39 100%) !important;
    background-attachment: fixed;
    color: #e7f2fb;
    position: relative;
}

.admin-course-section-page::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, 0.22), transparent 24%, rgba(255, 255, 255, 0.06) 46%, transparent 70%),
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.18), transparent 34rem);
    mix-blend-mode: soft-light;
}

.admin-course-shell {
    position: relative;
    overflow: hidden;
}

.admin-course-shell::before,
.admin-course-shell::after {
    content: "";
    position: absolute;
    width: 28rem;
    height: 28rem;
    border-radius: 999px;
    filter: blur(30px);
    opacity: 0.22;
    pointer-events: none;
    z-index: 0;
}

.admin-course-shell::before {
    top: 3rem;
    left: -11rem;
    background: #7BBDE8;
}

.admin-course-shell::after {
    right: -13rem;
    top: 24rem;
    background: #4E8EA2;
}

.admin-course-shell > * {
    position: relative;
    z-index: 1;
}

.admin-course-section-page #adminDashboard > div > div:first-child h1,
.admin-course-section-page #adminDashboard > div > div:first-child h2,
.admin-course-section-page #adminDashboard > div > div:first-child p:not(.text-amber-100):not(.text-orange-100):not(.text-indigo-100):not(.text-green-100):not(.text-purple-100):not(.text-teal-100):not(.text-blue-100) {
    color: #e7f2fb !important;
}

.admin-course-section-page #adminAccessLoading .bg-white,
.admin-course-section-page .bg-white {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(189, 216, 233, 0.1)) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow:
        0 26px 78px rgba(0, 29, 57, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
    backdrop-filter: blur(30px) saturate(1.18);
    -webkit-backdrop-filter: blur(30px) saturate(1.18);
    position: relative;
    overflow: hidden;
}

.admin-course-section-page #adminAccessLoading .bg-white::before,
.admin-course-section-page .bg-white::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(130deg, rgba(255, 255, 255, 0.3), transparent 34%, rgba(255, 255, 255, 0.07));
    opacity: 0.84;
    pointer-events: none;
}

.admin-course-section-page #adminAccessLoading .bg-white > *,
.admin-course-section-page .bg-white > * {
    position: relative;
    z-index: 1;
}

.admin-course-section-page #adminAccessLoading .bg-white,
.admin-course-section-page #adminAccessLoading .bg-white * {
    color: #102943 !important;
}

.admin-course-section-page .bg-white,
.admin-course-section-page .bg-white h1,
.admin-course-section-page .bg-white h2,
.admin-course-section-page .bg-white h3,
.admin-course-section-page .bg-white h4,
.admin-course-section-page .bg-white p,
.admin-course-section-page .bg-white label,
.admin-course-section-page .bg-white span,
.admin-course-section-page .bg-white td,
.admin-course-section-page .bg-white th,
.admin-course-section-page .bg-white button:not(.text-white),
.admin-course-section-page .bg-white a:not(.text-white) {
    color: #102943 !important;
}

.admin-course-section-page .text-gray-900,
.admin-course-section-page .text-gray-800,
.admin-course-section-page .text-gray-700,
.admin-course-section-page .text-gray-600,
.admin-course-section-page .text-gray-500,
.admin-course-section-page .text-gray-400 {
    color: #102943 !important;
}

.admin-course-section-page input,
.admin-course-section-page select,
.admin-course-section-page textarea {
    background: rgba(232, 240, 246, 0.92) !important;
    color: #16314b !important;
    border: 1px solid rgba(123, 189, 232, 0.32) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58);
}

.admin-course-section-page input::placeholder,
.admin-course-section-page textarea::placeholder {
    color: #6b8ea9 !important;
}

.admin-course-section-page input:focus,
.admin-course-section-page select:focus,
.admin-course-section-page textarea:focus {
    outline: none;
    border-color: rgba(78, 142, 162, 0.72) !important;
    box-shadow:
        0 0 0 4px rgba(123, 189, 232, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.62);
}

.admin-course-section-page .bg-gray-50,
.admin-course-section-page .bg-gray-100,
.admin-course-section-page .bg-amber-50,
.admin-course-section-page .bg-orange-50,
.admin-course-section-page .bg-purple-50,
.admin-course-section-page .bg-blue-50,
.admin-course-section-page .bg-green-50 {
    background: rgba(221, 233, 242, 0.58) !important;
}

.admin-course-section-page .bg-gradient-to-r.from-amber-500.to-orange-500,
.admin-course-section-page .bg-gradient-to-r.from-orange-500.to-red-500,
.admin-course-section-page .bg-gradient-to-r.from-indigo-500.to-blue-500,
.admin-course-section-page .bg-gradient-to-r.from-green-500.to-emerald-500,
.admin-course-section-page .bg-gradient-to-r.from-purple-500.to-pink-500,
.admin-course-section-page .bg-gradient-to-r.from-blue-500.to-cyan-500 {
    background: linear-gradient(135deg, rgba(123, 189, 232, 0.82), rgba(78, 142, 162, 0.64) 52%, rgba(10, 65, 116, 0.86)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.admin-course-section-page .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgba(123, 189, 232, 0.2) !important;
}

.admin-course-section-page .text-white,
.admin-course-section-page .text-amber-100,
.admin-course-section-page .text-orange-100,
.admin-course-section-page .text-indigo-100,
.admin-course-section-page .text-green-100,
.admin-course-section-page .text-purple-100,
.admin-course-section-page .text-teal-100,
.admin-course-section-page .text-blue-100,
.admin-course-section-page .bg-gradient-to-r,
.admin-course-section-page .bg-gradient-to-r *,
.admin-course-section-page .bg-gradient-to-br,
.admin-course-section-page .bg-gradient-to-br * {
    color: #f8fbff !important;
}

.admin-course-section-page footer a,
.admin-course-section-page footer p,
.admin-course-section-page footer span,
.admin-course-section-page footer h3,
.admin-course-section-page footer h4 {
    color: #d8e9f4 !important;
}

.admin-course-section-page footer {
    background: rgba(0, 29, 57, 0.42) !important;
    border-top: 1px solid rgba(189, 216, 233, 0.2) !important;
    box-shadow: 0 12px 40px rgba(0, 29, 57, 0.18);
    backdrop-filter: blur(28px) saturate(1.4);
    -webkit-backdrop-filter: blur(28px) saturate(1.4);
}

.admin-course-section-page footer .border-amber-500 {
    border-color: rgba(123, 189, 232, 0.2) !important;
}