.topbar{height:var(--topbar-height);padding:0 var(--space-6);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-glass-border);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:var(--space-4);display:flex}.topbar-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);font-family:var(--font-heading)}.topbar-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.topbar-right{align-items:center;gap:var(--space-3);display:flex}.topbar-search{width:280px}@media (max-width:768px){.topbar{padding:var(--space-3) var(--space-4);height:auto;min-height:var(--topbar-height)}.topbar-search,.topbar-subtitle{display:none}}.mobile-menu-toggle{color:var(--color-text-primary);cursor:pointer;padding:var(--space-1);margin-right:var(--space-3);border-radius:var(--radius-sm);transition:background var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:none}.mobile-menu-toggle:hover{background:var(--color-glass)}@media (max-width:768px){.mobile-menu-toggle{display:flex}}.topbar-icon-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-text-tertiary);transition:all var(--duration-fast) var(--ease-default);justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--color-glass);color:var(--color-text-primary)}.topbar-notification-dot{background:var(--color-error);border-radius:var(--radius-full);border:2px solid var(--color-bg-secondary);width:8px;height:8px;position:absolute;top:8px;right:8px}.topbar-user-btn{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default);color:var(--color-text-secondary);display:flex}.topbar-user-btn:hover{background:var(--color-glass)}.topbar-user-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}@media (max-width:768px){.topbar-user-name{display:none}}.dropdown-header{padding:var(--space-3) var(--space-3)}.dropdown-header-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.dropdown-header-role{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.dropdown-item-danger{color:var(--color-error)!important}.dropdown-item-danger:hover{background:var(--color-error-bg)!important}