.site-header{position:sticky;top:0;z-index:1000;background:var(--bg-secondary);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px;position:relative}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.brand-logo{width:36px;height:36px;background:var(--accent-gold);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#000}
.brand span{font-size:17px;font-weight:700;color:var(--text-primary)}
.nav-main{display:flex;align-items:center;gap:2px}
.nav-link{padding:8px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:all var(--transition);white-space:nowrap}
.nav-link:hover,.nav-link.active{color:var(--accent-gold);background:var(--accent-gold-dim)}
.nav-link:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}
.brand:focus-visible,.search-trigger:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px;border-radius:4px}
.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.search-trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:var(--transition);font-family:inherit}
.search-trigger:hover{border-color:var(--border-light);color:var(--text-primary)}
.auth-buttons{display:flex;gap:6px}
.user-menu{display:flex;align-items:center;gap:6px}
.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#000;flex-shrink:0}
.user-name{font-size:13px;font-weight:600;white-space:nowrap}
.notification-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:9px;background:var(--accent-red);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}
.mobile-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:28px;cursor:pointer;padding:4px;line-height:1}
.nav-dropdown{position:relative;display:inline-block}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:6px 0;min-width:220px;box-shadow:0 8px 24px rgba(0,0,0,0.4);z-index:1001;animation:fadeInDown 0.2s ease}
.nav-dropdown:hover .dropdown-menu,.dropdown-menu.show{display:block}
.dropdown-menu a,.dropdown-item{display:block;padding:8px 16px;color:var(--text-secondary);font-size:13px;text-decoration:none;transition:var(--transition)}
.dropdown-menu a:hover,.dropdown-item:hover{background:var(--bg-hover);color:var(--accent-gold)}
.dropdown-menu .dropdown-item-gold{color:var(--accent-gold);font-weight:600}
.dropdown-menu .dropdown-divider{border-top:1px solid var(--border);margin:8px 16px 4px;padding-top:8px}
.dropdown-menu .dropdown-label{margin:0;padding:4px 16px 8px}
/* Notification dropdown */
#notif-bell{position:relative;cursor:pointer;padding:6px;transition:var(--transition);border-radius:6px}
#notif-bell:hover{background:var(--bg-hover)}
.notification-dropdown{position:absolute;top:100%;right:0;width:320px;max-height:400px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1002;display:none}
.notification-dropdown.show{display:block}
.notification-item{padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-secondary);transition:var(--transition)}
.notification-item:hover{background:var(--bg-hover)}
.notification-item.unread{border-left:3px solid var(--accent-gold)}
.notification-item:last-child{border-bottom:none}
.notification-time{font-size:11px;color:var(--text-muted)}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.notification-dropdown.show{animation:slideDown 0.2s ease}
/* Separator in dropdown menus */
.dropdown-divider{border-top:1px solid var(--border);margin:4px 0}
.dropdown-label{padding:4px 16px 6px;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em}
@media(max-width:1024px){
  .nav-main{display:none;position:absolute;top:64px;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:12px;flex-direction:column;z-index:999;box-shadow:var(--shadow-lg)}
  .nav-main.open{display:flex}
  .nav-dropdown .dropdown-menu{position:static;box-shadow:none;border:none;padding-left:16px;display:none}
  .nav-dropdown.open .dropdown-menu{display:block}
  .mobile-toggle{display:block}
  .search-trigger span{display:none}
  .notification-dropdown{position:fixed;top:64px;left:0;right:0;width:100%;max-height:60vh}
}