.nhv-header{
  background: rgba(9,10,24,.94);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.nhv-header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width: 1200px;
  margin: 0 auto;
  gap:12px;
  padding:10px 12px;
}
.nhv-header__logo{display:flex;align-items:center;text-decoration:none;gap:10px;}
.nhv-header__logo img{display:block;max-height:34px;width:auto;}

.nhv-header__toggle{
  width:42px;height:42px;
  border-radius:12px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.nhv-header__bars{
  width:18px;height:2px;
  background: rgba(255,255,255,.85);
  position:relative;display:block;
}
.nhv-header__bars:before,.nhv-header__bars:after{
  content:"";position:absolute;left:0;width:18px;height:2px;background: rgba(255,255,255,.85);
}
.nhv-header__bars:before{top:-6px;}
.nhv-header__bars:after{top:6px;}

.nhv-drawer{position:fixed;inset:0;z-index:9999;opacity:0;pointer-events:none;transition:opacity .16s ease;}
.nhv-drawer.is-open{opacity:1;pointer-events:auto;}
.nhv-drawer__backdrop{position:absolute;inset:0;background: rgba(0,0,0,.55);}
.nhv-drawer__panel{
  position:absolute;top:0;bottom:0;right:0;
  width:min(340px, 88vw);
  background: linear-gradient(180deg, rgba(35,30,70,.98), rgba(18,16,40,.98));
  border-left: 1px solid rgba(255,255,255,.10);
  padding:12px;
  transform: translateX(14px);
  transition: transform .16s ease;
  overflow:auto;
}
.nhv-drawer.is-open .nhv-drawer__panel{transform:none;}

.nhv-drawer__top{display:flex;align-items:center;justify-content:space-between;
  max-width: 1200px;
  margin: 0 auto;gap:10px;margin-bottom:10px;}
.nhv-drawer__title{font-weight:800;margin:0;font-size:16px;}
.nhv-drawer__close{
  width:40px;height:40px;border-radius:12px;
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  font-size:20px;line-height:1;
}

.nhv-drawer__auth{display:flex;gap:10px;margin:10px 0 14px;}
.nhv-drawer__auth--guest{
  flex-direction: column;
  margin: 8px 0 12px;
}
.nhv-btn{
  flex:1;display:inline-flex;align-items:center;justify-content:center;
  padding:10px 12px;border-radius:14px;
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  text-decoration:none;font-weight:800;font-size:14px;
  color: #fff !important;
}
.nhv-btn--block{
  width: 100%;
  flex: 0 0 auto;
  padding: 12px 14px;
  font-size: 15px;
  border-radius: 12px;
}
.nhv-profile{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:14px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
.nhv-profile__avatar{width:40px;height:40px;border-radius:999px;object-fit:cover;}
.nhv-profile__name{font-weight:900;font-size:14px;line-height:1.2;margin:0;}
.nhv-profile__meta{font-size:12px;opacity:.85;margin:2px 0 0;}
.nhv-profile__meta{
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nhv-profile__actions{display:flex;gap:10px;margin:10px 0 14px;}
.nhv-btn--small{flex:1;padding:9px 10px;border-radius:12px;font-size:13px;}
.nhv-profile--guest .nhv-profile__avatar{
  border: 1px solid rgba(255,255,255,.14);
}
.nhv-profile--guest .nhv-profile__meta{
  max-width: none;
  white-space: normal;
  line-height: 1.5;
}
.nhv-account-stats--guest{
  margin-top: 8px;
}
.nhv-btn--guest-fav{
  margin: 10px 0 14px;
  width: 100%;
  line-height: 1.45;
}

.nhv-drawer__menu{list-style:none;margin:0;padding:0;}
.nhv-drawer__menu li{margin:8px 0;}
.nhv-drawer__menu a{
  display:block;padding:12px 12px;border-radius:14px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  text-decoration:none;font-weight:850;
  color: #fff !important;
}

.nhv-membership{
  margin: 12px 14px 0;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.nhv-membership__label{
  font-size: 12px;
  opacity: .75;
}
.nhv-membership__value{
  font-size: 13px;
  font-weight: 800;
}
.nhv-membership--vip{
  border-color: rgba(255, 215, 0, .35);
  background: linear-gradient(135deg, rgba(255,215,0,.16), rgba(255,215,0,.04));
}
.nhv-membership--vip .nhv-membership__value{
  color: #ffd76a;
  text-shadow: 0 0 12px rgba(255,215,0,.2);
}

.nhv-account-stats{
  margin: 10px 14px 0;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}
.nhv-account-stats__title{
  margin: 0;
  font-size: 12px;
  opacity: .78;
}
.nhv-account-stats__line{
  margin: 6px 0 0;
  font-size: 13px;
  font-weight: 700;
}
.nhv-account-stats__line strong{
  font-size: 14px;
  margin-inline-start: 6px;
}
.nhv-account-stats__link{
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  text-decoration: none;
  opacity: .92;
}
.nhv-account-stats__link:hover{
  opacity: 1;
}

.nhv-logout{
  display: block;
  margin: 10px 14px 0;
  padding: 10px 12px;
  border-radius: 12px;
  text-align: center;
  text-decoration: none !important;
  font-size: 13px;
  opacity: .9;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  color: #fff !important;
}
.nhv-logout:hover{
  opacity: 1;
  background: rgba(255,255,255,.05);
}