.sf-global-prefs{position:fixed;top:14px;right:16px;z-index:9999;display:flex;gap:8px;align-items:center;font-family:Inter,"Segoe UI Variable",system-ui,sans-serif}.sf-global-prefs--inline{position:static!important;inset:auto!important;z-index:auto!important;width:100%;justify-content:center;gap:7px;margin:0!important;transform:none!important}.sf-pref-inline-mount{display:flex;align-items:center;justify-content:center;margin:0 0 8px}.sf-pref-group{display:flex;align-items:center;padding:3px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);box-shadow:none;backdrop-filter:blur(8px)}.sf-pref-btn{min-width:31px;height:27px;border:0;border-radius:9px;background:transparent;color:rgba(255,255,255,.52);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.sf-pref-btn:hover{color:#fff;background:rgba(255,255,255,.045)}.sf-pref-btn.active{background:rgba(244,210,31,.13);color:#fff4aa;box-shadow:inset 0 0 0 1px rgba(244,210,31,.16)}.sf-pref-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sf-pref-theme .sf-pref-btn{min-width:29px}.sf-global-prefs--inline .sf-pref-group{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-color:rgba(255,255,255,.085)}.sf-global-prefs--inline .sf-pref-btn.active[data-theme="light"]{color:#ffd94a;background:rgba(244,210,31,.11);box-shadow:inset 0 0 0 1px rgba(244,210,31,.13)}.sf-global-prefs--inline .sf-pref-btn.active[data-theme="dark"]{color:#b7c9ff;background:rgba(87,110,182,.14);box-shadow:inset 0 0 0 1px rgba(113,137,210,.15)}.sf-global-prefs--inline .sf-pref-btn.active[data-lang]{color:#eff8f2;background:rgba(71,190,119,.13);box-shadow:inset 0 0 0 1px rgba(71,190,119,.15)}
html:not(.sf-ui-ready) main{visibility:visible!important}html[data-sf-theme="light"]{color-scheme:light}html[data-sf-theme="dark"]{color-scheme:dark}
/* Preference controls: readable in light mode, including fixed landing-page controls. */
html[data-sf-theme="light"] .sf-pref-group{background:rgba(255,255,255,.92)!important;border-color:rgba(28,92,67,.20)!important;box-shadow:0 5px 14px rgba(31,72,56,.08)!important;backdrop-filter:blur(10px)!important}html[data-sf-theme="light"] .sf-pref-btn{color:#4f6d61!important}html[data-sf-theme="light"] .sf-pref-btn:hover{color:#143d30!important;background:rgba(25,121,88,.08)!important}html[data-sf-theme="light"] .sf-pref-btn.active[data-lang]{background:#17845f!important;color:#fff!important;box-shadow:inset 0 0 0 1px #126d4e!important}html[data-sf-theme="light"] .sf-pref-btn.active[data-theme="light"]{background:#e7bd32!important;color:#3f3300!important;box-shadow:inset 0 0 0 1px #c89d14!important}html[data-sf-theme="light"] .sf-pref-btn[data-theme="dark"]{color:#53657e!important}html[data-sf-theme="light"] .sf-pref-btn.active[data-theme="dark"]{background:#52647f!important;color:#fff!important;box-shadow:inset 0 0 0 1px #45546b!important}html[data-sf-theme="light"] .sf-global-prefs--inline .sf-pref-group{background:rgba(255,255,255,.92)!important;border-color:rgba(28,92,67,.20)!important}
html[data-sf-theme="light"] body{background:linear-gradient(118deg,#eef4f1 0%,#f5f8f6 48%,#edf3f7 100%)!important;color:#17362b!important;background-attachment:fixed!important}html[data-sf-theme="light"] main{background:transparent!important;color:#17362b!important}
html[data-sf-theme="light"] .sf-sidebar{background:linear-gradient(180deg,#f8fbf9 0%,#e9f1ed 100%)!important;color:#17362b!important;border-right-color:rgba(20,80,55,.14)!important}html[data-sf-theme="light"] .sf-mobile-topbar{background:linear-gradient(90deg,#eef6f2,#e4eeea)!important;color:#17362b!important}html[data-sf-theme="light"] .sf-sidebar .sf-menu,html[data-sf-theme="light"] .sf-sidebar .sf-account-link,html[data-sf-theme="light"] .sf-sidebar .sf-brand-name,html[data-sf-theme="light"] .sf-sidebar .text-white,html[data-sf-theme="light"] .sf-sidebar p{color:#24473a!important}html[data-sf-theme="light"] .sf-sidebar .sf-brand-kicker,html[data-sf-theme="light"] .sf-sidebar .sf-brand-sub,html[data-sf-theme="light"] .sf-sidebar .text-white\/50,html[data-sf-theme="light"] .sf-sidebar .text-white\/60{color:#60786e!important}html[data-sf-theme="light"] .sf-sidebar .sf-menu.active{background:#efd51f!important;color:#24332a!important}html[data-sf-theme="light"] .sf-sidebar .sf-menu:hover{background:rgba(28,86,61,.08)!important;color:#17362b!important}html[data-sf-theme="light"] .sf-sidebar .sf-account-link{border-color:rgba(34,92,68,.13)!important;background:rgba(255,255,255,.48)!important}html[data-sf-theme="light"] .sf-app-version{color:#668077!important}
html[data-sf-theme="light"] main>div:first-child,html[data-sf-theme="light"] .sf-page-header,html[data-sf-theme="light"] .sf-panel,html[data-sf-theme="light"] .sf-card-sm,html[data-sf-theme="light"] .sf-stat-card,html[data-sf-theme="light"] .sf-chart-card,html[data-sf-theme="light"] .sf-table-wrap,html[data-sf-theme="light"] .sf-card,html[data-sf-theme="light"] .sf-table-card,html[data-sf-theme="light"] .sf-header-card,html[data-sf-theme="light"] .panel-card,html[data-sf-theme="light"] main .bg-white,html[data-sf-theme="light"] .modal-content,html[data-sf-theme="light"] .login-card{background:linear-gradient(135deg,#ffffff 0%,#edf6f2 64%,#e9f2f8 100%)!important;border-color:rgba(34,92,68,.16)!important;color:#17362b!important;box-shadow:0 12px 32px rgba(28,63,49,.08)!important}
html[data-sf-theme="light"] main>div:first-child h1,html[data-sf-theme="light"] .sf-page-header h1,html[data-sf-theme="light"] .panel-title,html[data-sf-theme="light"] .sf-title,html[data-sf-theme="light"] .sf-chart-title,html[data-sf-theme="light"] h1,html[data-sf-theme="light"] h2,html[data-sf-theme="light"] h3,html[data-sf-theme="light"] h4{color:#14382d!important}html[data-sf-theme="light"] main>div:first-child p,html[data-sf-theme="light"] .sf-page-header p,html[data-sf-theme="light"] .sf-chart-subtitle,html[data-sf-theme="light"] p,html[data-sf-theme="light"] small{color:#586f66!important}
html[data-sf-theme="light"] .sf-stat-card{background:linear-gradient(145deg,#ffffff,#edf6f2 64%,#e8f1f7)!important}html[data-sf-theme="light"] .sf-stat-card .sf-stat-title,html[data-sf-theme="light"] .sf-stat-card .sf-stat-sub{color:#5a7168!important}html[data-sf-theme="light"] .sf-stat-card .sf-stat-number{color:#15392e!important}html[data-sf-theme="light"] .sf-stat-card .sf-mini-icon{background:rgba(32,91,66,.06)!important;border-color:rgba(32,91,66,.10)!important}
html[data-sf-theme="light"] .sf-chart-card{background:linear-gradient(140deg,#ffffff,#eef7f3 62%,#e9f2f8)!important}html[data-sf-theme="light"] .sf-chart-box{background:transparent!important}html[data-sf-theme="light"] .sf-table-wrap{background:linear-gradient(140deg,#ffffff,#eef7f3 62%,#e9f2f8)!important}html[data-sf-theme="light"] .sf-table{background:transparent!important;color:#17362b!important}html[data-sf-theme="light"] .sf-table thead,html[data-sf-theme="light"] .sf-table thead tr,html[data-sf-theme="light"] .sf-table th{background:rgba(222,237,230,.72)!important;color:#35594a!important;border-color:rgba(34,92,68,.14)!important}html[data-sf-theme="light"] .sf-table tbody,html[data-sf-theme="light"] .sf-table tr,html[data-sf-theme="light"] .sf-table td{background:transparent!important;color:#284b3e!important;border-color:rgba(34,92,68,.11)!important}html[data-sf-theme="light"] .sf-table tbody tr:hover{background:rgba(34,92,68,.045)!important}html[data-sf-theme="light"] .sf-sort{color:#365e50!important}html[data-sf-theme="light"] .sf-table-name a{color:#183d31!important}html[data-sf-theme="light"] .sf-status{color:#39725c!important;background:rgba(42,128,87,.08)!important;border-color:rgba(42,128,87,.12)!important}
html[data-sf-theme="light"] body label{color:#3e5e51!important}html[data-sf-theme="light"] .sf-form-control,html[data-sf-theme="light"] body input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),html[data-sf-theme="light"] body select,html[data-sf-theme="light"] body textarea{background:#fbfdfc!important;color:#17362b!important;border-color:rgba(34,92,68,.22)!important}html[data-sf-theme="light"] body input::placeholder,html[data-sf-theme="light"] body textarea::placeholder{color:#7d9189!important;opacity:1}html[data-sf-theme="light"] body select option{background:#fff!important;color:#17362b!important}html[data-sf-theme="light"] .sf-form-date{color-scheme:light!important}html[data-sf-theme="light"] body input[type="file"],html[data-sf-theme="light"] .sf-file-control{background:#fbfdfc!important;color:#506b60!important;border-color:rgba(34,92,68,.22)!important}html[data-sf-theme="light"] .sf-file-button,html[data-sf-theme="light"] body input[type="file"]::file-selector-button{background:#edf4f0!important;color:#23493b!important;border-color:rgba(34,92,68,.14)!important}html[data-sf-theme="light"] .sf-file-name{color:#61786e!important}
html[data-sf-theme="light"] #modalTambah>div,html[data-sf-theme="light"] [id^="modal"]>div,html[data-sf-theme="light"] .sf-modal-panel{background:linear-gradient(140deg,#ffffff,#edf6f2 62%,#e9f2f8)!important;border-color:rgba(34,92,68,.17)!important;color:#17362b!important}html[data-sf-theme="light"] #modalTambah h2,html[data-sf-theme="light"] [id^="modal"] h2{color:#15382d!important}html[data-sf-theme="light"] #modalTambah p,html[data-sf-theme="light"] [id^="modal"] p{color:#60766d!important}html[data-sf-theme="light"] .modal{background:rgba(18,37,30,.28)!important}
html[data-sf-theme="light"] .institution-banner{background:linear-gradient(135deg,#f8fbf9,#edf6f2 54%,#e8f1f7)!important;border-color:rgba(45,100,78,.18)!important;color:#17362b!important}html[data-sf-theme="light"] .institution-arabic{color:#7561c5!important}html[data-sf-theme="light"] .institution-small{color:#17362b!important}html[data-sf-theme="light"] .institution-name{color:#493d92!important}html[data-sf-theme="light"] .institution-legal{color:#4e665d!important}html[data-sf-theme="light"] .institution-address{color:#fff!important;background:linear-gradient(90deg,#493d92,#43558e,#345f83)!important}html[data-sf-theme="light"] .hero-copy,html[data-sf-theme="light"] .best-card,html[data-sf-theme="light"] .features-panel,html[data-sf-theme="light"] .feature-card{background:linear-gradient(135deg,#ffffff,#edf6f2,#e9f2f8)!important;color:#15382d!important;border-color:rgba(34,92,68,.15)!important;box-shadow:0 12px 32px rgba(28,63,49,.08)!important}html[data-sf-theme="light"] .hero h1,html[data-sf-theme="light"] .best-name,html[data-sf-theme="light"] .feature-card h3{color:#15382d!important}html[data-sf-theme="light"] .hero h1 em{color:#169c55!important}html[data-sf-theme="light"] .hero p,html[data-sf-theme="light"] .objective,html[data-sf-theme="light"] .feature-card p,html[data-sf-theme="light"] .best-class,html[data-sf-theme="light"] .mini-stat span{color:#536d63!important}html[data-sf-theme="light"] .objective strong{color:#245c47!important}html[data-sf-theme="light"] .eyebrow{background:#fff9d9!important;border-color:#eadb72!important;color:#745e00!important}html[data-sf-theme="light"] .app-version{color:#756d43!important;border-left-color:#c9bc73!important}html[data-sf-theme="light"] .best-tag{color:#735e00!important}html[data-sf-theme="light"] .features-head{color:#137944!important}html[data-sf-theme="light"] .mini-stat{background:rgba(224,239,232,.85)!important;border-color:rgba(34,92,68,.12)!important;color:#17362b!important}html[data-sf-theme="light"] .student-photo{background:linear-gradient(145deg,#edf5f1,#dce9ef)!important;border-color:rgba(34,92,68,.13)!important}html[data-sf-theme="light"] .ghost-btn{background:#edf5f1!important;color:#1d4b3a!important;border-color:rgba(34,92,68,.18)!important}html[data-sf-theme="light"] .close-btn{color:#17362b!important}html[data-sf-theme="light"] .field label{color:#4e675d!important}
@media(max-width:760px){.sf-global-prefs:not(.sf-global-prefs--inline){top:10px;right:10px;gap:6px;transform:scale(.92);transform-origin:top right}.sf-global-prefs--inline{gap:6px}.sf-pref-inline-mount{margin-bottom:7px}.sf-pref-btn{min-width:30px;height:27px;font-size:10px}.sf-pref-theme .sf-pref-btn{min-width:28px}}