.hdr,.hdr *{box-sizing:border-box}
.hdr{position:fixed;inset:0 0 auto;z-index:50;height:64px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:0 18px;color:#f4f7ff;background:rgba(4,11,26,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.7;transition:background .3s}
.hdr.s{background:rgba(4,11,26,.88)}
.hdr a{color:inherit;text-decoration:none}
.hdr .logo img{height:30px;width:auto;display:block}
.hdr .nav{position:absolute;top:64px;inset-inline:0;display:none;flex-direction:column;background:rgba(4,11,26,.96);padding:8px 18px 16px;border-bottom:1px solid rgba(120,160,255,.16)}
.hdr.open .nav{display:flex}
.hdr .nav a{padding:12px 0;color:#dbe4f7;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}
.hdr .nav a:hover,.hdr .nav a[aria-current="page"]{color:#fff}
.hdr .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;padding:11px 22px;color:#fff;font:600 14px Vazirmatn,Tahoma,sans-serif;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.hdr .btn-p{background:linear-gradient(100deg,#2f6bff,#7a4dff);box-shadow:0 8px 28px rgba(80,90,255,.35)}
.hdr .btn-o{background:rgba(20,40,90,.25);border:1px solid rgba(90,130,255,.45);color:#cfdcff}
.hdr .btn-o:hover{background:rgba(47,107,255,.2);box-shadow:0 0 24px rgba(47,107,255,.35)}
.hdr .btn-p::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:mlp-nav-shine 4s 1.5s infinite}
.hdr .btn-p:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(100,90,255,.55)}
.hdr .auth-actions{display:flex;align-items:center;gap:6px;margin-inline:auto 8px;direction:rtl}
.hdr .auth-actions .btn{padding:8px 12px;font-size:12px;white-space:nowrap}
.hdr .auth-actions .nav-logout{display:contents}
.hdr .auth-actions .nav-logout .btn{padding:8px 12px;font-size:12px;white-space:nowrap}
.hdr .burger{background:none;border:0;display:grid;gap:5px;padding:8px;cursor:pointer}
.hdr .burger i{width:24px;height:2px;background:#fff;border-radius:2px}
.preview-banner~.hdr{top:40px}
.mlp-nav-page{padding-top:64px}
.dashboard-local-header{top:64px!important}
@keyframes mlp-nav-shine{to{left:130%}}
@media(prefers-reduced-motion:reduce){.hdr,.hdr *{animation:none!important;transition:none!important}}
@media(min-width:900px){
  .hdr{height:64px;padding:0 24px;flex-direction:row-reverse;max-width:1240px;margin:12px auto 0;inset-inline:16px;border:1px solid rgba(120,160,255,.16);border-radius:14px}
  .hdr .nav{position:static;display:flex;flex-direction:row;gap:20px;background:none;padding:0;border:0}
  .hdr .nav a{border:0;padding:0;font-size:13px}
  .hdr .auth-actions{margin:0;order:-1;gap:8px}
  .hdr .auth-actions .btn{padding:9px 16px;font-size:13px}
  .hdr .burger{display:none}
  .mlp-nav-page{padding-top:88px}
  .dashboard-local-header{top:88px!important}
  .dashboard-sidebar{top:88px!important;height:calc(100vh - 88px)!important}
}
@media(max-width:899px){
  .hdr .logo{position:absolute;left:50%;transform:translateX(-50%)}
}
@media(max-width:430px){
  .hdr{padding-inline:10px}
  .hdr .logo img{height:27px}
  .hdr .auth-actions{gap:4px;margin-inline:auto 4px}
  .hdr .auth-actions .btn{padding:7px 9px;font-size:11px}
}
