.pxnl-site-header {
  position: relative;
  z-index: 1000;
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  width: calc(100% - 32px);
  max-width: 1520px;
  min-height: 0;
  margin: 10px auto;
  padding: 5px 22px 7px;
  color: #f3f7ff;
  background:
    linear-gradient(115deg, rgba(7, 31, 58, 0.96), rgba(10, 61, 101, 0.9)),
    rgba(8, 39, 70, 0.94);
  border: 1px solid rgba(147, 197, 253, 0.16);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(2, 16, 33, 0.24);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-family: "Be Vietnam Pro", Arial, sans-serif;
  box-sizing: border-box;
}

.pxnl-site-header * { box-sizing: border-box; }

.pxnl-site-logo {
  display: block;
  width: 88px;
  height: 88px;
  object-fit: contain;
}

.pxnl-site-heading {
  min-width: 0;
  font-family: "Times New Roman", Times, serif;
}

.pxnl-site-heading h1 {
  margin: 0;
  color: #fff;
  font: 700 clamp(21px, 1.6vw, 27px)/1.12 "Times New Roman", Times, serif;
  text-transform: uppercase;
  white-space: nowrap;
}

.pxnl-site-slogan {
  margin: 0 0 10px;
  color: #33e07f;
  font: 400 clamp(12px, .9vw, 14px)/1.3 "Times New Roman", Times, serif;
  text-transform: uppercase;
}

.pxnl-site-datetime {
  display: flex;
  align-items: baseline;
  gap: 18px;
  color: #e7eefc;
  font-family: "Times New Roman", Times, serif;
}

.pxnl-site-date { font: 400 14px/1.2 "Times New Roman", Times, serif; }
.pxnl-site-clock { font: 400 20px/1 "Times New Roman", Times, serif; font-variant-numeric: tabular-nums; }

.pxnl-site-nav {
  position: absolute;
  right: 230px;
  bottom: 6px;
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: max-content;
  max-width: calc(100% - 270px);
  padding: 5px 7px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  background: rgba(20,32,54,.36);
  backdrop-filter: blur(9px);
}

.pxnl-site-nav-link {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  color: #e7eefc;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  text-decoration: none;
  transition: .2s ease;
}

.pxnl-site-nav-link:hover,
.pxnl-site-nav-link.is-active {
  color: #0a1425;
  background: linear-gradient(135deg,#ffb15f,#ff7e28);
  border-color: rgba(255,177,95,.5);
}

.pxnl-site-nav-icon { font: 400 15px/1 "Be Vietnam Pro", Arial, sans-serif; }
.pxnl-site-nav-text {
  position: absolute;
  left: 50%;
  bottom: -31px;
  z-index: 100;
  width: max-content;
  max-width: 130px;
  padding: 5px 7px;
  color: #f4f7ff;
  background: rgba(7,17,31,.96);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 6px;
  font: 700 9px/1.2 "Be Vietnam Pro", Arial, sans-serif;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%,-3px);
  transition: .16s ease;
}

.pxnl-site-nav-link:hover .pxnl-site-nav-text,
.pxnl-site-nav-link:focus-visible .pxnl-site-nav-text { opacity: 1; transform: translate(-50%,0); }

.pxnl-site-account { display: flex; justify-content: flex-end; margin-left: 20px; }
.pxnl-site-account-card {
  display: grid;
  grid-template-columns: auto 38px;
  align-items: center;
  gap: 7px 10px;
  min-width: 176px;
  padding: 10px 12px;
  color: #e7eefc;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 14px;
  background: rgba(20,32,54,.5);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(10px);
}

.pxnl-site-greeting { font: 400 14px/1.2 "Times New Roman", Times, serif; white-space: nowrap; }
.pxnl-site-greeting strong { color: #fff; font-family: inherit; }
.pxnl-site-avatar {
  position: relative;
  grid-column: 2;
  grid-row: 1 / span 2;
  width: 38px;
  height: 38px;
  overflow: visible;
  border: 2px solid rgba(147,197,253,.9);
  border-radius: 50%;
  background: rgba(219,234,254,.95);
}
.pxnl-site-avatar .pxnl-auth-checklist-badge {
  position: absolute;
  z-index: 5;
  top: -10px;
  right: -10px;
}
.pxnl-site-avatar::before { content:""; position:absolute; top:6px; left:50%; width:11px; height:11px; border-radius:50%; background:#1769d2; transform:translateX(-50%); }
.pxnl-site-avatar::after { content:""; position:absolute; left:50%; bottom:4px; width:23px; height:14px; border-radius:14px 14px 7px 7px; background:#1769d2; transform:translateX(-50%); }
.pxnl-site-auth-action {
  grid-column: 1;
  min-width: 92px;
  padding: 6px 12px;
  color: #fff;
  border: 1px solid rgba(147,197,253,.52);
  border-radius: 7px;
  background: #1769d2;
  font: 700 13px/1.2 "Times New Roman", Times, serif;
  cursor: pointer;
}

body.pxnl-site-header-ready .global-header,
body.pxnl-site-header-ready .side-toolbar { display: none !important; }
body.pxnl-site-header-ready .dashboard-shell { display: block !important; }
body.pxnl-site-header-ready .toolbar-main-column { width: 100% !important; min-width: 0; }

@media (max-width: 900px) {
  .pxnl-site-header { grid-template-columns: 80px minmax(0,1fr); padding: 8px 14px; }
  .pxnl-site-logo { width: 80px; height: 80px; }
  .pxnl-site-heading h1 { white-space: normal; }
  .pxnl-site-nav { position: static; grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; max-width: none; }
  .pxnl-site-nav-link { display:flex; justify-content:flex-start; gap:8px; width:100%; height:38px; padding:0 10px; }
  .pxnl-site-nav-text { position:static; width:auto; max-width:none; padding:0; color:inherit; background:transparent; border:0; font-size:10px; opacity:1; transform:none; }
  .pxnl-site-account { grid-column:1/-1; justify-content:flex-start; margin-left:96px; }
}

@media (max-width: 560px) {
  .pxnl-site-header { display:flex; flex-direction:column; text-align:center; }
  .pxnl-site-heading { text-align:center; }
  .pxnl-site-heading h1 { font-size:21px; }
  .pxnl-site-slogan { font-size:12px; }
  .pxnl-site-datetime { justify-content:center; }
  .pxnl-site-account { justify-content:center; margin-left:0; }

  .pxnl-site-header {
    width: calc(100% - 12px);
    margin: 5px auto 7px;
    padding: 5px 8px 7px;
    gap: 6px;
    border-radius: 10px;
  }
  .pxnl-site-header .pxnl-site-logo { width: 48px; height: 48px; }
  .pxnl-site-header .pxnl-site-heading h1 { font-size: 14px; line-height: 1.08; }
  .pxnl-site-header .pxnl-site-slogan { margin-bottom: 4px; font-size: 9px; line-height: 1.15; }
  .pxnl-site-header .pxnl-site-datetime { gap: 10px; }
  .pxnl-site-header .pxnl-site-date { font-size: 10px; }
  .pxnl-site-header .pxnl-site-clock { font-size: 15px; }
  .pxnl-site-header .pxnl-site-nav {
    gap: 3px;
    padding: 3px;
    border-radius: 9px;
  }
  .pxnl-site-header .pxnl-site-nav-link {
    height: 28px;
    min-height: 28px;
    gap: 4px;
    padding: 0 6px;
    border-radius: 7px;
  }
  .pxnl-site-header .pxnl-site-nav-icon { font-size: 11px; }
  .pxnl-site-header .pxnl-site-nav-text { font-size: 8px; line-height: 1.05; }
  .pxnl-site-header .pxnl-site-account-card {
    grid-template-columns: auto 30px;
    min-width: 142px;
    gap: 4px 7px;
    padding: 6px 8px;
    border-radius: 10px;
  }
  .pxnl-site-header .pxnl-site-greeting { font-size: 11px; }
  .pxnl-site-header .pxnl-site-avatar { width: 30px; height: 30px; }
  .pxnl-site-header .pxnl-site-avatar::before { top: 4px; width: 9px; height: 9px; }
  .pxnl-site-header .pxnl-site-avatar::after { bottom: 3px; width: 18px; height: 11px; }
  .pxnl-site-header .pxnl-site-auth-action {
    min-width: 76px;
    padding: 4px 9px;
    font-size: 11px;
  }
}