/* PishkhanPlus 2.58.0 — پنجره ورود «خزانه» */
html body #layer.is-login-layer .login.login-pro.lg3{--lg-ink:#0a1230;--lg-ink2:#121d48;--lg-gold:#d8b25a;--lg-gold2:#f3dc9b;--lg-ivory:#fbf8f1;--lg-line:#e8dfc8;--lg-txt:#1b2238;--lg-mute:#6b6f80;
  position:fixed!important;inset:0!important;display:grid!important;grid-template-columns:minmax(320px,44%) 1fr!important;align-items:stretch!important;gap:0!important;padding:0!important;margin:0!important;background:radial-gradient(1200px 700px at 85% 15%,#1b2a66 0%,transparent 60%),linear-gradient(160deg,var(--lg-ink) 0%,var(--lg-ink2) 55%,#0a0f26 100%)!important;overflow:auto!important;z-index:50;font-family:Vazirmatn,Tahoma,sans-serif}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-bg{position:fixed;inset:0;pointer-events:none;color:var(--lg-gold);opacity:.11}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-guil{width:100%;height:100%}
html body #layer.is-login-layer .login.login-pro.lg3>.login-artist-panel,html body #layer.is-login-layer .login.login-pro.lg3 .login-headline,html body #layer.is-login-layer .login.login-pro.lg3 .login-artist-copy{display:none!important}
/* ستون معرفی */
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-side{position:relative;display:flex;flex-direction:column;gap:28px;justify-content:center;padding:48px 56px;color:#fff;border-inline-end:1px solid rgba(216,178,90,.25)}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-brand{display:flex;align-items:center;gap:14px}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-brand img{width:56px;height:56px;border-radius:16px;background:#fff;padding:6px;box-shadow:0 0 0 2px var(--lg-gold)}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-brand b{display:block;font-size:22px;font-weight:900;letter-spacing:-.3px}html body #layer.is-login-layer .login.login-pro.lg3 .lg3-brand small{font-size:12.5px;color:rgba(255,255,255,.65)}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-clock{display:flex;flex-direction:column;gap:2px}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-hi{font-size:16px;color:var(--lg-gold2);font-weight:700}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-clock b{font-size:clamp(64px,8vw,104px);line-height:1;font-weight:900;letter-spacing:-2px;background:linear-gradient(180deg,#fff 30%,var(--lg-gold2));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-clock span:last-child{font-size:15px;color:rgba(255,255,255,.75)}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-branch{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px;padding:14px 16px;border:1px solid rgba(216,178,90,.35);border-radius:16px;background:rgba(255,255,255,.04);max-width:360px}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-branch small{grid-row:1/3;font-size:11px;color:var(--lg-gold);writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:2px}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-branch b{font-size:20px;font-weight:800}html body #layer.is-login-layer .login.login-pro.lg3 .lg3-branch span{font-size:12px;color:rgba(255,255,255,.6)}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-trust{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-trust li{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.78)}html body #layer.is-login-layer .login.login-pro.lg3 .lg3-trust i{font-style:normal;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(216,178,90,.14)}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-foot{font:700 14px/1 ui-monospace,Consolas,monospace;letter-spacing:3px;color:var(--lg-gold);direction:ltr;text-align:start;opacity:.8}
/* کارت ورود */
html body #layer.is-login-layer .login.login-pro.lg3 .login-card{position:relative;align-self:center;justify-self:center;width:min(420px,calc(100vw - 32px))!important;max-width:420px!important;margin:32px!important;padding:28px 26px 22px!important;border-radius:28px!important;background:var(--lg-ivory)!important;color:var(--lg-txt)!important;border:1px solid var(--lg-line)!important;box-shadow:0 30px 80px -20px rgba(0,0,0,.55),inset 0 0 0 6px rgba(216,178,90,.08)!important;display:flex!important;flex-direction:column!important;gap:12px!important}
html body #layer.is-login-layer .login.login-pro.lg3 .login-card::before{content:"";position:absolute;inset:0 26px auto;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,transparent,var(--lg-gold),transparent)}
html body #layer.is-login-layer .login.login-pro.lg3 .login-intro h2{font-size:24px!important;font-weight:900!important;margin:0!important;color:var(--lg-txt)!important}
html body #layer.is-login-layer .login.login-pro.lg3 .login-intro p{font-size:13px!important;color:var(--lg-mute)!important;margin:4px 0 0!important}
html body #layer.is-login-layer .login.login-pro.lg3 .login-user-label,html body #layer.is-login-layer .login.login-pro.lg3 .login-pin-label{font-size:12px!important;font-weight:800!important;color:var(--lg-mute)!important;margin:0!important}
html body #layer.is-login-layer .login.login-pro.lg3 .users{display:flex!important;gap:8px!important;overflow-x:auto;padding:2px!important;scrollbar-width:none}
html body #layer.is-login-layer .login.login-pro.lg3 .uopt{flex:1 0 auto;min-width:150px;border-radius:16px!important;border:1.5px solid var(--lg-line)!important;background:#fff!important;padding:8px 10px!important;box-shadow:none!important}
html body #layer.is-login-layer .login.login-pro.lg3 .uopt[aria-pressed="true"]{border-color:var(--lg-gold)!important;background:linear-gradient(135deg,#fffaf0,#fff)!important;box-shadow:0 0 0 3px rgba(216,178,90,.18)!important}
html body #layer.is-login-layer .login.login-pro.lg3 .uopt .login-user-check{background:var(--lg-gold)!important;color:#1a1405!important}
/* رمز */
html body #layer.is-login-layer .login.login-pro.lg3 .login-pin-label{position:relative}
html body #layer.is-login-layer .login.login-pro.lg3 #pin{position:absolute!important;opacity:0!important;pointer-events:none;height:1px!important;width:1px!important;inset:auto!important}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-dots{display:flex;justify-content:center;gap:12px;padding:14px 0 6px;cursor:text;direction:ltr}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-dots i{width:16px;height:16px;border-radius:50%;border:2px solid #c9bd9c;transition:transform .12s,background .12s}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-dots i.opt{opacity:.45;width:12px;height:12px;margin-top:2px}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-dots i.on{background:var(--lg-ink);border-color:var(--lg-ink);transform:scale(1.1);opacity:1}
html body #layer.is-login-layer .login.login-pro.lg3 #pin:focus~*{outline:0}
html body #layer.is-login-layer .login.login-pro.lg3 .login-pin-label:focus-within+.lg3-dots i:not(.on){border-color:var(--lg-gold)}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;direction:ltr}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-pad button{all:unset;cursor:pointer;display:grid;place-items:center;height:56px;border-radius:18px;background:#fff;border:1px solid var(--lg-line);font:800 24px/1 Vazirmatn,Tahoma;color:var(--lg-txt);box-shadow:0 2px 0 #e6dcc3;transition:transform .06s,background .12s;-webkit-tap-highlight-color:transparent}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-pad button:active{transform:translateY(2px);box-shadow:none;background:#f6efdd}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-pad button:focus-visible{outline:2px solid var(--lg-gold);outline-offset:2px}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-pad button.ok{background:var(--lg-ink);color:var(--lg-gold2);border-color:var(--lg-ink);box-shadow:0 2px 0 #050915}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-pad button[data-lg3k="del"]{font-size:20px;color:var(--lg-mute)}
html body #layer.is-login-layer .login.login-pro.lg3 .login-submit{min-height:52px!important;border-radius:18px!important;background:linear-gradient(135deg,var(--lg-ink),#1f2f6e)!important;color:#fff!important;border:0!important;font-weight:800!important;box-shadow:0 10px 24px -12px rgba(10,18,48,.7)!important}
html body #layer.is-login-layer .login.login-pro.lg3 .login-submit b{color:var(--lg-gold2)}
html body #layer.is-login-layer .login.login-pro.lg3 .ferr{min-height:0;text-align:center;font-size:12.5px;color:#b42318}
html body #layer.is-login-layer .login.login-pro.lg3 .login-demo{text-align:center;font-size:12px!important}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-shake{animation:lg3s .38s}
@keyframes lg3s{20%{transform:translateX(-10px)}40%{transform:translateX(9px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}
/* دست‌گاه لمسی: صفحه‌کلید برنامه جای دکمه ورود */
@media (pointer:coarse){html body #layer.is-login-layer .login.login-pro.lg3 .login-submit{display:none!important}}
@media (pointer:fine){html body #layer.is-login-layer .login.login-pro.lg3 .lg3-pad button{height:46px;font-size:20px}}
/* گوشی */
@media (max-width:860px){
  html body #layer.is-login-layer .login.login-pro.lg3{grid-template-columns:1fr!important;grid-template-rows:auto 1fr;align-content:start}
  html body #layer.is-login-layer .login.login-pro.lg3 .lg3-side{padding:calc(18px + env(safe-area-inset-top)) 20px 6px;gap:10px;border:0;display:grid;grid-template-columns:1fr auto;align-items:end}
  html body #layer.is-login-layer .login.login-pro.lg3 .lg3-brand img{width:42px;height:42px;border-radius:12px}html body #layer.is-login-layer .login.login-pro.lg3 .lg3-brand b{font-size:17px}html body #layer.is-login-layer .login.login-pro.lg3 .lg3-brand small{font-size:11px}
  html body #layer.is-login-layer .login.login-pro.lg3 .lg3-clock{grid-column:2;grid-row:1;align-items:flex-end}html body #layer.is-login-layer .login.login-pro.lg3 .lg3-clock b{font-size:40px;letter-spacing:-1px}html body #layer.is-login-layer .login.login-pro.lg3 .lg3-hi,html body #layer.is-login-layer .login.login-pro.lg3 .lg3-clock span:last-child{font-size:11.5px}
  html body #layer.is-login-layer .login.login-pro.lg3 .lg3-branch,html body #layer.is-login-layer .login.login-pro.lg3 .lg3-trust,html body #layer.is-login-layer .login.login-pro.lg3 .lg3-foot{display:none}
  html body #layer.is-login-layer .login.login-pro.lg3 .login-card{align-self:start;margin:10px auto calc(16px + env(safe-area-inset-bottom))!important;padding:20px 18px 16px!important;border-radius:26px!important;gap:10px!important}
  html body #layer.is-login-layer .login.login-pro.lg3 .login-intro h2{font-size:21px!important}
  html body #layer.is-login-layer .login.login-pro.lg3 .lg3-pad button{height:62px;font-size:26px;border-radius:20px}
}
html[data-theme="dark"] body #layer.is-login-layer .login.login-pro.lg3 .login-card,html[data-theme="dark"] body #layer.is-login-layer .login.login-pro.lg3 .login-card{background:#111a3a!important;color:#e9e6dc!important;border-color:#2a3566!important}
html[data-theme="dark"] body #layer.is-login-layer .login.login-pro.lg3 .login-intro h2{color:#fff!important}
html[data-theme="dark"] body #layer.is-login-layer .login.login-pro.lg3 .lg3-pad button,html[data-theme="dark"] body #layer.is-login-layer .login.login-pro.lg3 .uopt{background:#17224a!important;color:#fff;border-color:#2a3566!important;box-shadow:0 2px 0 #0a1230}
html[data-theme="dark"] body #layer.is-login-layer .login.login-pro.lg3 .lg3-dots i.on{background:var(--lg-gold);border-color:var(--lg-gold)}
@media (prefers-reduced-motion:reduce){html body #layer.is-login-layer .login.login-pro.lg3 .lg3-shake{animation:none}}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-side{order:-2}
html body #layer.is-login-layer .login.login-pro.lg3 .login-card{order:0}
@media (min-width:861px){html body #layer.is-login-layer .login.login-pro.lg3 .lg3-side{border-inline-end:0;border-inline-start:1px solid rgba(216,178,90,.25)}}
html body #layer.is-login-layer .login.login-pro.lg3 .lg3-side{grid-row:1!important;grid-column:1!important}
html body #layer.is-login-layer .login.login-pro.lg3 .login-card{grid-row:1!important;grid-column:2!important}
@media (max-width:860px){html body #layer.is-login-layer .login.login-pro.lg3 .login-card{grid-row:2!important;grid-column:1!important}}
@media (min-width:861px){html body #layer.is-login-layer .login.login-pro.lg3 .lg3-side{border:0!important}}
