/* Masjid Display v4.2.51 — Super Admin Studio Light */
:root{--sa-bg:#eef0f4;--sa-panel:#fff;--sa-soft:#f7f7f9;--sa-line:#e7e8ec;--sa-ink:#17181c;--sa-muted:#858890;--sa-black:#17181c;--sa-lime:#dfff57;--sa-mint:#dcefe6;--sa-lilac:#e7e9fb;color-scheme:light}
body{background:radial-gradient(circle at 8% 4%,rgba(231,233,251,.85),transparent 26%),#eef0f4!important;color:var(--sa-ink)!important;padding:18px}
.app{width:min(1720px,100%);min-height:calc(100vh - 36px);margin:auto;overflow:hidden;border:1px solid #fff;border-radius:30px;background:#fbfbfc;box-shadow:0 24px 70px rgba(31,34,43,.12)}
.app header{position:sticky;top:0;padding:22px 30px;border-bottom:1px solid var(--sa-line);background:rgba(251,251,252,.94)!important;color:var(--sa-ink);backdrop-filter:blur(18px)}
header h1{color:var(--sa-ink);font-size:28px;letter-spacing:-.04em;font-weight:650}.eyebrow{color:#989aa1!important;font-size:9px;letter-spacing:.16em}.app header p{color:var(--sa-muted)}
.app main{padding:26px 30px 60px}.stats{gap:12px}.stat,.panel{border:1px solid var(--sa-line)!important;border-radius:22px!important;background:#fff!important;color:var(--sa-ink)!important;box-shadow:0 10px 28px rgba(28,31,39,.045)}.stat{min-height:118px;padding:18px}.stat:nth-child(1){background:#e9edfb!important}.stat:nth-child(2){background:#f1f4dc!important}.stat:nth-child(3){background:#dfeee7!important}.stat:nth-child(4){background:#f2eaf4!important}.stat:nth-child(5){background:#f4f4f6!important}.stat span{color:#767980!important;font-size:11px}.stat strong{color:#17181c;font-size:30px;letter-spacing:-.04em}.panel{padding:21px}.panel-head h2{color:#17181c;letter-spacing:-.025em}.panel-head p,.release-meta,.settings-message{color:var(--sa-muted)!important}
.primary,.secondary,.ghost,.link-button{border-radius:999px!important;box-shadow:none!important}.primary{background:#17181c!important;color:#fff!important}.secondary{background:#f1f1f3!important;color:#303137!important;border:1px solid var(--sa-line)!important}.ghost{background:#fff!important;color:#60636a!important;border:1px solid var(--sa-line)!important}.primary:hover{background:#2b2c31!important}.secondary:hover,.ghost:hover{background:#e9e9ec!important}
input,select,textarea,.super-settings-form input,.super-settings-form select,.login-card input,dialog input,dialog select,.inline-form input,.release-form textarea{border:1px solid #e2e3e7!important;border-radius:13px!important;background:#f8f8f9!important;color:#191a1e!important;box-shadow:none!important}.super-settings-form label,.login-card label,dialog label{color:#4f5158!important}.shared-auth-note{border-color:var(--sa-line)!important;border-radius:15px!important;background:#f7f7f9!important;color:#73767d!important}.shared-auth-note strong{color:#17181c!important}.badge{border:1px solid var(--sa-line)!important;background:#f1f1f3!important;color:#60636a!important}.badge.active,.quran-global-panel .badge.ready{background:#dfeee7!important;color:#27704b!important;border-color:#cbe5d5!important}.badge.suspended,.quran-global-panel .badge.offline{background:#f7e3df!important;color:#9a4638!important;border-color:#efd1ca!important}
.table-wrap{border:1px solid var(--sa-line);border-radius:17px;background:#fff;overflow:auto}table{background:#fff}th{background:#f8f8f9;color:#8b8d94!important;font-size:10px;letter-spacing:.08em}th,td{border-bottom-color:#ececef!important}td{color:#3a3b40}.account-id{color:#50535c!important}.update-item{border:1px solid var(--sa-line);border-radius:15px!important;background:#f8f8f9!important;color:#34353a}.update-item.latest{background:#eef7e6!important;border-color:#dbeacb!important}
dialog{border:1px solid var(--sa-line)!important;border-radius:24px!important;background:#fff!important;color:#17181c!important;box-shadow:0 30px 90px rgba(26,29,36,.20)!important}.dialog-head,.dialog-actions{border-color:var(--sa-line)!important}.dialog-head button{color:#17181c!important}dialog::backdrop{background:rgba(29,31,37,.35);backdrop-filter:blur(8px)}fieldset{border-color:var(--sa-line)!important}legend{color:#55575e!important}
.login-shell{min-height:calc(100vh - 36px);background:radial-gradient(circle at 15% 15%,rgba(231,233,251,.85),transparent 32%),radial-gradient(circle at 86% 82%,rgba(220,239,230,.9),transparent 30%),#eef0f4!important}.login-card{border:1px solid #fff!important;border-radius:28px!important;background:rgba(255,255,255,.94)!important;color:#17181c!important;box-shadow:0 24px 70px rgba(30,33,41,.11)!important}.brand-mark{background:#17181c!important;color:#fff!important;box-shadow:none!important}.login-card h1{color:#17181c}.login-card p,.login-card small{color:#858890!important}.login-card a{color:#4a4c53!important}.login-card .primary{background:#17181c!important;color:#fff!important}
@media(max-width:700px){body{padding:0}.app{min-height:100vh;border:0;border-radius:0;box-shadow:none}.app header,.app main{padding-left:16px;padding-right:16px}.login-shell{min-height:100vh}.panel{border-radius:18px!important}}