/* Darul Furqan admin — calm Apple-style pass (loaded last): fewer colours, clean cards, tidy phone top bar */
:root{--dfa-teal:#50B2AD;--dfa-text:#1c1c1e;--dfa-muted:#8e8e93;--dfa-card:#fff;--dfa-bg:#f2f2f7;--dfa-line:rgba(60,60,67,.14)}
html[data-theme="dark"]{--dfa-text:#f5f5f7;--dfa-muted:#98989f;--dfa-card:#1c1c1e;--dfa-bg:#000;--dfa-line:rgba(84,84,88,.55)}
html,body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,"Segoe UI",system-ui,sans-serif!important;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}
html:not([data-theme="dark"]),html:not([data-theme="dark"]) body{background:var(--dfa-bg)!important}
h1,h2,h3,h4,.df-title,.df-stat strong,.df-top-title strong,.topbar-title{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,system-ui,sans-serif!important;letter-spacing:-.025em}
/* dashboard stat cards: one neutral style */
.df-stat,.df-stat.green,.df-stat.red,.df-stat.blue,.df-stat.amber,.df-stat.teal{background:var(--dfa-card)!important;border:0!important;box-shadow:0 0 0 .5px var(--dfa-line)!important;color:var(--dfa-text)!important;border-radius:18px!important;min-height:0!important;padding:18px!important}
.df-stat:before{display:none!important}
.df-stat:hover{transform:none!important;box-shadow:0 0 0 .5px var(--dfa-line)!important}
.df-stat label{color:var(--dfa-muted)!important;font-weight:600!important;font-size:12.5px!important;display:flex!important;justify-content:space-between;align-items:center}
.df-stat label i{color:var(--dfa-teal)!important;opacity:1!important}
.df-stat strong{color:var(--dfa-text)!important;font-weight:700!important;margin-top:8px!important;display:block}
.df-stat small{color:var(--dfa-muted)!important}
.df-stat.red strong{color:#ff3b30!important}
/* panels, buttons */
.df-panel,.panel,.card{border:0!important;box-shadow:0 0 0 .5px var(--dfa-line)!important;border-radius:18px!important}
.df-dashboard-actions button,.df-button.ghost{background:var(--dfa-card)!important;border:0!important;box-shadow:0 0 0 .5px var(--dfa-line)!important;color:var(--dfa-text)!important;border-radius:12px!important;font-weight:600!important}
.df-dashboard-actions button i{color:var(--dfa-teal)!important}
/* attention banner: neutral, not amber */
.df-attn{background:var(--dfa-card)!important;border:0!important;box-shadow:0 0 0 .5px var(--dfa-line)!important;color:var(--dfa-text)!important;border-radius:16px!important}
.df-attn *{color:inherit!important}
.df-attn button,.df-attn .btn{background:var(--dfa-teal)!important;color:#fff!important;border:0!important;border-radius:10px!important;box-shadow:none!important}
.df-attn svg,.df-attn i{color:var(--dfa-teal)!important}
/* top bar */
.df-topbar.th{-webkit-backdrop-filter:saturate(180%) blur(20px)!important;backdrop-filter:saturate(180%) blur(20px)!important}
html:not([data-theme="dark"]) .df-topbar.th{background:rgba(255,255,255,.8)!important;border-bottom:.5px solid var(--dfa-line)!important}
.df-top-icon,.df-menu-button,.df-user{border:0!important;background:rgba(120,120,128,.12)!important;box-shadow:none!important;color:var(--dfa-teal)!important;border-radius:50%!important}
@media(max-width:560px){
 .df-topbar.th{padding-inline:8px!important;gap:4px!important}
 .df-top-title{display:none!important}
 #dfCurrentPage{display:none!important}
 .df-top-actions{gap:4px!important;min-width:0!important;flex:1;justify-content:flex-end}
 .df-top-icon,.df-menu-button,.df-user{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important}
 #dfGlobalMonth{max-width:104px!important;font-size:14px!important;padding-inline:8px!important}
 #dfNewMonthBtn{width:32px!important;height:32px!important;min-width:32px!important}
 .df-topbar.th,.df-topbar.th *{min-width:0}
 html,body{overflow-x:clip}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* dark mode: one flat background, no inner box */
html[data-theme="dark"],html[data-theme="dark"] body,html[data-theme="dark"] #shellWrap,html[data-theme="dark"] .shell{background:#17191b!important}
html[data-theme="dark"] .main,html[data-theme="dark"] .page,html[data-theme="dark"] .page.active,html[data-theme="dark"] #dfDashboardRoot{background:transparent!important;box-shadow:none!important;border:0!important}
/* bigger on large screens (less empty space) */
@media(min-width:1500px){.main{zoom:1.14;max-width:1900px!important}}
@media(min-width:2100px){.main{zoom:1.32;max-width:2100px!important}}
html[data-theme="dark"] .df-stat strong,html[data-theme="dark"] .df-stat.green strong,html[data-theme="dark"] .df-stat.blue strong,html[data-theme="dark"] .df-stat.amber strong,html[data-theme="dark"] .df-stat.teal strong{color:#f5f5f7!important}
html[data-theme="dark"] .df-stat.red strong{color:#ff6961!important}