/* UPanel warm edition: isolated authentication layout / v4.0.5-beta6 */
:root{--upw-ink:#142835;--upw-coral:#ef783c;--upw-coral-dark:#d35d24;--upw-sage:#23796d;--upw-line:#e7e9e7;--upw-cream:#f9f5ed}
html:has(.upw-auth-side),body:has(.upw-auth-side){margin:0!important;min-height:100%;overflow-x:hidden;background:#faf9f6}
body:has(.upw-auth-side)>.container-fluid{padding:0!important;width:100%;max-width:none}
.row.hd-upanel-login{width:100%!important;max-width:none!important;min-height:100svh!important;height:auto!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;overflow:visible!important;background:#fff!important;color:var(--upw-ink)!important;font-family:Vazirmatn,IRANSans,system-ui,sans-serif!important;direction:rtl!important;position:relative}
.row.hd-upanel-login:before,.row.hd-upanel-login>.card,.row.hd-upanel-login>.login-background{display:none!important}
.row.hd-upanel-login>.col-md-6.align-center{width:100%!important;max-width:none!important;min-width:0!important;min-height:100svh!important;height:auto!important;margin:0!important;padding:0!important;float:none!important;transform:none!important}
.row.hd-upanel-login>.upw-auth-side{display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;position:relative!important;z-index:3!important;padding:48px clamp(20px,5vw,90px)!important}
.row.hd-upanel-login>.upw-auth-side:before{content:"";position:absolute;width:210px;height:210px;top:-110px;right:-100px;border-radius:50%;border:38px solid #fef2e8;pointer-events:none;opacity:.6}
.row.hd-upanel-login>.upw-showcase-side{display:flex!important;align-items:stretch!important;justify-content:stretch!important;background:var(--upw-cream)!important;position:relative!important;padding:0!important}
.upw-showcase{direction:rtl;isolation:isolate;position:relative;display:flex;flex-direction:column;width:100%;max-width:100%;min-height:100svh;padding:clamp(24px,3vw,54px) clamp(24px,4.2vw,70px) 22px;background:radial-gradient(ellipse at 88% 0%,#fff8e9 0%,transparent 55%),linear-gradient(145deg,#fbf7ef 2%,#f7ebdf 68%,#f4f2e9 100%);overflow:hidden}
.upw-showcase:before{content:"";position:absolute;width:440px;height:440px;left:-170px;top:17%;border:1px solid #e7dac5;border-radius:50%;opacity:.7}
.upw-showcase *{box-sizing:border-box}
.upw-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1}
.upw-brand-icon{width:55px;height:55px;display:grid;place-items:center;flex:none;color:#fff;font-size:38px;font-weight:900;border-radius:16px;background:var(--upw-coral);box-shadow:0 12px 24px #dd6d3930}
.upw-brand strong{font-family:system-ui,sans-serif;font-size:29px;line-height:1.2;letter-spacing:-1.5px;display:block;direction:ltr;text-align:right;color:#17313b}
.upw-brand strong span{color:var(--upw-coral)}
.upw-brand small{display:block;font-size:11px;color:#7b827f;margin-top:4px}
.upw-showcase-main{max-width:540px;margin:clamp(28px,5vh,68px) 0 18px;position:relative;z-index:2}
.upw-kicker{font-size:11px;font-weight:750;color:#587268;display:inline-flex;align-items:center;gap:9px}
.upw-kicker-dot{display:block;width:8px;height:8px;border-radius:50%;background:#15947b;box-shadow:0 0 0 5px #15947b17}
.upw-showcase h2{font-weight:900;color:#182b32;line-height:1.55;letter-spacing:-.6px;font-size:clamp(30px,3vw,49px);margin:16px 0 12px}
.upw-showcase h2 em{font-style:normal;color:#dd6c31}
.upw-showcase-main>p{color:#5d6d6b;font-size:14px;line-height:2.1;margin:0;max-width:460px}
.upw-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:540px;margin:27px 0 0}
.upw-feature{display:flex;align-items:center;gap:8px;background:#ffffffa8;border:1px solid #fff;box-shadow:0 6px 20px #77573709;padding:10px 9px;border-radius:14px;min-width:0}
.upw-feature-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;background:#ffdfc9;color:#b85b2c;border-radius:10px;font-weight:800;font-size:19px}
.upw-feature-icon.green{color:#1c806d;background:#d9f1e7}
.upw-feature-icon.blue{color:#40738e;background:#e1edf3}
.upw-feature b{display:block;color:#2f403f;font-size:10px;line-height:1.4;white-space:nowrap}
.upw-feature small{font-size:9px;color:#83908d;display:block;margin-top:3px;white-space:nowrap}
.upw-preview{direction:rtl;position:relative;z-index:1;margin:14px auto 0;width:min(92%,520px);background:#fff;border-radius:21px 21px 0 0;border:1px solid #e5e9e3;border-bottom:0;box-shadow:0 20px 65px #3a493628;min-height:200px;transform:rotate(-2deg);padding:18px 20px 20px}
.upw-preview-window{height:11px;display:flex;gap:4px;justify-content:flex-end;border-bottom:1px solid #eef0ec;padding-bottom:12px;margin-bottom:14px;box-sizing:content-box}
.upw-preview-window span{width:7px;height:7px;border-radius:50%;background:#e8a07b}.upw-preview-window span:nth-child(2){background:#e5c98a}.upw-preview-window span:nth-child(3){background:#a9c7b7}
.upw-preview-head{display:flex;justify-content:space-between;align-items:center}
.upw-preview-head small,.upw-preview-head b{display:block}.upw-preview-head small{color:#83918d;font-size:10px}.upw-preview-head b{font-size:16px;color:#293f3f;margin-top:5px}
.upw-preview-avatar{width:38px;height:38px;border-radius:11px;background:#dcebe5;display:grid;place-items:center;color:#256e61;font-weight:800}
.upw-preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:19px}
.upw-preview-cards>div{background:#f7f9f7;border:1px solid #edf0eb;border-radius:12px;padding:12px}
.upw-preview-cards i{font-size:19px;color:#df773e;font-style:normal;display:block}
.upw-preview-cards small{color:#82938c;font-size:10px;display:block;margin-top:7px}.upw-preview-cards b{font-size:20px;color:#203843;display:block}
.upw-preview-bar{margin-top:13px;height:25px;display:flex;gap:7px;align-items:flex-end;justify-content:space-between}
.upw-preview-bar span{background:#c5dcd1;border-radius:4px 4px 0 0;flex:1;height:45%}.upw-preview-bar span:nth-child(2){height:70%;background:#dfa97a}.upw-preview-bar span:nth-child(3){height:90%;background:#83bbaa}.upw-preview-bar span:nth-child(4){height:60%}.upw-preview-bar span:nth-child(5){height:80%;background:#dfa97a}.upw-preview-bar span:nth-child(6){height:55%}.upw-preview-bar span:nth-child(7){height:100%;background:#6fad97}
.upw-showcase-foot{color:#82908a;font-size:10px;position:relative;z-index:1;margin:auto 0 0;padding-top:19px}
.row.hd-upanel-login .upw-auth-side .login-form{display:flex;flex-direction:column;align-items:stretch;justify-content:center;z-index:3;width:100%!important;max-width:430px!important;min-width:0!important;margin:0 auto!important;padding:0!important;opacity:1!important;transform:none!important;position:relative}
.row.hd-upanel-login.register .upw-auth-side .login-form{display:none!important}
.row.hd-upanel-login .upw-form-logo{margin:0 auto 12px;display:grid;place-items:center;width:68px;height:68px;border-radius:21px;background:linear-gradient(145deg,#fff9f2,#fff);color:#db6530;box-shadow:0 8px 22px #b8703418;border:1px solid #f6e5d5;font-size:44px}
.row.hd-upanel-login .upw-form-topline{text-align:center;font-size:11px;letter-spacing:1px;direction:ltr;color:#8b9792;font-weight:700;margin-bottom:20px}
.upw-form-topline span{color:#e9793e}
.row.hd-upanel-login .login-form>img.logo{display:none!important}
.row.hd-upanel-login .login-form .title{text-align:center!important;font-size:27px!important;color:#172a36!important;line-height:1.5!important;margin:0 0 19px!important;font-weight:900!important}
.row.hd-upanel-login .login-form .text-center{color:#72807d!important;font-size:13px!important;text-align:center!important;line-height:2!important;margin:0 0 24px!important}
.row.hd-upanel-login .login-form>.row{width:100%!important;max-width:none!important;margin:0!important;display:block!important}
.row.hd-upanel-login .login-form form,.row.hd-upanel-login .login-form form>.col-12{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;box-sizing:border-box}
.row.hd-upanel-login .upanel-material-textfield{width:100%!important;max-width:100%!important;min-width:0!important;margin:8px 0 14px!important}
.row.hd-upanel-login .upanel-material-textfield>input{min-height:59px!important;height:59px!important;background:#fbfbf9!important;border-radius:14px!important;border:1.5px solid #dce2df!important;color:#173341!important;font-size:16px!important;box-shadow:0 5px 19px #16342a08!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;direction:ltr!important;text-align:right!important}
.row.hd-upanel-login .upanel-material-textfield>input:focus{border-color:#e37a41!important;box-shadow:0 0 0 4px #ed874b1c!important;outline:0!important;background:#fff!important}
.row.hd-upanel-login .upanel-material-textfield>label{font-size:12px!important;color:#89938f!important}
.row.hd-upanel-login .upw-auth-side button.default-btn{height:auto!important;min-height:53px!important;width:100%!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:13px!important;border:0!important;background:#e6783d!important;color:white!important;font-weight:800!important;font-size:14px!important;box-shadow:0 12px 25px #dd723c30!important;margin:11px 0 0!important;padding:11px 19px!important;transition:background-color .18s ease,box-shadow .18s ease}
.row.hd-upanel-login .upw-auth-side button.default-btn:hover:not(:disabled){background:#cd602c!important;box-shadow:0 12px 28px #cb622f36!important}
.row.hd-upanel-login .upw-auth-side button.default-btn:disabled{background:#efe8e0!important;color:#acaca5!important;box-shadow:none!important;cursor:not-allowed!important}
.row.hd-upanel-login .upw-auth-side button.default-btn.reset-password{background:transparent!important;color:#45695d!important;box-shadow:none!important;font-size:12px!important;min-height:34px!important}
.row.hd-upanel-login .upw-auth-side .sms-error,.row.hd-upanel-login .upw-auth-side .error-input{color:#b83232!important;font-size:12px!important;background:#fff2ed!important;border-radius:10px!important;padding:9px!important}
.row.hd-upanel-login .upw-auth-side .resend_sms{border:0;background:none;color:#267969;font-weight:700}
.row.hd-upanel-login .login-btns{display:none!important}
.row.hd-upanel-login .register-form{max-width:430px!important;width:100%!important;min-height:0!important;height:auto!important;margin:0 auto!important;z-index:2}
.row.hd-upanel-login .register-form>img.logo{display:none!important}
.row.hd-upanel-login .upw-auth-side button:focus-visible,.row.hd-upanel-login input:focus-visible{outline:3px solid #f9b184!important;outline-offset:3px!important}
@media(max-width:1050px){.row.hd-upanel-login{grid-template-columns:minmax(0,1fr) minmax(0,0.8fr)!important}.upw-feature-grid{grid-template-columns:1fr;max-width:300px}.upw-showcase-main{margin-top:35px}.upw-preview{width:100%}.row.hd-upanel-login>.upw-auth-side{padding:30px 22px!important}}
@media(max-width:760px){.row.hd-upanel-login{grid-template-columns:1fr!important;min-height:100svh!important;display:flex!important;flex-direction:column!important}.row.hd-upanel-login>.upw-auth-side{order:1!important;min-height:100svh!important;padding:28px 22px!important;align-items:center!important}.row.hd-upanel-login>.upw-showcase-side{display:none!important}.row.hd-upanel-login .upw-auth-side .login-form{max-width:420px!important;margin:0 auto!important}.row.hd-upanel-login>.card{display:none!important}}
@media(max-width:380px){.row.hd-upanel-login>.upw-auth-side{padding:20px 14px!important}.row.hd-upanel-login .login-form .title{font-size:24px!important}.row.hd-upanel-login .upw-form-logo{width:58px;height:58px;font-size:35px}}
@media(prefers-reduced-motion:reduce){.row.hd-upanel-login *{transition:none!important;animation:none!important}}


/* UPanel beta7 — minimalist, text-free ambient left panel */
.row.hd-upanel-login>.upw-showcase-side{
  background:#f3f6fb!important;
  overflow:hidden!important;
  isolation:isolate!important;
  position:relative!important;
}
.row.hd-upanel-login>.upw-showcase-side .login-content{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  padding:0!important;
  margin:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.row.hd-upanel-login .upw-ambient{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:
    radial-gradient(ellipse 100% 76% at -8% -12%,#ffffff 12%,#f9fbfe 73%,transparent 100%),
    linear-gradient(150deg,#fbfcfe 0%,#f2f5fa 55%,#f8fafc 100%);
}
.row.hd-upanel-login .upw-ambient::before{
  content:"";
  position:absolute;
  width:170%;
  height:72%;
  left:-54%;
  top:8%;
  transform:rotate(-24deg);
  border-radius:48% 55% 55% 48%;
  background:linear-gradient(160deg,rgba(215,224,241,.18),rgba(214,222,238,.43) 48%,rgba(245,248,252,.2));
  box-shadow:0 0 1px 1px rgba(255,255,255,.42), inset 0 1px 1px rgba(255,255,255,.72);
}
.row.hd-upanel-login .upw-ambient::after{
  content:"";
  position:absolute;
  width:170%;
  height:58%;
  left:-32%;
  bottom:-23%;
  transform:rotate(14deg);
  border-radius:60% 35% 45% 58%;
  background:linear-gradient(20deg,rgba(214,222,237,.52) 2%,rgba(241,245,251,.47) 58%,rgba(255,255,255,.8));
  box-shadow:0 -2px 0 rgba(255,255,255,.55);
}
.row.hd-upanel-login .upw-showcase-side .register-form{display:none!important}
.row.hd-upanel-login.register .upw-auth-side .login-form{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
}
@media(max-width:760px){
  .row.hd-upanel-login>.upw-showcase-side{display:none!important}
}
