/* =====================================================================
   تم «Clean» — روشن، سفید، کارت‌های گرد و سایه‌ی ملایم، تاکید آبی، دکمه‌ی مشکی
   ===================================================================== */
:root{
  --ac:#2563eb;--ac-d:#1d4ed8;--ac-l:#e8f0fe;
  color-scheme:light;
  --bg:#e9ecf2;--card:#fff;--ink:#0f1626;--mut:#6b7385;--line:#e6e9f0;
  --pri:var(--ac);--pri2:var(--ac);--ok:#16a34a;--okbg:#e7f6ec;--wait:#b45309;--waitbg:#fff3df;--bad:#dc2626;
  --liq:var(--ac-l);--r:24px;--sh:0 1px 2px rgba(15,22,38,.04),0 8px 28px rgba(15,22,38,.05);
}
body{background:#e9ecf2;color:var(--ink);font-family:"VazirmatnApp","Vazirmatn","Shabnam",Tahoma,sans-serif}
body::before,body::after{display:none}
.noir-bg{display:none}
h1,h2,h3{font-family:"VazirmatnApp","Shabnam",Tahoma,sans-serif;font-weight:700;color:var(--ink)}
h2{font-size:18px}h2:before{background:var(--pri);height:18px;width:4px;border-radius:4px;box-shadow:none}
.d-hero h2,.ck-dn,.kt .vl{font-family:"LalezarApp","VazirmatnApp",sans-serif;font-weight:400}

/* ---- هدر ---- */
header{background:#fff;color:var(--ink);margin:12px 14px 0;border:0;border-radius:24px;box-shadow:var(--sh);padding:12px 18px!important}
header:before,header:after{display:none}
header h1{color:var(--ink);font-size:18px}
header .sub{color:var(--mut)}
.brand-logo{box-shadow:0 0 0 1px var(--line);background:#fff}
.hbtns .btn,.hbtns button{background:#f3f5f9;border:1px solid transparent;color:var(--ink);border-radius:999px;box-shadow:none}
.hbtns .btn:hover{background:#e8ecf4;box-shadow:none}
.warnbar{margin:10px 14px 0;border-radius:16px;background:#fff6e0;color:#8a5a00;border:0;box-shadow:var(--sh)}

/* ---- سایدبار ---- */
.module-nav{background:#fff!important;border:0!important;border-radius:var(--r);box-shadow:var(--sh)!important;padding:14px 10px}
.module-nav .module-btn{background:transparent;border:0;color:#3d4659;box-shadow:none;border-radius:14px;font-weight:600}
.module-nav .module-btn:hover{background:#f3f5f9;color:var(--ink);transform:translateX(-3px)}
.module-nav .module-btn .mi{background:transparent;width:30px;flex:0 0 30px;height:30px;font-size:18px}
.module-nav .module-btn:hover .mi{background:transparent;transform:scale(1.12)}
.module-nav .module-btn.on{background:var(--ac-l);color:var(--ac-d);font-weight:700;box-shadow:none}
.module-nav .module-btn.on .mi{background:transparent;box-shadow:none}
.module-nav.pill-on .module-btn.on{background:transparent!important}
.navpill{background:var(--ac-l);box-shadow:none}
.nav-cap{color:#8a92a6;text-transform:none;font-size:11px;opacity:1}
.nav-sep{background:var(--line)}
.sec-switch{background:#f0f2f7;border:0}
.sec-switch button{color:#5b6477;opacity:1}
.sec-switch button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(15,22,38,.12)}
.nb{background:#fde8ec;color:#c0183a;box-shadow:none}

/* ---- تب‌های داخلی (قرص) ---- */
nav{background:#fff;border:0;border-radius:999px;box-shadow:var(--sh);padding:5px}
nav button{color:#4b5568;border-radius:999px;background:transparent}
nav button:hover{background:#f3f5f9;color:var(--ink)}
nav button.on{background:#0f1626;color:#fff;box-shadow:none}
.module-nav{border-radius:var(--r)}

/* ---- کارت‌ها و بخش‌ها ---- */
section,.m-box,.summary-card,.dc,.card,.tblwrap{background:#fff;border:0;border-radius:var(--r);box-shadow:var(--sh)}
.card{border:1px solid var(--line);box-shadow:none;border-radius:20px}
.card.pending,.card.delivered{background:#fff}
.card.pending{border-color:#f5dca8}.card.delivered{border-color:#b9e4c6}
.card .code{background:#f3f5f9}
.dc h3 i{background:#eef2fb}
.dc h3,.m-box h3{color:var(--ink)}
.codebox{background:#f3f7ff;border:1px solid #cfdcf8}.codebox .big{color:var(--pri)}
.hint{color:var(--mut)}
.msg{background:#eefaf1;color:#146c33;border:0;border-radius:14px}.msg.err{background:#fff0f1;color:#b4202f}

/* ---- دکمه‌ها (اصلی مشکی، دوم سفید) ---- */
.btn,button.btn{background:#0f1626;color:#fff;border:1px solid #0f1626;border-radius:999px;box-shadow:none;font-weight:600}
.btn:hover,button.btn:hover{background:#1c2540;box-shadow:0 6px 16px rgba(15,22,38,.18)}
.btn.gray,button.btn.gray{background:#fff;color:var(--ink);border:1px solid #dfe3ec}
.btn.gray:hover,button.btn.gray:hover{background:#f3f5f9;box-shadow:none}
.btn.ok,button.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}
.btn.danger,button.btn.danger{background:#fff0f1;color:#c0183a;border-color:#f6ccd2}
.btn.sm{padding:6px 14px}

/* ---- فیلدها ---- */
input,select,textarea{background:#f3f5f9;border:1px solid transparent;border-radius:14px;color:var(--ink);box-shadow:none}
input:focus,select:focus,textarea:focus{background:#fff;border-color:color-mix(in srgb,var(--ac) 45%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 12%,transparent);outline:0}
input::placeholder{color:#9aa2b4}
label{color:#4b5568}

/* ---- جدول ---- */
table{color:var(--ink)}
th{background:#f3f5f9;color:#5b6477;font-weight:600}
th,td{border-bottom-color:#eef0f5}
tbody tr:nth-child(even){background:#fafbfd}tbody tr:hover{background:#f1f5fe}
.tblwrap{scrollbar-color:#c9cfdd #f3f5f9}
.badge.pending{background:#fff3df;color:#a35a05;border-color:transparent}
.badge.delivered{background:#e7f6ec;color:#12803a;border-color:transparent}
.badge.turn{background:var(--ac-l);color:var(--ac-d);border-color:transparent}

/* ---- داشبورد ---- */
.d-hero{background:transparent;box-shadow:none;border:0;padding:6px 4px 2px;color:var(--ink)}
.d-hero:after{display:none}
.d-hero h2{color:var(--ink);font-size:clamp(24px,3.2vw,34px)}
.d-hero p{color:var(--mut)}
.d-clock{background:#fff;border:0;box-shadow:var(--sh);color:var(--ink)}
.ck-date{background:#f3f5f9;border-inline-end:1px solid var(--line)}
.ck-wd{background:#0f1626;color:#fff}
.ck-dn{color:var(--ink);text-shadow:none}.ck-my{color:var(--mut)}
.ck-t{color:var(--ink)}.ck-t small{color:var(--pri)}
.ck-bar{background:#e6e9f0}.ck-bar i{background:var(--pri)}
.ck-g{color:var(--mut)}
.d-hero .btn{background:#0f1626}
.d-hero .btn.gray{background:#fff;color:var(--ink);border:1px solid #dfe3ec}
.kt{background:#fff;color:var(--ink);box-shadow:var(--sh);border-radius:var(--r);border:0}
.kt .lb{color:var(--mut);opacity:1}.kt .sb{color:var(--mut);opacity:1}
.kt .vl{color:var(--ink);font-size:34px}
.kt .wm{opacity:.07;filter:grayscale(1)}
.kt .sp{filter:invert(1) opacity(.3)}
.kt .split{background:#e6e9f0}.kt .split i{background:var(--a,var(--ac))}
.d-kpis>.kt:first-child{background:linear-gradient(160deg,var(--ac),var(--ac-d));color:#fff;box-shadow:0 14px 30px color-mix(in srgb,var(--ac) 32%,transparent)}
.d-kpis>.kt:first-child .lb,.d-kpis>.kt:first-child .sb{color:color-mix(in srgb,var(--ac) 25%,#fff)}
.d-kpis>.kt:first-child .vl{color:#fff}
.d-kpis>.kt:first-child .sp{filter:none}
.d-kpis>.kt:first-child .wm{filter:none;opacity:.18}
.ld-col,.ld-it{background:#f3f5f9;border-radius:16px}

/* ---- پنجره‌ها ---- */
dialog{background:#fff;color:var(--ink);border:0;border-radius:24px;box-shadow:0 30px 80px rgba(15,22,38,.25)}
dialog::backdrop{background:rgba(15,22,38,.45)}
#toast{background:#0f1626;color:#fff;border:0;border-radius:999px}
.lg-card,.bz-card{border:0;background:#fff;box-shadow:var(--sh);border-radius:20px}
.lg-card:hover,.bz-card:hover{box-shadow:0 14px 34px rgba(15,22,38,.1)}
.lg-menu{background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(15,22,38,.14)}
.lg-more>summary{border-color:#dfe3ec}
.lg-st.delivered{background:#e7f6ec;color:#12803a}.lg-st.pending{background:#fff3df;color:#a35a05}
.lg-dlg{background:#fff;color:var(--ink);border:0}
.lg-ov{background:rgba(15,22,38,.45)}
.lg-pager button{border-color:#dfe3ec}.lg-pager button.on{background:#0f1626;color:#fff}
.bz-u{background:#f3f5f9}
.bz-stat span{background:#fff;box-shadow:var(--sh)}.bz-stat span.ok{background:#e7f6ec;color:#12803a}
.bz-cnt{background:#fff3df;color:#a35a05}.bz-cnt.ok{background:#e7f6ec;color:#12803a}
.bz-empty{border-color:#d6dbe7}
.sec-top{background:#f0f2f7!important}

/* ---- ورود (روشن) ---- */
#lock{background:radial-gradient(900px 500px at 80% -10%,color-mix(in srgb,var(--ac) 14%,transparent),transparent 60%),radial-gradient(700px 400px at 0% 110%,color-mix(in srgb,var(--ac) 8%,transparent),transparent 60%),#e9ecf2;color:var(--ink);color-scheme:light}
#lock .lk-bg b{display:none}
#lock .lockcard{background:#fff;border:0;box-shadow:0 24px 70px rgba(15,22,38,.14);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:28px}
#lock .lk-eyebrow{background:var(--ac-l);border:0;color:var(--ac-d);font-family:inherit}
#lock .lk-eyebrow::before{background:var(--ac);animation:none}
#lock .lockcard h2{background:none;-webkit-text-fill-color:var(--ink);color:var(--ink);font-family:"LalezarApp","VazirmatnApp",sans-serif;font-weight:400}
#lock .lockcard .hint{color:var(--mut)}
#lock .lockcard input{background:#f3f5f9;border:1px solid transparent;color:var(--ink)}
#lock .lockcard input::placeholder{color:#9aa2b4}
#lock .lockcard input:hover{border-color:#cfd6e6}
#lock .lockcard input:focus{background:#fff;border-color:color-mix(in srgb,var(--ac) 45%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 12%,transparent)}
#lock input:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 40px #f3f5f9 inset}
#lock .pw-toggle{background:#fff;border-color:#dfe3ec;color:#4b5568}
#lock .pw-toggle:hover{background:var(--ac-l);border-color:color-mix(in srgb,var(--ac) 45%,#fff);color:var(--ac-d)}
#lock #lkMsg .msg{background:#fff0f1;border:0;color:#b4202f}
#lock .lockcard a{color:var(--ac)}#lock .lockcard a:hover{color:var(--ac-d)}
#lock .lockcard .btn{background:#0f1626;border:0;animation:none;box-shadow:0 10px 24px rgba(15,22,38,.25);color:#fff}
#lock .lockcard .btn::before{display:none}
#lock .lockcard .btn:hover{background:#1c2540;box-shadow:0 14px 30px rgba(15,22,38,.3)}
#lock .lockcard .by{border-top-color:var(--line);color:#8a92a6}
#lock .lockcard .by a{color:#5b6477}#lock .lockcard .by a:hover{color:var(--ink)}
.lk-social a{background:#f3f5f9;border-color:transparent;color:#3d4659}
.lk-social a:hover{color:#fff}
#lock .lock-logo{box-shadow:0 0 0 1px var(--line),0 8px 20px rgba(15,22,38,.1)}

/* ---- انیمیشن ورود صفحه‌ها ---- */
@keyframes pIn{from{opacity:0;transform:translateY(14px) scale(.985);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes cIn{from{opacity:0;transform:translateY(18px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes grow{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
.module-panel.on{animation:pIn .5s cubic-bezier(.2,.8,.2,1) both}
main>section.on{animation:pIn .4s cubic-bezier(.2,.8,.2,1) both}
.module-panel.on .d-kpis>*,.module-panel.on .lg-card,.module-panel.on .bz-card,.module-panel.on .dc,.module-panel.on .d-clock{animation:cIn .6s cubic-bezier(.2,.8,.2,1) both}
.d-kpis>*:nth-child(1),.lg-card:nth-child(1),.bz-card:nth-child(1),.dc:nth-of-type(1){animation-delay:.05s!important}
.d-kpis>*:nth-child(2),.lg-card:nth-child(2),.bz-card:nth-child(2),.dc:nth-of-type(2){animation-delay:.12s!important}
.d-kpis>*:nth-child(3),.lg-card:nth-child(3),.bz-card:nth-child(3),.dc:nth-of-type(3){animation-delay:.19s!important}
.d-kpis>*:nth-child(4),.lg-card:nth-child(4),.bz-card:nth-child(4),.dc:nth-of-type(4){animation-delay:.26s!important}
.d-kpis>*:nth-child(n+5),.lg-card:nth-child(n+5),.bz-card:nth-child(n+5),.dc:nth-of-type(n+5){animation-delay:.33s!important}
.lg-card,.dc,.kt,.bz-card{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.lg-card:hover,.bz-card:hover,.kt:hover{transform:translateY(-4px)}
@media(prefers-reduced-motion:reduce){.module-panel.on,main>section.on,.module-panel.on *{animation:none!important}}

/* ---- نوار پایین موبایل ---- */
@media(max-width:860px){
  header{margin:8px 10px 0;padding:10px 12px!important;border-radius:20px}
  .module-nav{border-radius:24px 24px 0 0!important;box-shadow:0 -8px 30px rgba(15,22,38,.1)!important;background:#fff!important}
  .module-nav .module-btn{color:#7a8296}
  .module-nav.liq-on .module-btn.on .ml{color:var(--ac-d)}
  .module-nav .module-btn:hover{transform:none;background:transparent}
  .liq i{box-shadow:none}
  .sec-switch.sec-top{background:#f0f2f7;backdrop-filter:none;margin:0 0 6px;border-radius:16px}
  .d-kpis>*:nth-child(n){animation-delay:.05s}
}

@media(min-width:861px){
  .module-nav{position:sticky}
  .navpill{position:absolute;right:10px;left:10px;top:0;height:46px;border-radius:14px;z-index:0;pointer-events:none;opacity:0;transition:top .5s cubic-bezier(.3,1.25,.4,1),height .3s,opacity .3s}
  .module-nav .module-btn{position:relative;z-index:1;padding:8px 10px;gap:10px}
}
.d-hero .btn{background:#0f1626!important;color:#fff!important;border:1px solid #0f1626!important;text-shadow:none!important}
.d-hero .btn.gray{background:#fff!important;color:var(--ink)!important;border:1px solid #dfe3ec!important}
.d-hero .btn:hover{opacity:.92}

.d-act button{background:#fff!important;color:var(--ink)!important;border:1px solid #dfe3ec!important;border-radius:999px;box-shadow:none!important;font-weight:600}
.d-act button:hover{background:#f3f5f9!important}
.d-act button.gold{background:#0f1626!important;color:#fff!important;border-color:#0f1626!important}
.d-chips>*{background:#fff!important;border:0!important;box-shadow:var(--sh)!important;border-radius:16px!important;color:var(--ink)!important}
section input:not(:focus):not([type=checkbox]):not([type=radio]),section select:not(:focus),section textarea:not(:focus),dialog input:not(:focus):not([type=checkbox]):not([type=radio]),dialog select:not(:focus){background:#f3f5f9!important;border-color:transparent!important}
.credit,.credit a,footer.credit{color:var(--mut)}
.credit a{color:var(--ac)}
@media(max-width:860px){
  .sec-switch.sec-top{position:sticky;top:6px;z-index:55;margin:8px 10px 0;box-shadow:var(--sh);background:#fff!important}
  header{display:flex;flex-wrap:wrap;gap:8px}
  header .sub{display:none}
  header h1{font-size:15px}
  .hbtns{width:100%;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;gap:6px;margin:0!important}
  .hbtns::-webkit-scrollbar{display:none}
  .hbtns .btn{flex:0 0 auto;white-space:nowrap}
}

/* ---- رنگ نمودارها و اجزای تکمیلی: آبی ---- */
.lrow .tr i.a,.br .st i.c{background:linear-gradient(90deg,color-mix(in srgb,var(--ac) 60%,#fff),var(--ac))}
.rp-d i.a{background:linear-gradient(color-mix(in srgb,var(--ac) 60%,#fff),var(--ac))}
.lx span.t,.cmp .up{color:var(--ac)}
.lc .hv:hover{fill:color-mix(in srgb,var(--ac) 6%,transparent)}
.lc .gl{stroke:#e6e9f0}
.pz.on{background:#0f1626;color:#fff}
.dr h3{border-bottom-color:var(--ac)}
#bulkBar{border-top-color:var(--ac);background:#fff}
#bkBar{background:#fff1f2;color:#9f1239;border:0;box-shadow:var(--sh);border-radius:16px;margin:10px 14px 0}
.debtbar{background:#fff1f2;color:#9f1239;border:0;border-radius:16px;margin:10px 14px 0;box-shadow:var(--sh)}
.dp-month{background:#fff;border:0;box-shadow:var(--sh)}
.dp-ag{background:#fff7e6;border-color:#f6d9a0}.dp-ag.bad{background:#fff0f1;border-color:#f5c2c8}
.dp-agm{color:var(--mut)}
#focusExit{background:#0f1626;color:#fff}

/* ---- ورود: دو پنل (الهام از طرح مرجع) ---- */
@keyframes lkCard{from{opacity:0;transform:translateY(24px) scale(.98);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes lkUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes lkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
#lock{place-items:center;align-content:center;gap:16px;padding:22px}
#lock .lockcard{display:grid;grid-template-columns:1fr 1.1fr;width:min(1080px,100%);max-width:none;padding:6px;min-height:min(680px,calc(100vh - 150px));overflow:hidden;border-radius:34px;background:rgba(255,255,255,.88);box-shadow:0 25px 80px rgba(40,60,120,.16);animation:lkCard .9s cubic-bezier(.2,.8,.2,1) both;text-align:right}
#lock .lk-main{display:flex;flex-direction:column;justify-content:center;padding:40px 56px;min-width:0}
#lock .lk-main>*{animation:lkUp .7s cubic-bezier(.2,.8,.2,1) both}
#lock .lk-main>*:nth-child(1){animation-delay:.15s}#lock .lk-main>*:nth-child(2){animation-delay:.22s}#lock .lk-main>*:nth-child(3){animation-delay:.29s}#lock .lk-main>*:nth-child(4){animation-delay:.34s}#lock .lk-main>*:nth-child(5){animation-delay:.4s}#lock .lk-main>*:nth-child(6){animation-delay:.46s}#lock .lk-main>*:nth-child(n+7){animation-delay:.52s}
#lock .lk-side{display:flex;position:relative;overflow:hidden;flex-direction:column;justify-content:space-between;gap:14px;padding:46px 44px;border-radius:29px;color:#fff;background:radial-gradient(circle at 72% 40%,rgba(255,255,255,.55),transparent 36%),linear-gradient(140deg,var(--ac-d),var(--ac) 55%,color-mix(in srgb,var(--ac) 40%,#fff))}
#lock .lk-tag{display:inline-block;padding:9px 16px;border-radius:30px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);font-size:13.5px;margin-bottom:18px}
#lock .lk-side h1{font-family:"LalezarApp","VazirmatnApp",sans-serif;font-weight:400;font-size:clamp(34px,4vw,56px);line-height:1.2;color:#fff;margin:0}
#lock .lk-side p{margin:8px 0 0;line-height:1.9;color:#eef5ff;font-size:15px}
#lock .lk-orb{width:190px;height:190px;margin:8px auto;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff 0%,#e8f2ff 13%,color-mix(in srgb,var(--ac) 35%,#fff) 38%,var(--ac) 66%,#e8f2ff 86%);box-shadow:inset -15px -20px 35px rgba(20,40,140,.3),inset 10px 10px 30px #fff,0 25px 45px rgba(20,40,140,.35);animation:lkFloat 4.2s ease-in-out infinite}
#lock .lk-bot h2{font-family:"VazirmatnApp",sans-serif;font-weight:800;font-size:22px;color:#fff;margin:0 0 8px}
#lock .lk-features{display:flex;justify-content:space-around;align-items:center;gap:12px;flex-wrap:wrap;width:min(1080px,100%);padding:18px 22px;border-radius:24px;background:rgba(255,255,255,.62);box-shadow:0 10px 35px rgba(40,60,120,.07);color:#5b6477;font-size:13.5px;animation:lkUp .8s .5s cubic-bezier(.2,.8,.2,1) both}
#lock .lock-logo{margin:0 0 16px}
#lock .lockcard h2{font-size:34px;margin-bottom:6px}
#lock .lockcard .btn{height:56px;border-radius:16px;font-size:16px;margin-top:20px}
#lock .lockcard input{height:56px;border-radius:15px}
#lock.has-bg .lk-side{background:linear-gradient(140deg,rgba(0,0,0,.35),rgba(0,0,0,.15))}
@media(max-width:860px){
  #lock{align-content:start;padding:14px}
  #lock .lockcard{grid-template-columns:1fr;min-height:0;border-radius:28px}
  #lock .lk-side{padding:28px 24px;gap:8px;border-radius:24px}
  #lock .lk-side h1{font-size:34px}
  #lock .lk-orb{width:96px;height:96px;margin:4px auto}
  #lock .lk-bot{display:none}
  #lock .lk-main{padding:28px 18px}
  #lock .lockcard h2{font-size:27px}
  #lock .lk-features{font-size:12px;padding:14px}
}
@media(prefers-reduced-motion:reduce){#lock .lockcard,#lock .lk-main>*,#lock .lk-orb,#lock .lk-features{animation:none}}

/* نشان «مدیر/اپراتور» در هدر روشن */
.who{color:#0f1626!important;background:#eef1f6!important;border-color:#d9dee8!important}
.bz-code{width:110px;text-align:center;font-weight:bold;direction:ltr}
.bz-head .bz-code{width:104px!important;flex:0 0 104px!important;min-width:0;text-align:center;letter-spacing:1px}
.bz-head{flex-wrap:wrap}

/* ===== هویت جداگانهٔ هر بخش ===== */
body.sec-loans{--ac:#0f9d7a;--ac-d:#0b7a60;--ac-l:#dcf5ec}
#secHero{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;padding:18px 22px;margin-bottom:14px;border-radius:24px;color:#fff;
  background:linear-gradient(135deg,var(--ac-d),var(--ac) 60%,color-mix(in srgb,var(--ac) 55%,#fff));box-shadow:0 14px 34px color-mix(in srgb,var(--ac) 30%,transparent);animation:cIn .6s cubic-bezier(.2,.8,.2,1) both}
#secHero[data-sec=loans]{background:linear-gradient(135deg,#0b5f4c,#0f9d7a 55%,#e9b949 135%)}
#secHero .sh-orb{position:absolute;left:-40px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),rgba(255,255,255,0) 65%);pointer-events:none}
#secHero .sh-orb::after{content:"";position:absolute;left:120px;top:150px;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.12)}
#secHero .sh-ic{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.2);font-size:28px;flex:0 0 54px;position:relative}
#secHero .sh-tx{flex:1;min-width:0;position:relative}
#secHero .sh-tx b{display:block;font-size:20px;font-family:var(--fh,inherit)}
#secHero .sh-tx span{display:block;opacity:.85;font-size:12.5px;margin-top:3px}
#secHero .sh-st{display:flex;gap:10px;position:relative}
#secHero .sh-st div{min-width:84px;padding:8px 14px;border-radius:16px;background:rgba(255,255,255,.18);text-align:center}
#secHero .sh-st b{display:block;font-size:20px}
#secHero .sh-st small{display:block;font-size:11px;opacity:.85}
.sec-switch{padding:5px;border-radius:20px}
.sec-switch button{padding:11px 8px;border-radius:15px;font-size:13.5px}
.sec-switch button[data-sec=loans].on{background:linear-gradient(135deg,#0b7a60,#0f9d7a);color:#fff;box-shadow:0 8px 20px rgba(15,157,122,.35)}
.sec-switch button[data-sec=treasury].on{background:linear-gradient(135deg,var(--ac-d),var(--ac));color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--ac) 35%,transparent)}
body.sec-loans .module-panel h2{border-inline-start-color:var(--ac)}
@media(max-width:860px){#secHero{padding:14px 16px;gap:12px;border-radius:20px}#secHero .sh-st{display:none}#secHero .sh-tx b{font-size:17px}}
html[data-theme=dark] #secHero{display:none}
#secHero{grid-column:2;grid-row:1;margin-bottom:0}
.module-panel{grid-row:2}.module-nav{grid-row:1/span 3}.wrap>footer.credit{grid-row:3}
@media(max-width:860px){#secHero{grid-column:1}.module-nav{grid-row:auto}}