.sh[data-v-29bbc6d66b56e221] { position: sticky; top: 0; z-index: 50; background: var(--vb-header-bg, #fff); border-bottom: 1px solid var(--vb-border, #e4e1f2);
}
.sh-in[data-v-29bbc6d66b56e221] { max-width: 1180px; margin: 0 auto; padding: 12px 20px; display: flex; align-items: center; gap: 24px;
}
.sh-logo[data-v-29bbc6d66b56e221] { display: inline-flex; align-items: center; text-decoration: none; color: var(--vb-header-text, #1f1b4d); font-weight: 700; font-size: 20px; flex-shrink: 0;
}
.sh-logo img[data-v-29bbc6d66b56e221] { height: 36px; width: auto; display: block;
}
.sh-nav[data-v-29bbc6d66b56e221] { display: flex; gap: 22px; margin-inline-start: auto;
}
.sh-nav a[data-v-29bbc6d66b56e221] { color: var(--vb-header-text, #1f1b4d); text-decoration: none; font-size: 15px; font-weight: 500; padding: 6px 0; border-bottom: 2px solid transparent;
}
.sh-nav a[data-v-29bbc6d66b56e221]:hover, .sh-nav a.active[data-v-29bbc6d66b56e221] { border-bottom-color: var(--vb-primary, #3b2f8f);
}
.sh-acc[data-v-29bbc6d66b56e221] { display: inline-flex; align-items: center; gap: 6px; color: var(--vb-header-text, #1f1b4d); text-decoration: none; font-weight: 600; font-size: 14px; white-space: nowrap; max-width: 180px; overflow: hidden; text-overflow: ellipsis;
}
.sh-accwrap[data-v-29bbc6d66b56e221] { position: relative;
}
button.sh-acc[data-v-29bbc6d66b56e221] { border: 0; background: none; padding: 6px 0; font: inherit; font-weight: 600; font-size: 14px; cursor: pointer;
}
.sh-accname[data-v-29bbc6d66b56e221] { max-width: 150px; overflow: hidden; text-overflow: ellipsis;
}
.sh-menu[data-v-29bbc6d66b56e221] { position: absolute; top: calc(100% + 8px); inset-inline-end: 0; min-width: 190px; padding: 6px; border: 1px solid var(--vb-border, #e4e1f2); border-radius: 12px; background: #fff; box-shadow: 0 18px 40px -16px rgba(31, 27, 77, .35); display: flex; flex-direction: column; z-index: 60;
}
.sh-menu a[data-v-29bbc6d66b56e221], .sh-menu button[data-v-29bbc6d66b56e221] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; border: 0; border-radius: 8px; background: none; color: var(--vb-heading, #1f1b4d); text-decoration: none; font: inherit; font-size: 14px; font-weight: 500; text-align: start; cursor: pointer;
}
.sh-menu a[data-v-29bbc6d66b56e221]:hover, .sh-menu button[data-v-29bbc6d66b56e221]:hover { background: var(--vb-surface, #f7f6fc);
}
.sh-menu .sh-note[data-v-29bbc6d66b56e221] { background: #fffbeb; color: #92400e; font-weight: 700;
}
.sh-menu .sh-out[data-v-29bbc6d66b56e221] { color: #b91c1c; border-top: 1px solid var(--vb-border, #e4e1f2); border-radius: 0 0 8px 8px; margin-top: 4px;
}
.sh-badge[data-v-29bbc6d66b56e221] { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #f5a524; color: #1f1b4d; font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center;
}
.sh-cta[data-v-29bbc6d66b56e221] { display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; border-radius: 12px; background: var(--vb-primary, #3b2f8f); color: var(--vb-on-primary, #fff); text-decoration: none; font-weight: 600; font-size: 14px; flex-shrink: 0;
}
.sh-cta svg[data-v-29bbc6d66b56e221] { color: #f5a524;
}
.sh-burger[data-v-29bbc6d66b56e221] { display: none; width: 42px; height: 42px; border: 1px solid var(--vb-border, #e4e1f2); border-radius: 10px; background: transparent; flex-direction: column; justify-content: center; align-items: center; gap: 4px; cursor: pointer;
}
.sh-burger span[data-v-29bbc6d66b56e221] { width: 18px; height: 2px; background: var(--vb-header-text, #1f1b4d); border-radius: 2px;
}
@media (max-width: 760px) {
.sh-in[data-v-29bbc6d66b56e221] { gap: 10px; flex-wrap: wrap;
}
.sh-logo img[data-v-29bbc6d66b56e221] { height: 30px;
}
.sh-cta[data-v-29bbc6d66b56e221] { margin-inline-start: auto; padding: 9px 12px;
}
.sh-burger[data-v-29bbc6d66b56e221] { display: flex;
}
.sh-nav[data-v-29bbc6d66b56e221] { display: none; order: 9; width: 100%; flex-direction: column; gap: 0; margin: 4px 0 0;
}
.sh-nav.open[data-v-29bbc6d66b56e221] { display: flex;
}
.sh-nav a[data-v-29bbc6d66b56e221] { padding: 12px 4px; border-bottom: 1px solid var(--vb-border, #e4e1f2);
}
}