.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}

.brand-icon {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.brand .brand-name {
  color: #fff;
  font-weight: 900;
  letter-spacing: -.5px;
  -webkit-text-stroke: .45px #fff;
  paint-order: stroke fill;
  text-shadow:
    0 2px 0 #5b586b,
    0 3px 0 #24212f;
}

.brand-name strong {
  color: #00d118;
  -webkit-text-stroke: .35px rgba(149,255,160,.75);
  text-shadow: 0 2px 0 #007d0e;
}

@media(max-width:560px){.brand-icon{width:42px;height:42px}.brand-name{font-size:20px}}

.account-area {
  display: flex;
  align-items: center;
  gap: 14px;
  white-space: nowrap;
}

.account-area #logout {
  padding: 6px 10px;
  font-size: 12px;
  box-shadow: 0 2px 0 #34206d;
}
.header-account-menu { position:relative; }
.header-account-menu .header-profile-identity { cursor:pointer; }
.header-profile-identity b { margin-left:2px; color:#d9cce6; font-size:12px; }
.account-dropdown { position:absolute; top:calc(100% + 9px); right:0; z-index:20; display:grid; min-width:190px; overflow:hidden; border:1px solid rgba(164,114,215,.5); border-radius:10px; background:rgba(16,9,27,.98); box-shadow:0 16px 34px rgba(0,0,0,.45); }
.account-dropdown a,.account-dropdown button { display:block; width:100%; margin:0; padding:10px 13px; border:0; border-bottom:1px solid rgba(164,114,215,.2); border-radius:0; background:transparent; color:#f7f2fb; box-shadow:none; font-size:13px; font-weight:700; text-align:left; }
.account-dropdown a:hover,.account-dropdown button:hover { transform:none; background:rgba(95,25,187,.36); box-shadow:none; }
.account-dropdown button:last-child { border-bottom:0; color:#ffb9bf; }

.account-tab {
  padding: 6px 10px;
  border: 1px solid rgba(0,209,24,.72);
  background: rgba(0,209,24,.08);
  color: #eaffed;
  font-size: 13px;
  text-decoration: none;
}

.account-tab:first-child { border-radius: 6px 0 0 6px; }
.account-tab + .account-tab { margin-left: -14px; border-radius: 0 6px 6px 0; }
.account-tab:first-child:nth-last-child(2) { border-radius: 6px; }
.account-tab.active {
  position: relative;
  z-index: 1;
  border-color: #a472d7;
  background: rgba(95,25,187,.48);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(164,114,215,.28), 0 2px 0 #421082;
}
.account-tab.admin-link { position:relative; padding-right:21px; border-color:rgba(255,210,72,.86); background:rgba(165,112,0,.16); color:#fff1b5; }
.account-tab.admin-link.active { border-color:#ffd34e; background:rgba(151,101,0,.48); box-shadow:inset 0 0 0 1px rgba(255,224,120,.24),0 2px 0 #6c4700; }

.nav-tab,
.profile-link {
  padding: 6px 10px;
  border: 1px solid rgba(164,114,215,.46);
  border-radius: 0;
  background: rgba(95,25,187,.18);
  font-size: 14px;
}

header nav { gap: 0; }
header nav .nav-tab + .nav-tab { margin-left: -1px; }
header nav .nav-tab:first-child { border-radius: 6px 0 0 6px; }
header nav .nav-tab:last-child { border-radius: 0 6px 6px 0; }

.nav-tab.active {
  border-color: #00d118;
  background: rgba(0,209,24,.2);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(0,209,24,.32), 0 2px 0 #007d0e;
}

@media(max-width:720px){.account-area{margin-left:auto}}

@media(max-width:1180px){
  header nav{max-width:100%;overflow-x:auto;scrollbar-width:none}
  header nav::-webkit-scrollbar{display:none}
  .nav-tab{padding:6px 8px;font-size:12px;white-space:nowrap}
}