.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  backdrop-filter: blur(14px);
  background: var(--bg-navbar);
  border-bottom: 1px solid var(--border-muted);
}
.nav-wrap { display: flex; align-items: center; justify-content: space-between; padding: 0.9rem 0; gap: var(--space-4); }
.nav-brand { font-weight: 700; letter-spacing: 0.3px; font-size: 1.05rem; }
.nav-links { display: flex; align-items: center; gap: var(--space-5); }
.nav-link { color: var(--text-soft); position: relative; }
.nav-link::after { content: ""; position: absolute; left: 0; bottom: -4px; width: 0; height: 2px; background: linear-gradient(90deg, var(--color-primary), var(--color-accent)); transition: width var(--transition-base); }
.nav-link:hover::after, .nav-link.active::after { width: 100%; }
.nav-actions { display: flex; align-items: center; gap: var(--space-3); }
.mobile-toggle { display: none; }
.hero-layout { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: var(--space-8); align-items: center; }
.footer-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); }
.sidebar-layout { display: grid; grid-template-columns: 240px 1fr; min-height: 100vh; }
.dashboard-main { padding: var(--space-8); }