body {
            font-family: 'Kalpurush', 'Noto Sans Bengali', sans-serif;
            background-color: #f8fafc;
            scroll-behavior: smooth;
        }
        h1, h2, h3, h4, h5, h6,
        [class*="title"],
        .school-name-style {
            font-family: 'Kalpurush', 'Noto Sans Bengali', sans-serif !important;
        }
        .page-admin-toolbar button,
        #resultAdminOpen,
        #galleryAdminOpen,
        #blogAdminOpen {
            color: #fff !important;
            background-color: #047857 !important;
            border: 2px solid #f4b323 !important;
            border-radius: .75rem !important;
            box-shadow: 0 4px 10px rgb(2 44 34 / 22%) !important;
            font-weight: 800 !important;
            font-family: 'Kalpurush', 'Noto Sans Bengali', sans-serif !important;
            transition: transform .15s ease, background-color .15s ease, box-shadow .15s ease;
        }
        #headerAdminActions:not(.hidden) {
            display: flex !important;
        }
        @media (max-width: 1279px) {
            #headerAdminActions:not(.hidden) {
                display: none !important;
            }
        }
        #headerAdminActions .page-admin-toolbar {
            width: 100%;
            max-width: 600px;
            gap: .35rem;
        }
        #headerAdminActions .page-admin-toolbar button,
        .page-admin-toolbar button {
            padding: .5rem .75rem !important;
            font-size: .9rem !important;
            line-height: 1.35 !important;
            font-family: 'Kalpurush', 'Noto Sans Bengali', sans-serif !important;
            white-space: nowrap;
        }
        .page-admin-toolbar button:hover,
        #resultAdminOpen:hover,
        #galleryAdminOpen:hover,
        #blogAdminOpen:hover {
            color: #fff !important;
            background-color: #065f46 !important;
            transform: translateY(-1px);
            box-shadow: 0 6px 14px rgb(2 44 34 / 28%) !important;
        }
        .gallery-card-action {
            display: inline-flex;
            min-height: 2.5rem;
            flex: 1 1 0%;
            align-items: center;
            justify-content: center;
            gap: .5rem;
            border: 1px solid transparent;
            border-radius: .625rem;
            padding: .5rem .75rem;
            color: #fff;
            font-size: .875rem;
            font-weight: 700;
            transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease;
        }
        .gallery-card-action:hover,
        .gallery-card-action:focus-visible {
            color: #fff;
            transform: translateY(-1px);
            box-shadow: 0 3px 8px rgb(2 44 34 / 22%);
        }
        .gallery-card-edit { background-color: #047857; }
        .gallery-card-edit:hover,
        .gallery-card-edit:focus-visible { background-color: #065f46; }
        .gallery-card-delete { background-color: #b91c1c; }
        .gallery-card-delete:hover,
        .gallery-card-delete:focus-visible { background-color: #991b1b; }
        .notice-card-action {
            display: inline-flex;
            min-height: 1.75rem;
            flex: 0 0 auto;
            align-items: center;
            justify-content: center;
            gap: .3rem;
            border: 1px solid transparent;
            border-radius: .5rem;
            padding: .25rem .55rem;
            color: #fff;
            font-size: .75rem;
            font-weight: 600;
            line-height: 1;
            transition: background-color .15s ease, box-shadow .15s ease;
        }
        .notice-card-action i { font-size: .7rem; }
        .notice-card-action:hover,
        .notice-card-action:focus-visible {
            color: #fff;
            box-shadow: 0 2px 6px rgb(2 44 34 / 22%);
        }
        .notice-card-edit { background-color: #047857; }
        .notice-card-edit:hover,
        .notice-card-edit:focus-visible { background-color: #065f46; }
        .notice-card-delete { background-color: #b91c1c; }
        .notice-card-delete:hover,
        .notice-card-delete:focus-visible { background-color: #991b1b; }
        .blog-admin-action {
            display: inline-flex;
            height: 1.75rem;
            width: 1.75rem;
            align-items: center;
            justify-content: center;
            border-radius: .375rem;
            background-color: rgb(255 255 255 / 92%);
            color: #047857;
            box-shadow: 0 1px 3px rgb(2 44 34 / 25%);
            transition: background-color .15s ease, color .15s ease;
        }
        .blog-admin-action i { font-size: .75rem; }
        .blog-admin-action:hover,
        .blog-admin-action:focus-visible { background-color: #fff; color: #065f46; }
        .blog-admin-action.is-delete { color: #dc2626; }
        .blog-admin-action.is-delete:hover,
        .blog-admin-action.is-delete:focus-visible { color: #b91c1c; }
        html[data-theme="night"] .blog-admin-action {
            background-color: rgb(24 34 51 / 94%);
            color: #34d399;
            box-shadow: 0 1px 4px rgb(0 0 0 / 55%);
        }
        html[data-theme="night"] .blog-admin-action:hover,
        html[data-theme="night"] .blog-admin-action:focus-visible { background-color: #1f2a3d; color: #6ee7b7; }
        html[data-theme="night"] .blog-admin-action.is-delete { color: #f87171; }
        html[data-theme="night"] .blog-admin-action.is-delete:hover,
        html[data-theme="night"] .blog-admin-action.is-delete:focus-visible { color: #fca5a5; }
        .class-result-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: .5rem;
            aspect-ratio: 1 / 1;
            border-radius: 1rem;
            padding: 1rem;
            text-align: center;
            background-color: #ecfdf5;
            border: 1px solid #a7f3d0;
            color: #022c22;
            box-shadow: 0 1px 2px rgb(2 44 34 / 6%);
            transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
        }
        .class-result-card:hover,
        .class-result-card:focus-visible {
            transform: translateY(-2px);
            background-color: #f0fdf4;
            border-color: #34d399;
            box-shadow: 0 12px 26px -14px rgb(2 44 34 / 40%);
        }
        .class-result-card:focus-visible { outline: 3px solid #6ee7b7; outline-offset: 2px; }
        .class-result-icon { font-size: 1.15rem; color: #047857; }
        .class-result-name { font-weight: 700; font-size: 1.02rem; line-height: 1.3; }
        .class-result-count { border-radius: 999px; background-color: #047857; color: #fff; font-size: .72rem; font-weight: 700; padding: .2rem .65rem; }
        html[data-theme="night"] .class-result-card {
            background-color: #111c2c;
            border-color: #1f3a33;
            color: #e2e8f0;
            box-shadow: none;
        }
        html[data-theme="night"] .class-result-card:hover,
        html[data-theme="night"] .class-result-card:focus-visible {
            background-color: #152a42;
            border-color: #2f6f5b;
        }
        html[data-theme="night"] .class-result-icon { color: #6ee7b7; }
        html[data-theme="night"] .class-result-count { background-color: #065f46; color: #ecfdf5; }
        .student-class-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: .15rem;
            padding: .6rem .35rem;
            border-radius: .8rem;
            border: 1px solid #cbd5e1;
            background-color: #f8fafc;
            color: #334155;
            font-size: .72rem;
            font-weight: 700;
            line-height: 1.25;
            text-align: center;
            transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .1s ease;
        }
        .student-class-card:hover { border-color: #34d399; background-color: #ecfdf5; }
        .student-class-card.is-active { background-color: #047857; border-color: #047857; color: #fff; }
        .student-class-card .student-class-count { font-size: .65rem; font-weight: 600; opacity: .75; }
        .student-class-card.is-active .student-class-count { opacity: .92; }
        html[data-theme="night"] .student-class-card { background-color: #111c2c; border-color: #334155; color: #e2e8f0; }
        html[data-theme="night"] .student-class-card:hover { background-color: #14243a; border-color: #2f6f5b; }
        html[data-theme="night"] .student-class-card.is-active { background-color: #047857; border-color: #34d399; color: #fff; }
        @media (max-width: 640px) {
            .notice-card { padding-right: 4.75rem !important; }
            .notice-card-action { padding: .35rem; }
            .notice-card-action span { display: none; }
        }
        .notice-card-title,
        .notice-card-details {
            max-width: 100%;
            overflow-wrap: anywhere;
        }
        .notice-card-details {
            line-height: 1.7;
        }
        .notice-image-action {
            display: inline-flex;
            min-height: 2.25rem;
            align-items: center;
            justify-content: center;
            gap: .4rem;
            border: 1px solid #047857;
            border-radius: .5rem;
            padding: .35rem .7rem;
            background-color: #fff;
            color: #065f46;
            font-size: .8rem;
            font-weight: 700;
            text-decoration: none;
            transition: background-color .15s ease, color .15s ease;
        }
        .notice-image-action:hover,
        .notice-image-action:focus-visible {
            background-color: #047857;
            color: #fff;
            outline: 2px solid #a7f3d0;
            outline-offset: 1px;
        }
        .portal-image-editable {
            cursor: pointer;
        }
        .portal-image-editable:hover,
        .portal-image-editable:focus-visible {
            outline: 3px solid #f4b323;
            outline-offset: 2px;
        }
        .max-w-7xl {
            max-width: 1536px !important;
        }
        /* Keep editable About copy and notice details readable, including pasted formatting. */
        #page-about .text-slate-600,
        #page-about .text-slate-600 *,
        #page-about .text-slate-700,
        #page-about .text-slate-700 * {
            color: #1e293b !important;
        }
        #noticeList p.whitespace-pre-line {
            color: #1e293b !important;
        }
        #recentNoticeList .text-slate-800 {
            color: #0f172a !important;
        }
        #recentNoticeList .text-slate-500 {
            color: #334155 !important;
        }
        #noticeTickerBar {
            background-color: #063b2d !important;
            color: #fff !important;
            border-bottom: 2px solid #f4b323;
        }
        #noticeTickerLabel {
            background-color: #f4b323 !important;
            color: #102a1d !important;
            border: 1px solid #fff2c2;
            box-shadow: 0 1px 4px rgb(0 0 0 / 28%);
        }
        #noticeTicker {
            color: #fff !important;
            font-weight: 700 !important;
            text-shadow: 0 1px 3px rgb(0 0 0 / 75%);
        }
        .notice-ticker-action {
            display: inline-flex;
            min-height: 2rem;
            align-items: center;
            justify-content: center;
            gap: .35rem;
            border: 1px solid #f4b323;
            border-radius: .5rem;
            padding: .35rem .55rem;
            background-color: #047857;
            color: #fff;
            font-size: .75rem;
            font-weight: 700;
            white-space: nowrap;
        }
        .notice-ticker-action:hover,
        .notice-ticker-action:focus-visible {
            background-color: #065f46;
            color: #fff;
            outline: 2px solid #fcd34d;
            outline-offset: 1px;
        }
        .notice-ticker-delete {
            border-color: #fca5a5;
            background-color: #b91c1c;
        }
        .notice-ticker-delete:hover,
        .notice-ticker-delete:focus-visible {
            background-color: #991b1b;
        }
        @media (max-width: 640px) {
            .notice-ticker-action {
                width: 2rem;
                padding: .35rem;
            }
            .notice-ticker-action span {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border: 0;
            }
        }
        #institutionGoalsList,
        #institutionGoalsList * {
            font-weight: 400 !important;
        }
        #heroAboutButton,
        #heroResultsButton {
            display: inline-flex;
            min-height: 48px;
            align-items: center;
            justify-content: center;
            gap: .35rem;
            border: 2px solid #fff;
            font-weight: 700;
            text-shadow: none;
            box-shadow: 0 4px 14px rgb(0 0 0 / 38%);
        }
        #heroAboutButton {
            background-color: #f4b323 !important;
            color: #102a1d !important;
        }
        #heroAboutButton:hover {
            background-color: #ffd166 !important;
            color: #102a1d !important;
        }
        #heroResultsButton {
            background-color: #075b45 !important;
            color: #fff !important;
        }
        #heroResultsButton:hover {
            background-color: #087f5b !important;
            color: #fff !important;
        }
        #heroAboutButton:focus-visible,
        #heroResultsButton:focus-visible {
            outline: 3px solid #fff;
            outline-offset: 3px;
        }
        #modalContent input,
        #modalContent textarea,
        #modalContent select {
            color: #0f172a;
            background-color: #fff;
        }
        #modalContent input::placeholder,
        #modalContent textarea::placeholder {
            color: #64748b;
            opacity: 1;
        }
        /* Unified admin dialog form styling */
        #modalOverlay > div {
            border: 1px solid #e2e8f0;
            box-shadow: 0 24px 60px -18px rgb(2 44 34 / 38%);
            padding-top: 3rem !important;
        }
        #modalContent label {
            font-size: .8125rem;
            font-weight: 600;
            color: #334155;
            line-height: 1.35;
        }
        #modalContent input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
        #modalContent textarea,
        #modalContent select {
            width: 100%;
            border: 1px solid #cbd5e1;
            border-radius: .75rem;
            padding: .6rem .8rem;
            background-color: #fff;
            color: #0f172a;
            font-size: .9rem;
            transition: border-color .15s ease, box-shadow .15s ease;
        }
        #modalContent textarea {
            resize: vertical;
            min-height: 4.5rem;
        }
        #modalContent input[type="file"] {
            width: 100%;
            border: 1px dashed #86efac;
            border-radius: .75rem;
            background-color: #f6fef9;
            padding: .5rem .65rem;
            font-size: .75rem;
            cursor: pointer;
        }
        #modalContent input[type="file"]::file-selector-button {
            border: 0;
            border-radius: .5rem;
            background: #047857;
            color: #fff;
            font-weight: 600;
            padding: .35rem .7rem;
            margin-right: .6rem;
            cursor: pointer;
        }
        #modalContent input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
        #modalContent textarea:focus,
        #modalContent select:focus {
            outline: none;
            border-color: #059669;
            box-shadow: 0 0 0 3px rgb(16 185 129 / 18%);
        }
        #modalContent input[type="checkbox"],
        #modalContent input[type="radio"] {
            accent-color: #047857;
            width: 1rem;
            height: 1rem;
        }
        #modalContent fieldset {
            border: 1px solid #d1fae5;
            background-color: #f7fffb;
            border-radius: .9rem;
            padding: .85rem;
        }
        #modalContent legend {
            padding: 0 .35rem;
            font-weight: 700;
            color: #065f46;
            font-size: .8125rem;
        }
        #modalContent button[type="submit"] {
            border-radius: .75rem;
            font-weight: 700;
            transition: filter .15s ease, box-shadow .15s ease;
        }
        #modalContent button[type="submit"]:hover {
            filter: brightness(1.07);
            box-shadow: 0 6px 18px -8px rgb(4 120 87 / 55%);
        }
        html[data-theme="night"] #modalOverlay > div {
            background-color: #182233 !important;
            border-color: #334155 !important;
        }
        html[data-theme="night"] #modalContent label {
            color: #e2e8f0;
        }
        html[data-theme="night"] #modalContent input[type="file"] {
            border-color: #1f5c4a !important;
            background-color: #0f172a !important;
            color: #a7f3d0 !important;
        }
        html[data-theme="night"] #modalContent fieldset {
            border-color: #1f3a33 !important;
            background-color: #111c2c !important;
        }
        html[data-theme="night"] #modalContent legend {
            color: #6ee7b7;
        }
        html[data-theme="night"] #modalContent input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
        html[data-theme="night"] #modalContent textarea:focus,
        html[data-theme="night"] #modalContent select:focus {
            border-color: #34d399 !important;
            box-shadow: 0 0 0 3px rgb(52 211 153 / 22%) !important;
        }
        #modalOverlay > div > button.absolute {
            top: .7rem;
            right: .7rem;
            z-index: 20;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 2.25rem;
            width: 2.25rem;
            border-radius: 999px;
            background-color: #f1f5f9;
            border: 1px solid #e2e8f0;
            color: #475569;
            font-size: 1rem;
            box-shadow: 0 1px 2px rgb(15 23 42 / 12%);
            transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
        }
        #modalOverlay > div > button.absolute:hover,
        #modalOverlay > div > button.absolute:focus-visible {
            background-color: #e2e8f0;
            color: #0f172a;
            box-shadow: 0 2px 6px rgb(15 23 42 / 18%);
        }
        #modalOverlay > div > button.absolute:focus-visible {
            outline: 3px solid #6ee7b7;
            outline-offset: 2px;
        }
        html[data-theme="night"] #modalOverlay > div > button.absolute {
            background-color: #1f2a3d;
            border-color: #334155;
            color: #cbd5e1;
            box-shadow: 0 1px 3px rgb(0 0 0 / 45%);
        }
        html[data-theme="night"] #modalOverlay > div > button.absolute:hover,
        html[data-theme="night"] #modalOverlay > div > button.absolute:focus-visible {
            background-color: #243044;
            color: #f8fafc;
        }
        .school-name-style {
            font-family: 'Kalpurush', 'Noto Sans Bengali', sans-serif !important;
            color: #dc2626 !important;
        }
        .hero-school-name {
            font-weight: 900 !important;
        }
        .gallery-photo-frame {
            position: relative;
            isolation: isolate;
            overflow: hidden;
            background: #e2e8f0;
        }
        .gallery-photo-frame > .gallery-blurred-background {
            position: absolute;
            z-index: 0;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: blur(16px);
            transform: scale(1.1);
            opacity: .75;
            pointer-events: none;
        }
        .gallery-photo-frame > img,
        .gallery-photo-frame > a {
            position: relative;
            z-index: 1;
        }
        #portalEditorPanel {
            max-height: min(75vh, 44rem);
            overflow: auto;
            resize: both;
            min-width: min(17rem, calc(100vw - 1rem));
        }
        #portalEditorPanel.is-collapsed {
            width: auto !important;
            max-height: none;
            min-width: 0;
            overflow: visible;
            resize: none;
        }
        #portalEditorPanel.is-collapsed .portal-editor-body { display: none; }
        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        ::-webkit-scrollbar-thumb {
            background: #047857;
            border-radius: 4px;
        }
        /* Ticker Animation */
        .ticker-wrap {
            overflow: hidden;
            white-space: nowrap;
        }
        .ticker {
            display: inline-block;
            animation: ticker 35s linear infinite;
        }
        .ticker:hover {
            animation-play-state: paused;
        }
        .recent-update-slide {
            animation: recentUpdateEnter 0.55s ease both;
        }
        @keyframes recentUpdateEnter {
            from { opacity: 0; transform: translateX(22px); }
            to { opacity: 1; transform: translateX(0); }
        }
        @keyframes ticker {
            0% { transform: translate3d(100%, 0, 0); }
            100% { transform: translate3d(-100%, 0, 0); }
        }

        body,
        body .bg-white,
        body .bg-slate-50,
        body .bg-slate-100,
        body [class*="border-slate-"] {
            transition: background-color .6s ease, color .6s ease, border-color .6s ease;
        }
        html[data-theme="afternoon"] body {
            background-color: #fff7ed !important;
        }
        html[data-theme="afternoon"] .bg-white {
            background-color: #fffbeb !important;
        }
        html[data-theme="afternoon"] .bg-slate-50 {
            background-color: #fef3c7 !important;
        }
        html[data-theme="afternoon"] .border-slate-200,
        html[data-theme="afternoon"] .border-slate-300 {
            border-color: #fcd34d !important;
        }

        html[data-theme="evening"] body {
            background-color: #dbe4f0 !important;
        }
        html[data-theme="evening"] .bg-white {
            background-color: #e8edf5 !important;
        }
        html[data-theme="evening"] .bg-slate-50 {
            background-color: #cbd5e1 !important;
        }
        html[data-theme="evening"] .border-slate-200,
        html[data-theme="evening"] .border-slate-300 {
            border-color: #94a3b8 !important;
        }

        html[data-theme="night"] body {
            background-color: #0b1220 !important;
            color: #e2e8f0 !important;
        }
        html[data-theme="night"] .bg-white {
            background-color: #182233 !important;
        }
        html[data-theme="night"] .bg-slate-50,
        html[data-theme="night"] .bg-slate-100 {
            background-color: #111827 !important;
        }
        html[data-theme="night"] .bg-amber-50,
        html[data-theme="night"] .bg-amber-100 {
            background-color: #2b2410 !important;
            border-color: #a16207 !important;
        }
        html[data-theme="night"] .bg-amber-50 *,
        html[data-theme="night"] .bg-amber-100 * {
            color: #fde68a !important;
        }
        html[data-theme="night"] .border-amber-100,
        html[data-theme="night"] .border-amber-200,
        html[data-theme="night"] .border-amber-300 {
            border-color: #a16207 !important;
        }
        html[data-theme="night"] .text-slate-900,
        html[data-theme="night"] .text-slate-800,
        html[data-theme="night"] .text-slate-700,
        html[data-theme="night"] .text-slate-600,
        html[data-theme="night"] .text-slate-500,
        html[data-theme="night"] .text-slate-400,
        html[data-theme="night"] .text-slate-300,
        html[data-theme="night"] .text-emerald-950,
        html[data-theme="night"] .text-emerald-900,
        html[data-theme="night"] .text-emerald-800,
        html[data-theme="night"] .text-emerald-700 {
            color: #e2e8f0 !important;
        }
        html[data-theme="night"] h1,
        html[data-theme="night"] h2,
        html[data-theme="night"] h3,
        html[data-theme="night"] h4,
        html[data-theme="night"] h5,
        html[data-theme="night"] h6 {
            color: #f8fafc !important;
        }
        html[data-theme="night"] p,
        html[data-theme="night"] span,
        html[data-theme="night"] div,
        html[data-theme="night"] li,
        html[data-theme="night"] td,
        html[data-theme="night"] th {
            color: #e2e8f0 !important;
        }
        html[data-theme="night"] a {
            color: #60a5fa !important;
        }
        html[data-theme="night"] a:hover {
            color: #93c5fd !important;
        }
        /* Login modal night mode fixes */
        html[data-theme="night"] #loginModalOverlay {
            background-color: rgba(0, 0, 0, 0.7) !important;
        }
        html[data-theme="night"] #loginModalOverlay > div {
            background-color: #182233 !important;
            border: 2px solid #334155 !important;
        }
        html[data-theme="night"] #loginModalOverlay h2 {
            color: #f8fafc !important;
        }
        html[data-theme="night"] #loginModalOverlay label {
            color: #e2e8f0 !important;
        }
        html[data-theme="night"] #loginModalOverlay input {
            background-color: #0f172a !important;
            color: #f8fafc !important;
            border-color: #475569 !important;
        }
        html[data-theme="night"] #loginModalOverlay input::placeholder {
            color: #94a3b8 !important;
        }
        html[data-theme="night"] #loginModalOverlay input:focus {
            border-color: #60a5fa !important;
            outline: 2px solid #60a5fa !important;
        }
        html[data-theme="night"] #recentNoticeList .text-slate-800 {
            color: #f8fafc !important;
        }
        html[data-theme="night"] #recentNoticeList .text-slate-500 {
            color: #cbd5e1 !important;
        }
        html[data-theme="night"] #page-about article.bg-emerald-50 * {
            color: #064e3b !important;
        }
        html[data-theme="night"] #classwiseResultList details > summary {
            background-color: #064e3b !important;
            color: #f8fafc !important;
        }
        html[data-theme="night"] #classwiseResultList details > summary * {
            color: #f8fafc !important;
        }
        html[data-theme="night"] #classwiseResultList button.bg-red-700 {
            background-color: #b91c1c !important;
            border: 2px solid #fca5a5 !important;
            color: #fff !important;
        }
        html[data-theme="night"] #classwiseResultList button.bg-red-700:hover,
        html[data-theme="night"] #classwiseResultList button.bg-red-700:focus-visible {
            background-color: #991b1b !important;
            border-color: #fecaca !important;
        }
        html[data-theme="night"] .border-slate-100,
        html[data-theme="night"] .border-slate-200,
        html[data-theme="night"] .border-slate-300 {
            border-color: #334155 !important;
        }
        html[data-theme="night"] input,
        html[data-theme="night"] textarea,
        html[data-theme="night"] select {
            background-color: #0f172a !important;
            color: #f8fafc !important;
            border-color: #475569 !important;
        }
        html[data-theme="night"] input::placeholder,
        html[data-theme="night"] textarea::placeholder {
            color: #94a3b8 !important;
        }
        html[data-theme="night"] #page-about .text-slate-600,
        html[data-theme="night"] #page-about .text-slate-600 *,
        html[data-theme="night"] #page-about .text-slate-700,
        html[data-theme="night"] #page-about .text-slate-700 *,
        html[data-theme="night"] #noticeList p.whitespace-pre-line {
            color: #e2e8f0 !important;
        }
        html[data-theme="night"] .bg-emerald-50.text-emerald-900,
        html[data-theme="night"] .bg-emerald-100.text-emerald-800,
        html[data-theme="night"] .bg-gold-400.text-emerald-950,
        html[data-theme="night"] .bg-gold-500.text-emerald-950 {
            color: #064e3b !important;
        }
        html[data-theme="night"] #studentStatsTable [data-student-total],
        html[data-theme="night"] #resultOutput tr.bg-emerald-50 {
            background-color: #064e3b !important;
            color: #f8fafc !important;
        }
        html[data-theme="night"] #studentStatsTable [data-student-total] *,
        html[data-theme="night"] #resultOutput tr.bg-emerald-50 * {
            color: #f8fafc !important;
        }
        html[data-theme="night"] #resultOutput,
        html[data-theme="night"] #classResultAdminOutput .class-results-summary,
        html[data-theme="night"] #classwiseResultDetail .classwise-student-result {
            background-color: #12332b !important;
            border-color: #166534 !important;
            color: #f8fafc !important;
        }
        html[data-theme="night"] #resultOutput .text-slate-700,
        html[data-theme="night"] #resultOutput .text-slate-800,
        html[data-theme="night"] #classResultAdminOutput .class-results-summary *,
        html[data-theme="night"] #classwiseResultDetail .classwise-student-result * {
            color: #f8fafc !important;
        }
        html[data-theme="night"] #classResultAdminOutput .class-result-student-card,
        html[data-theme="night"] #classwiseResultDetail .classwise-student-card {
            background-color: #182233 !important;
            border-color: #334155 !important;
            color: #f8fafc !important;
        }
        html[data-theme="night"] #classwiseResultDetail .student-card-avatar {
            background-color: #065f46 !important;
            color: #f8fafc !important;
        }
        html[data-theme="night"] #classResultAdminOutput .class-result-student-card > div,
        html[data-theme="night"] #classwiseResultDetail .classwise-student-result .border-slate-200 {
            border-color: #334155 !important;
        }
        html[data-theme="night"] #mobile-menu button:hover,
        html[data-theme="night"] #mobile-menu button:focus-visible {
            background-color: #065f46 !important;
            color: #fff !important;
        }
        html[data-theme="night"] #mobile-menu button:hover *,
        html[data-theme="night"] #mobile-menu button:focus-visible * {
            color: #fff !important;
        }
        html[data-theme="night"] button:is(
            [class*="bg-emerald-700"],
            [class*="bg-emerald-800"],
            [class*="bg-gold-500"],
            [class*="bg-gold-600"]
        ),
        html[data-theme="night"] .page-admin-toolbar button,
        html[data-theme="night"] #resultAdminOpen,
        html[data-theme="night"] #galleryAdminOpen,
        html[data-theme="night"] #blogAdminOpen,
        html[data-theme="night"] #newTeacherButton,
        html[data-theme="night"] #newCommitteeMemberButton,
        html[data-theme="night"] button.bg-emerald-100.text-emerald-900,
        html[data-theme="night"] .gallery-card-edit,
        html[data-theme="night"] .notice-card-edit {
            background-color: #047857 !important;
            border: 2px solid #f4b323 !important;
            color: #fff !important;
            box-shadow: 0 3px 10px rgb(0 0 0 / 35%) !important;
        }
        html[data-theme="night"] button:is(
            [class*="bg-emerald-700"],
            [class*="bg-emerald-800"],
            [class*="bg-gold-500"],
            [class*="bg-gold-600"]
        ) *,
        html[data-theme="night"] .page-admin-toolbar button *,
        html[data-theme="night"] #resultAdminOpen *,
        html[data-theme="night"] #galleryAdminOpen *,
        html[data-theme="night"] #blogAdminOpen *,
        html[data-theme="night"] #newTeacherButton *,
        html[data-theme="night"] #newCommitteeMemberButton *,
        html[data-theme="night"] .gallery-card-action * {
            color: #fff !important;
        }
        html[data-theme="night"] .notice-card-action * {
            color: #fff !important;
        }
        html[data-theme="night"] .notice-image-action {
            border-color: #34d399 !important;
            background-color: #182233 !important;
            color: #a7f3d0 !important;
        }
        html[data-theme="night"] .notice-image-action:hover,
        html[data-theme="night"] .notice-image-action:focus-visible {
            background-color: #047857 !important;
            color: #fff !important;
        }
        html[data-theme="night"] button:is(
            [class*="bg-emerald-700"],
            [class*="bg-emerald-800"],
            [class*="bg-gold-500"],
            [class*="bg-gold-600"]
        ):hover,
        html[data-theme="night"] button:is(
            [class*="bg-emerald-700"],
            [class*="bg-emerald-800"],
            [class*="bg-gold-500"],
            [class*="bg-gold-600"]
        ):focus-visible,
        html[data-theme="night"] .page-admin-toolbar button:hover,
        html[data-theme="night"] .page-admin-toolbar button:focus-visible,
        html[data-theme="night"] #resultAdminOpen:hover,
        html[data-theme="night"] #resultAdminOpen:focus-visible,
        html[data-theme="night"] #galleryAdminOpen:hover,
        html[data-theme="night"] #galleryAdminOpen:focus-visible,
        html[data-theme="night"] #blogAdminOpen:hover,
        html[data-theme="night"] #blogAdminOpen:focus-visible,
        html[data-theme="night"] #newTeacherButton:hover,
        html[data-theme="night"] #newTeacherButton:focus-visible,
        html[data-theme="night"] #newCommitteeMemberButton:hover,
        html[data-theme="night"] #newCommitteeMemberButton:focus-visible,
        html[data-theme="night"] button.bg-emerald-100.text-emerald-900:hover,
        html[data-theme="night"] button.bg-emerald-100.text-emerald-900:focus-visible,
        html[data-theme="night"] .gallery-card-edit:hover,
        html[data-theme="night"] .gallery-card-edit:focus-visible,
        html[data-theme="night"] .notice-card-edit:hover,
        html[data-theme="night"] .notice-card-edit:focus-visible {
            background-color: #065f46 !important;
            color: #fff !important;
            border-color: #fcd34d !important;
        }
        html[data-theme="night"] .gallery-card-delete {
            background-color: #b91c1c !important;
            border: 2px solid #fca5a5 !important;
            color: #fff !important;
        }
        html[data-theme="night"] .gallery-card-delete:hover,
        html[data-theme="night"] .gallery-card-delete:focus-visible {
            background-color: #991b1b !important;
            border-color: #fecaca !important;
        }
        html[data-theme="night"] .notice-card-delete {
            background-color: #b91c1c !important;
            border: 2px solid #fca5a5 !important;
            color: #fff !important;
        }
        html[data-theme="night"] .notice-card-delete:hover,
        html[data-theme="night"] .notice-card-delete:focus-visible {
            background-color: #991b1b !important;
            border-color: #fecaca !important;
        }
        html[data-theme="night"] [class*="hover:bg-"]:hover,
        html[data-theme="night"] [class*="hover:bg-"]:focus-visible {
            background-color: #065f46 !important;
            color: #fff !important;
        }
        html[data-theme="night"] [class*="hover:bg-"]:hover *,
        html[data-theme="night"] [class*="hover:bg-"]:focus-visible * {
            color: #fff !important;
        }
        .developer-credit-link {
            color: #fcd34d;
        }
        .developer-credit-link:hover,
        .developer-credit-link:focus-visible {
            color: #fff !important;
            text-decoration: underline;
            text-underline-offset: 3px;
        }
        .developer-avatar-fallback {
            display: none;
        }
        .developer-avatar img:not([src]),
        .developer-avatar img.avatar-unavailable {
            display: none;
        }
        .developer-avatar img.avatar-unavailable + .developer-avatar-fallback {
            display: grid;
        }

        /* Tabulation card print isolation */
        #tabulation-print-area { display: none; }
        @media print {
            body.tabulation-printing { background: #fff !important; }
            body.tabulation-printing > *:not(#tabulation-print-area) { display: none !important; }
            body.tabulation-printing #tabulation-print-area { display: block !important; max-width: 100%; }
            body.tabulation-printing .tabulation-card {
                border: 1px solid #047857 !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                page-break-inside: avoid;
            }
            body.tabulation-printing .tabulation-card,
            body.tabulation-printing .tabulation-card * {
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
            }
            @page { margin: 12mm; }
        }