/* ── Reset & Variables — palette lives in theme-core.css, loaded before this file ── */
:root{
  --font:'YekanBakh',tahoma,sans-serif;
  --font-num:var(--font);--font-head:var(--font);--font-menu:var(--font);--font-body:var(--font);--font-dash:var(--font);--font-input:var(--font);--font-btn:var(--font);--font-blog:var(--font);
  --font-size:.90rem;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);background:var(--bg);color:var(--t);font-size:var(--font-size,.95rem);line-height:1.7;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .22s,color .22s}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font-family:var(--font-btn,var(--font-body))}input,textarea,select{font-family:var(--font-input,var(--font-body))}
h1,h2,h3,h4,h5{font-family:var(--font-head)}

/* ── Loading dot spinner (inline) ── */
.lp-dots{display:inline-flex;align-items:center;gap:4px;height:1em}
.lp-dots span{display:block;width:5px;height:5px;border-radius:50%;background:currentColor;animation:lpd .7s ease-in-out infinite alternate}
.lp-dots span:nth-child(2){animation-delay:.18s}
.lp-dots span:nth-child(3){animation-delay:.35s}
@keyframes lpd{from{opacity:.25;transform:scale(.6)}to{opacity:1;transform:scale(1)}}

/* ── Page loader ── */
#page-loader{position:fixed;inset:0;background:var(--bg);z-index:9998;display:flex;align-items:center;justify-content:center;transition:opacity .38s,visibility .38s;will-change:opacity}
#page-loader.gone{opacity:0;visibility:hidden;pointer-events:none}
.pl-inner{display:flex;flex-direction:column;align-items:center;gap:14px}
.pl-logo{width:56px;height:56px;border-radius:16px;background:var(--prd);border:1px solid var(--brr);display:flex;align-items:center;justify-content:center}
.pl-logo-img{width:56px;height:56px;border-radius:16px;object-fit:contain}
.pl-name{font-size:1rem;font-weight:900;color:var(--t);letter-spacing:.06em;font-family:var(--font-head,var(--font))}
.pl-bar{width:130px;height:3px;background:var(--bg3);border-radius:99px;overflow:hidden}
.pl-fill{height:100%;width:0;background:linear-gradient(90deg,var(--pr),var(--pr2));border-radius:99px;animation:plFill 1.6s ease-in-out infinite}
@keyframes plFill{0%{width:0;margin-right:auto}65%{width:65%;margin-right:auto}100%{width:100%;margin-right:0}}

/* ── App layout ── */
.app{display:flex;min-height:100vh}

/* ── Sidebar ── */
.sidebar{
  width:var(--sb-w);background:var(--bg2);border-left:1px solid var(--br);
  display:flex;flex-direction:column;position:fixed;top:0;right:0;height:100vh;
  z-index:220;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;
  /* GPU-accelerated transform for zero-lag mobile */
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;backface-visibility:hidden;
  will-change:transform;
}
.sidebar::-webkit-scrollbar{display:none}
.sb-overlay{
  display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);
  z-index:210;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  will-change:opacity;
}
.sb-brand{padding:17px 14px 12px;border-bottom:1px solid var(--br);flex-shrink:0}
.sb-logo-row{display:flex;align-items:center;gap:10px}
.sb-ico{width:37px;height:37px;background:linear-gradient(135deg,var(--pr),var(--pr2));border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px rgba(var(--pr2-rgb),.32)}
.sb-fav{width:37px;height:37px;border-radius:11px;object-fit:contain;flex-shrink:0}
.sb-ttl{font-size:1.03rem;font-weight:900;letter-spacing:.08em;color:var(--t);font-family:var(--font-head,var(--font))}
.sb-ttl span{color:var(--pr2)}
.sb-sub{font-size:.96rem;color:var(--t3);margin-top:1px}
.sb-user{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--br);flex-shrink:0}
.sb-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--pr),var(--pr2));display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:900;color:#fff;flex-shrink:0}
.sb-uname{font-size:.90rem;font-weight:700;color:var(--t);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-phone{font-size:.75rem;color:var(--t3);direction:ltr;text-align:right;margin-top:1px}

/* ── Wallet card in sidebar ── */
.sb-wallet{margin:10px 11px 0;background:linear-gradient(135deg,rgba(var(--pr2-rgb),.2),rgba(var(--pr2-rgb),.05));border:1px solid rgba(var(--pr2-rgb),.28);border-radius:12px;padding:10px 13px;flex-shrink:0}
.sw-lbl{font-size:.62rem;color:rgba(var(--pr-rgb),.65);letter-spacing:1.6px;text-transform:uppercase;margin-bottom:3px}
[data-theme="dark"] .sw-lbl{color:rgba(255,210,200,.55)}
.sw-body{display:flex;align-items:baseline;gap:4px}
.sw-val{font-size:1.18rem;font-weight:900;color:var(--pr);line-height:1;font-family:var(--font-num,var(--font))}
[data-theme="dark"] .sw-val{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.3)}
.sw-unit{font-size:.8rem;color:rgba(var(--pr-rgb),.6)}
[data-theme="dark"] .sw-unit{color:rgba(255,255,255,.5)}
.sw-badge{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:.74rem;color:var(--pr);padding:3px 8px;border-radius:99px;background:rgba(var(--pr2-rgb),.08);cursor:pointer;border:none;font-family:inherit;transition:background .18s}
[data-theme="dark"] .sw-badge{color:rgba(255,210,200,.85);background:rgba(255,255,255,.1)}
.sw-badge:hover{background:rgba(var(--pr2-rgb),.16)}
[data-theme="dark"] .sw-badge:hover{background:rgba(255,255,255,.18)}

/* ── Sidebar nav ── */
.sb-nav{flex:1;padding:6px 0 4px;overflow-y:auto;overflow-x:hidden}
.nav-sec-lbl{font-size:.62rem;letter-spacing:1.8px;text-transform:uppercase;color:var(--t3);padding:8px 16px 3px}
.na{display:flex;align-items:center;gap:8px;padding:8px 11px;margin:2px 7px;border-radius:8px;color:var(--t2);font-size:.90rem;font-weight:600;transition:all .14s;font-family:var(--font-menu,var(--font));cursor:pointer;text-decoration:none}
.na:hover{background:var(--bg3);color:var(--t)}
.na.on{background:var(--prd);color:var(--pr2);font-weight:800}
.na-ic{width:22px;height:22px;border-radius:6px;background:var(--bg3);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .14s}
.na-ic svg{stroke:currentColor;transition:stroke .14s}
.na:hover .na-ic svg{stroke:currentColor}
.na.on .na-ic{background:rgba(var(--pr2-rgb),.18)}
.na.on .na-ic svg{stroke:var(--pr2)}
.na-lbl{flex:1}
.sb-foot{padding:9px 9px 16px;border-top:1px solid var(--br);flex-shrink:0;display:flex;flex-direction:column;gap:4px}
.theme-toggle,.logout-btn{display:flex;align-items:center;gap:8px;padding:8px 9px;border:none;border-radius:9px;background:transparent;color:var(--t3);font-size:.88rem;font-family:inherit;width:100%;cursor:pointer;transition:background .14s,color .14s;text-align:right}
.theme-toggle:hover{background:var(--bg3);color:var(--t)}
.logout-btn:hover{background:rgba(var(--pr2-rgb),.1);color:var(--pr2)}
[data-theme="dark"] .ico-light{display:none}
[data-theme="light"] .ico-dark{display:none}
[data-theme="dark"] .theme-lbl-light{display:none}
[data-theme="light"] .theme-lbl-dark{display:none}

/* ── Main content area ── */
.main-wrap{flex:1;margin-right:var(--sb-w);min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:100;height:var(--top);background:rgba(255,255,255,.88);border-bottom:1px solid var(--br);display:flex;align-items:center;gap:10px;padding:0 16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:100%;flex-shrink:0}
[data-theme="dark"] .topbar{background:rgba(21,27,39,.9)}
.menu-btn{display:none;align-items:center;justify-content:center;width:35px;height:35px;border:none;border-radius:9px;background:var(--bg3);color:var(--t2);flex-shrink:0;cursor:pointer}
.pg-h{font-size:.95rem;font-weight:800;color:var(--t);flex:1;font-family:var(--font-head,var(--font))}
.tb-actions{display:flex;align-items:center;gap:6px}
.tb-theme{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:var(--bg3);color:var(--t2);cursor:pointer;transition:background .14s;flex-shrink:0}
.tb-theme:hover{background:var(--bg4);color:var(--t)}
.tb-bal{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;background:rgba(39,174,96,.1);color:var(--ok2);font-size:.88rem;font-weight:700;border:1px solid rgba(39,174,96,.2);font-family:var(--font-num,var(--font));white-space:nowrap}
.main-content{padding:16px 24px;width:100%;max-width:1104px;margin:0 auto;flex:1;box-sizing:border-box}

/* ── Cards ── */
.gc{background:var(--bg2);border:1px solid var(--br);border-radius:var(--rad);padding:22px;box-shadow:var(--sh-s)}
.sec-t{font-size:.98rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--t3);margin-bottom:14px;display:flex;align-items:center;gap:9px}
.sec-t::after{content:'';flex:1;height:1px;background:var(--br2)}
.sec-ttl{font-size:.96rem;font-weight:800;color:var(--t2);margin-bottom:13px;padding-bottom:9px;border-bottom:1px solid var(--br)}

/* ── Forms ── */
.fg{margin-bottom:12px}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fl{display:block;font-size:.92rem;color:var(--t2);margin-bottom:5px;font-weight:600}
.fi,.ft,.fs{width:100%;background:var(--bg3);border:1.5px solid var(--br2);border-radius:var(--rad-s);color:var(--t);font-family:inherit;font-size:.93rem;padding:10px 13px;transition:border-color .16s,box-shadow .16s;outline:none;line-height:1.5}
.fi:focus,.ft:focus,.fs:focus{border-color:var(--pr);box-shadow:0 0 0 3px rgba(var(--pr2-rgb),.14)}
.ft{resize:vertical;min-height:88px}
.fs{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23505c7a'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 11px center;padding-left:30px}
.req{color:var(--pr2)}
.fi-err{border-color:var(--pr)!important;box-shadow:0 0 0 3px rgba(var(--pr2-rgb),.14)!important}
.field-err{font-size:.98rem;color:var(--pr2);margin-top:4px;display:none}
.field-err.show{display:block}

/* ── Password row ── */
.pass-row{position:relative;display:flex;align-items:center}
.pass-fi{padding-left:42px!important}
.pass-toggle{position:absolute;left:0;top:0;bottom:0;width:38px;border:none;background:transparent;color:var(--t3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .14s;z-index:2}
.pass-toggle:hover{color:var(--pr2)}
.strength-bar{height:3px;border-radius:99px;background:var(--bg4);margin-top:6px;transition:width .28s,background .28s;width:0}
.strength-lbl{font-size:1.03rem;margin-top:3px;transition:color .28s}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--rad-s);font-size:.90rem;font-weight:700;font-family:inherit;border:none;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s,opacity .16s;white-space:nowrap;line-height:1.35;vertical-align:middle}
.btn:disabled{opacity:.55;pointer-events:none}
.btn-p{background:linear-gradient(135deg,var(--pr),var(--pr2));color:#fff;box-shadow:0 3px 14px rgba(var(--pr2-rgb),.3)}
.btn-p:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 20px rgba(var(--pr2-rgb),.42)}
.btn-p:active:not(:disabled){transform:translateY(0)}
.btn-g{background:var(--bg3);color:var(--t2);border:1px solid var(--br2)}
.btn-g:hover:not(:disabled){background:var(--bg4);color:var(--t)}
.btn-ok{background:var(--okd);color:var(--ok2);border:1px solid rgba(39,174,96,.22)}
.btn-ok:hover:not(:disabled){background:rgba(39,174,96,.2)}
.btn-cy{background:var(--cyd);color:var(--cy2);border:1px solid rgba(26,188,156,.22)}
.btn-s{padding:6px 12px;font-size:.94rem}
.btn-xs{padding:4px 8px;font-size:.96rem;border-radius:var(--rad-xs)}
.btn-full{width:100%}
.btn-xl{padding:13px 18px;font-size:.98rem}

/* ── Badges ── */
.badge{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:99px;font-size:.82rem;font-weight:700;white-space:nowrap;line-height:1.35}
.b-ok{background:var(--okd);color:var(--ok2)}
.b-er{background:rgba(var(--pr2-rgb),.12);color:var(--pr2)}
.b-yw{background:var(--ywd);color:var(--yw2)}
.b-pend{background:var(--ywd);color:var(--yw2)}
.b-cy{background:var(--cyd);color:var(--cy2)}
.b-vt{background:var(--vtd);color:var(--vt2)}
.b-in{background:var(--bg4);color:var(--t2)}

/* ── Alerts ── */
.alert{padding:10px 14px;border-radius:var(--rad-s);font-size:.90rem;line-height:1.65}
.alert-ok{background:var(--okd);color:var(--ok2);border:1px solid rgba(39,174,96,.22)}
.alert-er{background:rgba(var(--pr2-rgb),.1);color:var(--pr2);border:1px solid rgba(var(--pr2-rgb),.22)}
.alert-cy{background:var(--cyd);color:var(--cy2);border:1px solid rgba(26,188,156,.22)}
.alert-yw{background:var(--ywd);color:var(--yw2);border:1px solid rgba(243,156,18,.22)}
.alert-in{background:var(--bg3);color:var(--t2);border:1px solid var(--br2)}

/* ── Stats ── */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.stat-box{background:var(--bg2);border:1px solid var(--br);border-radius:var(--rad);padding:14px 15px;position:relative;overflow:hidden}
.stat-box::before{content:'';position:absolute;top:0;right:0;width:3px;height:100%;background:linear-gradient(180deg,var(--pr),transparent)}
.st-ic{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.st-val{font-size:1.45rem;font-weight:900;color:var(--t);line-height:1;font-family:var(--font-num,var(--font))}
.st-lbl{font-size:.94rem;color:var(--t3);margin-top:2px}

/* ── Grade cards ── */
.grade-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:13px}
.gcard{border:1.5px solid var(--br2);border-radius:11px;padding:11px 7px;text-align:center;cursor:pointer;transition:border-color .16s,background .16s;display:flex;flex-direction:column;align-items:center;gap:3px;user-select:none;position:relative}
.gcard input[type=radio]{position:absolute;opacity:0;width:0;height:0}
.gcard:hover{border-color:var(--br3);background:var(--bg3)}
.gcard.sel{border-color:var(--pr);background:var(--prd)}
.gl-letter{font-size:1rem;font-weight:900;line-height:1}
.gc-a .gl-letter{color:var(--yw2)}
.gc-b .gl-letter{color:var(--cy2)}
.gc-c .gl-letter{color:var(--t2)}
.gc-ab .gl-letter{color:var(--pr2)}
.gc-all .gl-letter{color:var(--ok2)}
.gl-name{font-size:1.02rem;color:var(--t3);line-height:1.4}
.gl-price{font-size:.94rem;font-weight:800;color:var(--t);margin-top:1px;font-family:var(--font-num,var(--font))}
.gcard.sel .gl-price{color:var(--pr2)}
.gcard.sel .gl-name{color:var(--t3)}
[data-theme="dark"] .gcard.sel .gl-price{color:#fff}
[data-theme="dark"] .gcard.sel .gl-name{color:rgba(255,180,170,.75)}
.gl-cnt{font-size:.94rem;color:var(--t3)}

/* ── Price bar ── */
.price-bar{display:flex;justify-content:space-between;background:var(--bg3);border:1px solid var(--br2);border-radius:11px;padding:12px 16px;margin-top:8px}
.price-lbl{font-size:.96rem;color:var(--t3);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:3px}
.price-amt{font-size:1.2rem;font-weight:900;font-family:var(--font-num,var(--font))}

/* ── Reportage site cards ── */
.rep-sites{display:flex;flex-direction:column;gap:8px;margin-bottom:11px}
.rsite{border:1.5px solid var(--br2);border-radius:12px;padding:12px 15px;cursor:pointer;transition:border-color .16s,background .16s;user-select:none}
.rsite:hover{border-color:var(--br3);background:var(--bg3)}
.rsite.sel{border-color:var(--pr);background:var(--prd)}
.rsite-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}
.rsite-name{font-size:.96rem;font-weight:700;color:var(--t);display:flex;align-items:center;gap:7px}
.rsite-dr{font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:99px;background:rgba(26,188,156,.14);color:var(--cy2);letter-spacing:.02em;white-space:nowrap;flex-shrink:0}
.rsite-check{color:var(--t3);transition:color .16s,opacity .16s;opacity:.35;flex-shrink:0}
.rsite.sel .rsite-check{color:var(--ok2);opacity:1}
.rsite-url{font-size:.87rem;color:var(--cy2);direction:ltr;text-align:right;margin-bottom:2px}
.rsite-price{font-size:.94rem;font-weight:700;color:var(--yw2);font-family:var(--font-num,var(--font))}

/* ── Rich text editor ── */
.re-toolbar{display:flex;flex-wrap:wrap;gap:3px;padding:7px 9px;border:1px solid var(--br2);border-bottom:none;background:var(--bg3);border-radius:var(--rad-s) var(--rad-s) 0 0}
.re-btn{min-width:28px;height:27px;padding:0 7px;border:1px solid var(--br2);border-radius:var(--rad-xs);background:var(--bg4);color:var(--t2);font-size:1.02rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .14s,color .14s;gap:3px}
.re-btn:hover{background:var(--pr);color:#fff;border-color:var(--pr)}
.rep-editor{width:100%;min-height:200px;background:var(--bg3);border:1px solid var(--br2);border-radius:0 0 var(--rad-s) var(--rad-s);color:var(--t);font-family:inherit;font-size:.94rem;padding:11px 13px;outline:none;line-height:1.75}
.rep-editor:focus{border-color:var(--pr);box-shadow:0 0 0 3px rgba(var(--pr2-rgb),.12)}

/* ── Upload zone ── */
.thumb-zone{border:2px dashed var(--br2);border-radius:11px;padding:18px;text-align:center;cursor:pointer;transition:border-color .16s,background .16s;margin-bottom:11px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--t3);font-size:.98rem}
.thumb-zone:hover,.thumb-zone.drag{border-color:var(--pr);background:var(--prd);color:var(--pr2)}
.thumb-prev{max-height:150px;border-radius:8px;margin:7px auto 0;border:1px solid var(--br)}

/* ── Amount presets ── */
.amount-presets{display:flex;gap:6px;margin-bottom:13px;flex-wrap:wrap}
.amt-preset{padding:6px 12px;border:1.5px solid var(--br2);border-radius:8px;background:var(--bg3);color:var(--t2);font-size:1.02rem;font-family:inherit;cursor:pointer;transition:all .14s;font-weight:600}
.amt-preset:hover,.amt-preset.sel{border-color:var(--pr);color:var(--pr2);background:var(--prd);font-weight:800}

/* ── Stream / backlink progress ── */
.stream-box{background:var(--bg2);border:1px solid var(--br2);border-radius:var(--rad);overflow:hidden}
.stream-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--br)}
.stream-title{font-size:.90rem;font-weight:700}
.s-stats{display:flex;gap:6px}
.s-prog-wrap{flex:1;height:5px;background:var(--bg3);border-radius:99px;overflow:hidden}
.s-prog{height:100%;width:0;background:linear-gradient(90deg,var(--pr),var(--pr2));border-radius:99px;transition:width .28s}
.s-list{max-height:310px;overflow-y:auto;padding:3px 0}
.si{display:flex;align-items:center;gap:7px;padding:7px 14px;border-bottom:1px solid var(--br);font-size:1.03rem}
.si:last-child{border-bottom:none}
.si.ok{background:rgba(39,174,96,.03)}
.si.er{background:rgba(var(--pr2-rgb),.03)}
.si-ico{width:13px;height:13px;flex-shrink:0}
.si-url{flex:1;color:var(--t2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;font-size:.90rem}
.pulse{display:flex;align-items:center;padding:13px 14px;color:var(--t3);font-size:.87rem;gap:2px}
.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--pr2);animation:pulsed .85s ease-in-out infinite}
.pulse-dot:nth-child(2){animation-delay:.16s}
.pulse-dot:nth-child(3){animation-delay:.32s}
@keyframes pulsed{0%,80%,100%{transform:scale(.35);opacity:.4}40%{transform:scale(1);opacity:1}}

/* ── Modals ── */
.modal-overlay,.modal-bg{display:none;position:fixed;inset:0;z-index:700;background:rgba(0,0,0,.68);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:20px}
.modal-overlay.show,.modal-bg.show{display:flex}
.modal-box{background:var(--bg2);border:1px solid var(--br2);border-radius:18px;padding:0;max-width:400px;width:100%;box-shadow:0 24px 64px rgba(0,0,0,.6);animation:mIn .22s cubic-bezier(.4,0,.2,1);overflow:hidden;max-height:90vh;overflow-y:auto}
@keyframes mIn{from{opacity:0;transform:scale(.92) translateY(10px)}}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--br)}
.modal-head h3{font-size:1rem;font-weight:800}
.modal-close{background:none;border:none;color:var(--t3);cursor:pointer;font-size:1.1rem;line-height:1;padding:4px;border-radius:6px;transition:color .14s,background .14s}
.modal-close:hover{color:var(--t);background:var(--bg3)}
.modal-form{padding:14px 17px}
.modal-actions{display:flex;gap:8px;padding:0 17px 16px}
.modal-actions .btn{flex:1}
.terms-modal{display:none;position:fixed;inset:0;z-index:800;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}
.terms-modal.show{display:flex}
.terms-box{background:var(--bg2);border:1px solid var(--br2);border-radius:20px;max-width:600px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 32px 80px rgba(0,0,0,.7);animation:modalIn .22s ease}
@keyframes modalIn{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:none}}
.terms-box-head{padding:18px 22px;border-bottom:1px solid var(--br);flex-shrink:0;display:flex;justify-content:space-between;align-items:center}
.terms-box-head h3{font-size:1rem;font-weight:800;color:var(--t)}
.terms-box-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--bg3);border:1px solid var(--br);border-radius:8px;color:var(--t3);cursor:pointer;transition:all .16s;font-size:1.05rem;flex-shrink:0}
.terms-box-close:hover{color:var(--pr2);border-color:var(--br2);background:var(--bg4)}
.terms-box-body{padding:20px 22px;overflow-y:auto;font-size:1.05rem;color:var(--t2);line-height:2;white-space:pre-wrap}

/* ── Tables ── */
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse}
th,td{padding:9px 10px;text-align:right;border-bottom:1px solid var(--br);font-size:.87rem}
th{font-size:1.03rem;color:var(--t3);font-weight:700;letter-spacing:.7px;background:var(--bg3);white-space:nowrap}
.nc{color:var(--t3);font-size:.98rem;font-family:var(--font-num,var(--font))}

/* ── Empty state ── */
.empty-s{display:flex;flex-direction:column;align-items:center;gap:12px;padding:42px 20px;color:var(--t3)}
.empty-s svg{width:50px;height:50px;opacity:.3}
.empty-s h3{font-size:.96rem;font-weight:700}

/* ── Banner slider ── */
.banner-slider{position:relative;border-radius:var(--rad);overflow:hidden;background:var(--bg2);border:1px solid var(--br);margin-bottom:10px;width:100%;aspect-ratio:4/1}
@media(max-width:640px){.banner-slider{aspect-ratio:2/1}}
.bs-track{display:flex;height:100%;will-change:transform;transition:transform .4s cubic-bezier(.4,0,.2,1)}
.bs-slide{flex:0 0 100%;height:100%}
.bs-slide picture,.bs-slide a{display:block;width:100%;height:100%}
.bs-slide img{width:100%;height:100%;object-fit:cover;display:block}
.bs-prev,.bs-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.52);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;font-size:1.1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s}
.bs-prev:hover,.bs-next:hover{background:rgba(0,0,0,.72)}
.bs-prev{right:10px}.bs-next{left:10px}
.bs-dots{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);display:flex;gap:5px}
.bs-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.42);cursor:pointer;transition:all .22s}
.bs-dot.on{background:#fff;width:18px;border-radius:99px}

/* ── Quick access ── */
.quick-access{display:flex;flex-direction:column;gap:6px;margin-top:13px}
.qa-item{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;background:var(--bg3);border:1px solid var(--br);transition:all .16s;cursor:pointer;text-decoration:none}
.qa-item:hover{border-color:var(--br2);background:var(--bg4)}
.qa-ico{width:35px;height:35px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qa-lbl{font-size:1.02rem;font-weight:600;color:var(--t)}
.qa-arrow{margin-right:auto;color:var(--t3)}

/* ── OTP ── */
.otp-row{display:flex;gap:7px;justify-content:center;direction:ltr;margin-bottom:10px}
.otp-c{width:46px;height:52px;border-radius:11px;border:1.5px solid var(--br2);background:var(--bg3);color:var(--t);font-size:1.35rem;font-weight:700;text-align:center;outline:none;transition:border-color .16s,box-shadow .16s;font-family:var(--font-num,var(--font))}
.otp-c:focus{border-color:var(--pr);box-shadow:0 0 0 3px rgba(var(--pr2-rgb),.14)}
.otp-c.ok{border-color:var(--ok2);background:rgba(39,174,96,.06)}
.otp-timer{display:flex;align-items:center;gap:8px;justify-content:center;font-size:1.03rem;color:var(--t3)}
.otp-timer button{background:none;border:none;color:var(--pr2);cursor:pointer;font-family:inherit;font-size:1.03rem}
.otp-timer button:disabled{color:var(--t3);cursor:default}

/* ── Toasts ── */
#toasts{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:7px;align-items:center;pointer-events:none}
.toast{padding:9px 18px;border-radius:40px;font-size:.90rem;font-weight:600;white-space:nowrap;box-shadow:0 6px 28px rgba(0,0,0,.4);animation:toastIn .2s ease;pointer-events:auto;max-width:88vw;text-align:center}
.toast-ok{background:linear-gradient(135deg,#0d5c36,#1a7a4a);color:#fff}
.toast-er{background:linear-gradient(135deg,#7a0000,#a93226);color:#fff}
.toast-cy{background:linear-gradient(135deg,#0a4f63,#1a7a6a);color:#fff}
.toast-in{background:var(--bg4);color:var(--t);border:1px solid var(--br2)}
@keyframes toastIn{from{opacity:0;transform:translateY(8px) scale(.9)}}

/* ── Admin ── */
.admin-wrap{display:flex;min-height:100vh}
.adm-sb{width:218px;background:var(--bg2);border-left:1px solid var(--br);position:fixed;top:0;right:0;height:100vh;overflow-y:auto;z-index:220;display:flex;flex-direction:column;scrollbar-width:none;transform:translateZ(0)}
.adm-sb::-webkit-scrollbar{display:none}
.adm-brand{padding:16px 13px;border-bottom:1px solid var(--br);flex-shrink:0}
.adm-brand-row{display:flex;align-items:center;gap:9px}
.adm-ico{width:32px;height:32px;background:linear-gradient(135deg,var(--pr),var(--pr2));border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.adm-brand h2{font-size:1.05rem;font-weight:900;color:var(--t);letter-spacing:.06em}
.adm-brand h2 span{color:var(--pr2)}
.adm-brand p{font-size:.75rem;color:var(--t3);margin-top:1px}
.adm-nav{flex:1;padding:6px 0}
.an-lbl{font-size:.6rem;letter-spacing:1.8px;text-transform:uppercase;color:var(--t3);padding:8px 14px 3px}
.an-a{display:flex;align-items:center;gap:9px;padding:9px 11px;margin:1px 7px;border-radius:9px;color:var(--t2);font-size:.9rem;font-weight:600;transition:all .14s;font-family:var(--font-menu,var(--font));cursor:pointer;text-decoration:none}
.an-a:hover{background:var(--bg3);color:var(--t)}
.an-a.on{background:var(--prd);color:var(--pr2);font-weight:800}
.an-ic{width:28px;height:28px;border-radius:8px;background:var(--bg3);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .14s}
.an-a.on .an-ic{background:rgba(var(--pr2-rgb),.18)}
.adm-foot{padding:9px 7px 15px;border-top:1px solid var(--br);flex-shrink:0;display:flex;flex-direction:column;gap:4px}
.adm-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:210;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.adm-overlay.show{display:block}
.admin-wrap{display:flex;min-height:100vh}
.adm-sb{width:220px;background:var(--bg2);border-left:1px solid var(--br);position:fixed;top:0;right:0;height:100vh;overflow-y:auto;z-index:220;display:flex;flex-direction:column;scrollbar-width:none;transform:translateZ(0)}
.adm-sb::-webkit-scrollbar{display:none}
.adm-main{flex:1;margin-right:220px;display:flex;flex-direction:column;min-width:0}
.adm-body{padding:18px;flex:1}
.adm-topbar{display:none;align-items:center;gap:10px;padding:0 14px;height:54px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--br);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
[data-theme="dark"] .adm-topbar{background:rgba(21,27,39,.92)}
.adm-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:9px;background:var(--bg3);color:var(--t2);flex-shrink:0;cursor:pointer;transition:background .14s}
.adm-menu-btn:hover{background:var(--bg4);color:var(--t)}
.font-preview{padding:9px 13px;background:var(--bg3);border:1px solid var(--br2);border-radius:8px;margin-top:5px;font-size:.95rem;color:var(--t2)}

/* ── Responsive ── */
@media(max-width:768px){
  .sidebar{
    transform:translateX(100%) translateZ(0);
    transition:transform .26s cubic-bezier(.4,0,.2,1);
  }
  .sidebar.open{transform:translateX(0) translateZ(0)}
  .sb-overlay.show{display:block}
  .main-wrap{margin-right:0}
  .menu-btn{display:flex}
  .grade-grid{grid-template-columns:repeat(3,1fr)}
  .stats{grid-template-columns:1fr 1fr}
  .main-content{padding:12px 10px}
  .topbar{padding:0 11px}
  .fg-row{grid-template-columns:1fr}
  .qst-grid{grid-template-columns:repeat(3,1fr)}
  .adm-sb{transform:translateX(100%);transition:transform .26s cubic-bezier(.4,0,.2,1)}
  .adm-sb.open{transform:translateX(0)}
  .adm-main{margin-right:0}
  .adm-topbar{display:flex}
}
@media(max-width:440px){
  .grade-grid{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:1fr 1fr}
  .otp-c{width:42px;height:48px;font-size:1.2rem}
}

/* ── Stat cards (user dashboard) ── */
.sc{background:var(--bg2);border:1px solid var(--br);border-radius:var(--rad);padding:16px 14px;position:relative;overflow:hidden;transition:border-color .18s,transform .18s}
.sc:hover{border-color:var(--br2);transform:translateY(-1px)}
.sc-stripe{position:absolute;top:0;right:0;left:0;height:2px;background:var(--br2)}
.sc.red .sc-stripe{background:linear-gradient(90deg,var(--pr2),transparent)}
.sc.blue .sc-stripe{background:linear-gradient(90deg,var(--cy2),transparent)}
.sc.green .sc-stripe{background:linear-gradient(90deg,var(--ok2),transparent)}
.sc.yellow .sc-stripe{background:linear-gradient(90deg,var(--yw2),transparent)}
.sc.purple .sc-stripe{background:linear-gradient(90deg,var(--vt2),transparent)}
.sc-icon{width:30px;height:30px;display:block;margin-bottom:14px;flex-shrink:0}
.sc-val{font-size:1.5rem;font-weight:900;line-height:1;margin-bottom:4px}
.sc.red .sc-val{color:var(--pr2)}.sc.blue .sc-val{color:var(--cy2)}.sc.green .sc-val{color:var(--ok2)}.sc.yellow .sc-val{color:var(--yw2)}.sc.purple .sc-val{color:var(--vt2)}
.sc-lbl{font-size:.98rem;color:var(--t3)}

/* ── Admin stat cards ── */
.sc.b{}.sc.r{}.sc.y{}.sc.g{}
.sc.b::after,.sc.r::after,.sc.y::after,.sc.g::after{content:'';position:absolute;top:0;right:0;left:0;height:2px}
.sc.b::after{background:linear-gradient(90deg,var(--cy2),transparent)}
.sc.r::after{background:linear-gradient(90deg,var(--pr2),transparent)}
.sc.y::after{background:linear-gradient(90deg,var(--yw2),transparent)}
.sc.g::after{background:linear-gradient(90deg,var(--ok2),transparent)}
.sc-ic{width:22px;height:22px;display:block;margin-bottom:10px}
.sc.b .sc-val{color:var(--cy2)}.sc.r .sc-val{color:var(--pr2)}.sc.y .sc-val{color:var(--yw2)}.sc.g .sc-val{color:var(--ok2)}

/* ── Quick access grid ── */
.qst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}
.qa-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 14px;background:var(--bg3);border:1px solid var(--br);border-radius:var(--rad);text-align:center;transition:all .2s;text-decoration:none;color:var(--t);position:relative;overflow:hidden}
.qa-card::before{content:'';position:absolute;bottom:0;right:0;left:0;height:2px;background:transparent;transition:background .2s}
.qa-card:hover{border-color:var(--br2);background:var(--bg4);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.16)}
.qa-card:hover::before{background:linear-gradient(90deg,var(--pr2),transparent)}
.qa-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qa-lbl{font-size:.90rem;font-weight:600;color:var(--t2)}

/* ── Table (.tbl) ── */
.tbl{width:100%;border-collapse:collapse;font-size:1rem}
.tbl thead{background:var(--bg3)}
.tbl th{padding:11px 14px;text-align:right;font-size:1.02rem;color:var(--t3);font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--br);white-space:nowrap}
.tbl td{padding:11px 14px;border-bottom:1px solid var(--br);vertical-align:middle}
.tbl tr:last-child td{border-bottom:none}
.tbl tr:hover td{background:rgba(255,255,255,.014)}

/* ── Editor placeholder ── */
.rep-editor:empty:before{content:attr(data-ph);color:var(--t3);pointer-events:none;display:block}
.rep-editor h2{font-size:1.05rem;font-weight:800;margin:10px 0 5px}
.rep-editor h3{font-size:1.02rem;font-weight:700;margin:8px 0 4px}
.rep-editor a{color:var(--cy2);text-decoration:underline}
.rep-editor ul,.rep-editor ol{padding-right:20px;margin:6px 0}

.tip-wrap{position:relative;display:inline-flex;align-items:center;vertical-align:middle;margin-right:4px}
.tip-btn{width:16px;height:16px;border-radius:50%;background:rgba(0,0,0,.05);border:1px solid var(--br2);color:var(--t3);font-size:.6rem;font-weight:800;cursor:default;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:background .14s,color .14s;flex-shrink:0}
[data-theme="dark"] .tip-btn{background:rgba(255,255,255,.08)}
.tip-btn:hover{background:rgba(var(--pr2-rgb),.14);border-color:var(--pr2);color:var(--pr2)}
.tip-box{position:absolute;bottom:calc(100% + 7px);right:50%;transform:translateX(50%);background:var(--bg4);border:1px solid var(--br2);border-radius:10px;padding:9px 12px;font-size:.76rem;color:var(--t2);line-height:1.7;width:230px;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:500;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;transform:translateX(50%) translateY(4px);white-space:normal;text-align:right}
.tip-box::after{content:'';position:absolute;top:100%;right:50%;transform:translateX(50%);border:6px solid transparent;border-top-color:var(--br2)}
.tip-box::before{content:'';position:absolute;top:100%;right:50%;transform:translateX(50%);margin-top:-1px;border:6px solid transparent;border-top-color:var(--bg4)}
.tip-wrap:hover .tip-box,.tip-wrap:focus-within .tip-box{opacity:1;transform:translateX(50%) translateY(0)}

/* Per-section font overrides */
.blog-content,.post-content,.bl-content,.blog-body{font-family:var(--font-blog,var(--font-body))}
.dashboard,.dash-section,.adm-wrap,.adm-sb{font-family:var(--font-dash,var(--font-body))}

/* Performance: reduce motion on low-end devices */
@media (prefers-reduced-motion:reduce){
  *,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* Optimize rendering */
img{content-visibility:auto}
.na,.btn,.fi,.fs{contain:layout style}