.navBar{height:var(--navbar-height);background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:100}
.navBar-options{display:flex;align-items:center;justify-content:space-between;width:100%}
.menu-toggle{width:36px;height:36px;display:none;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-xs);background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}
.menu-toggle:hover{background:var(--bg);color:var(--text)}
.navBar-options-list{display:flex;align-items:center;gap:10px;margin-left:auto}
.nav-user-info{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border-radius:var(--radius-sm);background:var(--bg);transition:var(--transition)}
.nav-user-info:hover{background:var(--bg-subtle)}
.nav-user-avatar{width:28px;height:28px;border-radius:var(--radius-xs);object-fit:cover}
.nav-user-name{font-size:13px;font-weight:500;color:var(--text)}
.btn-logout{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);color:var(--text-muted);transition:var(--transition);background:none;border:none;font-size:16px}
.btn-logout:hover{background:var(--danger-light);color:var(--danger)}

@media(max-width:768px){
  .menu-toggle{display:flex}
}